草庐IT

vue虚拟dom和diff算法

全部标签

javascript - Vue.js - 应该使用哪个组件生命周期来获取数据?

在阅读了Alligator.io的一篇关于Vue的帖子后,它说挂载的生命周期不适合使用httpget。我想知道是否有关于如何在Vue.js中正确地从API获取数据的指南? 最佳答案 我更喜欢在创建的钩子(Hook)中调用API。引自alligator.io:Inthecreatedhook,youwillbeabletoaccessreactivedataandeventsareactive.TemplatesandVirtualDOMhavenotyetbeenmountedorrendered.因此,如果需要,您可以轻松访问数据

javascript - 如何将 vue.js 与 django 集成?

这是带有vue.js的单页应用程序,它进行了一些简单的计算,我试图在django中实现这个计算,但它没有给我想要的结果。在这里,我在vue.js中创建了动态数组,这只完美地显示了产品的图像,但没有显示product.name和product.sell_price以及@click.prevent="addToCart(product)"这个功能不起作用??我该如何解决?vue.jsnewVue({el:'#posApp',data:{total:0,discount:0,products:[{%forproductinproducts%}{"id":{{product.id}},"nam

javascript - 如何在加载头部之后但在 DOM 之前立即运行脚本?

制作一个GoogleChrome扩展,需要在加载head后运行脚本,因为head中有脚本,我需要它们运行。在加载DOM之前,因为其中有一个我需要击败的内联脚本。我该怎么做?如何检测头部加载时间? 最佳答案 当您注入(inject)您的内容脚本时,您可以在list中将“run_at”参数声明为“document_start”,这些文件在来自css的任何文件之后注入(inject),但在构建任何其他DOM或运行任何其他脚本之前.可以找到更多信息here.{"name":"Myextension",..."content_scripts"

javascript - 从 DOM 中有效地删除文本节点

在不涉及太多细节的情况下,我正在使用javascript清理表格内的空白。我需要删除大量的文本节点。当涉及到IE9时,这似乎是我的脚本中的瓶颈。以下所有方法都可以完成这项工作,但它们会导致速度大幅下降。domNode.removeNode(true);domNode.nodeValue="";domNode.parentNode.removeChild(domNode);有没有办法进行批量删除或将它们隐藏在dom等中。只是更快一些。我也在文本节点上试过这个:domNode.innerHTML='';虽然它执行得很快,但文本节点似乎没有被它定相。此外,我需要保留事件绑定(bind),因此

javascript - 如何在 Chrome Developer 中查看 DOM 对象的属性?

我想在GoogleChromeWebDeveloperTools中检查DOM对象的属性,因此我调用了console.debug();并将DOM元素作为参数:HTML:Yourbrowserdoesnotsupporttheaudiotag.Javascript:console.debug(document.getElementsByTagName('source')[0]);​JSFiddle但是,Chrome控制台仅在调用console.debug();时显示元素的HTML,而不会显示DOM节点对象的任何javascript属性。如何在ChromeDeveloper中查看DOM对象的

javascript - DOM 渲染是否保证在单个(同步)函数执行期间阻塞?

DOM阻塞是许多不熟悉JavaScript严格的单线程同步执行模型的人发现的困难方法,它通常只是我们想以某种方式解决的问题(使用超时、网络worker等)。一切都很好。但是,我想知道阻止实际的用户可见渲染是否是您实际上可以依赖的东西。我有90%的把握事实上在大多数浏览器中都是这种情况,但我希望这不仅仅是一个愉快一致的意外。我似乎无法从DOM规范甚至MDM等vendor文档中找到任何明确的声明。让我有点担心的是,虽然从页面上看确实看不到DOM的变化,但内部DOM几何结构(包括CSS转换和过滤器)确实在同步执行期间实际上更新了。例如:console.log(element.getBound

javascript - Angular JS 中的 DOM 查询; $ (".myclass").each() 替代

这个问题在这里已经有了答案:Whatisthealternativeforjqueryeachinangularjs?(2个答案)关闭8年前。我对AngularJS比较陌生,而且我已经使用jQuery很长时间了。这就是为什么我一直很难将我内部的jQuery转换为Angular。:D我想知道我们如何以Angular执行DOM查询。基本上,我面临着必须做这样的事情的情况$(".myClass").each(function(){$(this).doSomething();})任何人都可以建议我一个Angular程序员如何做这样的事情。谢谢

javascript - 测试 Vue.js 组件

我想测试一个Vue.js组件,但我失败了。简单地说,我正在设置一个组件属性,我想断言它设置正确。如果这很重要,模块将加载导出,并使用Webpack输出JS。//componentexports=module.exports={};module.exports={data:function(){return{active:false};},methods:{'close':function(){console.log(this.active);//->truethis.active=false;console.log(this.active);//->false}}};//compone

javascript - 从父级访问 Vue 中组件的计算属性

如何从父级访问Vue中组件的计算属性?在此示例中,我有一个包含商品组件的购物车,我想计算并显示购物车商品的总和:购物车.jsvarvm=newVue({el:'#cart',components:{cartItem:require('./components/cart-item.js'),},data:{items:[{name:'apple',qty:5,price:5.00},{name:'orange',qty:7,price;6.00},],},computed:{//IwanttodosomethinglikethisandaccesslineTotalfromcartcar

javascript - 动态注册本地 Vue.js 组件

我们知道possible像这样动态注册全局Vue.js(版本1)组件:Vue.component('my-component',MyComponent)有没有办法对本地组件执行相同的操作,即那些仅对特定组件可用/可见的组件?我的想法是,我希望能够像这样传递要在本地注册的组件:所以在outer-component中我可以做:created(){this.someMethodINeedToRegisterLocalComponent('cool-component',this.localComponentToBeRegisteredDynamically);},