草庐IT

文本处理

全部标签

javascript - 使用 react-router 处理 firebase 身份验证

我正在使用webpack构建React+Redux+Firebase应用程序,并试图找出处理protected路由和重定向的最佳方法。我已经尝试将onEnter()与setTimeout()一起使用,就像许多示例所示,但它仍然在重定向之前闪烁备用组件。这是我目前拥有的,我正在尝试提出一个更优雅的解决方案。这主要是有效的,但失败的一个例子是,如果我在/profile上并在浏览器中导航到/。似乎是因为firebase.auth()需要再次初始化,所以我在HomePage组件切换到Profile之前闪了一下。Firebase在firebaseClientConfig中初始化,我将fireba

javascript - 文本替换后匹配子字符串的光标位置

这个问题在这里已经有了答案:Correctsubstringpositionafterreplacement(1个回答)关闭5年前。长话短说我有替换文本、字符串和光标位置(一个数字)的函数,如果字符串的长度发生变化,我需要为使用替换函数创建的新字符串获取更正的位置(一个数字):inputandcursorposition:fooba|rtextreplacement:foo->baz_text,bar->quux_textresult:baz_textqu|ux_texttextinputandcursorposition:foobar|textreplacement:foo->baz

javascript - 从 json 文件中获取文本值

我正在借助此codepen1从JSON中获取图像:https://codepen.io/kidsdial/pen/Qomgva现在除了图像,我还需要获取文本,所以我尝试了codepen2:https://codepen.io/kidsdial/pen/bZvRgR,但文本未显示....文本“GoodFoodGoodlife”应如下图所示:vartarget;letjsonData={"layers":[{"x":0,"layers":[{"x":0,"src":"Y1rcR8A.jpg","y":0},{"x":476,"src":"0x7hnlG.png","y":326},{"ju

javascript - 简单的 Javascript 来模仿在事件处理程序中使用它的 jQuery 行为

这不是关于jQuery的问题,而是关于jQuery如何实现这种行为的问题。在jQuery中你可以这样做:$('#some_link_id').click(function(){alert(this.tagName);//displays'A'})有人可以笼统地解释一下(不需要您编写代码)他们如何将事件的调用者html元素(此特定示例中的链接)传递到this关键字?我显然试图在jQuery代码中查找1st,但我无法理解一行。谢谢!更新:根据Anurag的回答,我决定此时发布一些代码,因为它似乎比我想象的更容易编码:functionAddEvent(html_element,event_n

javascript - 处理 API 设计和 OO 糖

入门读物:Prototypesas"classes"OOJS按照上述模式,我创建如下库/APIvarProto={constructor:function(){this.works=true;},method:function(){returnthis.works;}};现在库用户要与我的原型(prototype)(不提供工厂函数)交互,他们必须实例化和初始化对象//instantiatevarp=Object.create(Proto);//initializep.constructor();这是一种强制用户实例化和初始化我的对象的不友好且冗长的方式。我个人使用pd在我所有的应用程序

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 在大型 Web 应用程序中处理 JavaScript(可重用性、捆绑、单元测试...)

也许有人可以建议我可以使用什么工具、方法和引用来实现大型Web应用程序在JavaScript方面的以下目标:可重用性、捆绑、单元测试、许多开发人员等等。例如,我检查了browserify工具,但实际上没有文档,没有书什么的。 最佳答案 静态代码分析:JSLint,GoogleClosureToolsJavaScriptcodecheckingbeyondJSLint单元测试:JSUnitJavaScriptunittesttoolsforTDD捆绑并放在一起基于Java的构建-Wro4j-处理许多基于Web的常见工具,例如JsHin

Javascript - 图像数据处理和div渲染

所以我为自己创造的挑战就是这样。我有一张源照片:我正在映射颜色值并使用div创建它的像素化表示结果如下:我使用的代码是:'usestrict';varimageSource='images/unicorn.jpg';varimg=newImage();img.src=imageSource;varcanvas=$('')[0];canvas.width=img.width;canvas.height=img.height;canvas.getContext('2d').drawImage(img,0,0,img.width,img.height);varcontext=canvas.g

javascript - 使用 $http 发送 JSON 导致 Angular 发送文本/纯内容类型

我只想将以下JSONobjects发送到我的API后端:{"username":"alex","password":"password"}所以我使用Angular$http编写了以下函数:$http({method:'POST',url:'/api/user/auth/',data:'{"username":"alex","password":"alex"}',}).success(function(data,status,headers,config){//DoStuff}).error(function(data,status,headers,config){//DoStuff})

javascript - IE10 中的 HTML/文本选择

我需要通过给它一个ID选择器来选择一系列HTML。我下面的内容在Chrome和Firefox中效果很好,但在IE10(标准模式)中却不行。(旧版本的IE不是这个问题)functionselectElementContents(elementId){varelemToSelect=document.getElementById(elementId);varselection=window.getSelection();varrangeToSelect=document.createRange();rangeToSelect.selectNodeContents(elemToSelect)