草庐IT

vue打包优化

全部标签

javascript - 需要优化功能

我正在研究这个函数,它必须返回添加a和bn次的所有可能值,例如如果n=1那么可能的值将是a+aa+b和b+b。下面的功能有效,但它太慢了,我想优化它。有什么建议么?非常感谢!functionprocessData(n,a,b){varans=[0];for(vari=0;i 最佳答案 functionprocessData(n,a,b){varans=[];if(a==b){for(vari=0;ib){vartemp=a;a=b;b=temp;}vardiff=b-a;for(vari=0;i好的,这是迄今为止最有效的解决方案。我

javascript - Vue.js 的 CORS 问题

我正在使用:Vue2.0.3vue-router2.0.1vuex0.8.2vue资源0.7.0在使用远程API而不是本地运行的API尝试登录到我的页面后,出现如下所示的cors错误vue-resource.common.js?2f13:1074OPTIONShttps://mywebsite/api/auth/login(anonymousfunction)@vue-resource.common.js?2f13:1074Promise$1@vue-resource.common.js?2f13:681xhrClient@vue-resource.common.js?2f13:103

javascript - 在 Vue.js 中迭代 JSON 和打印值

我是Vue的新手,我正在尝试从API检索JSON响应,然后将其打印在我的页面上。这是我目前所拥有的:MyTopTracks@{{track.name}}@{{tracks|json}}Fetchstats$vue=newVue({el:'#mystats',data:{tracks:[],},methods:{fetchStats:function(){this.$http.get('/mystatsdata',{params:{type:'tracks'}}).then((response)=>{this.tracks.push(response.body);console.log(

javascript - 如何渲染数组以选择选项 vue.js

我有来自API的数组:{"select1":"Select1","select2":"Select2","select3":"Select3"}我想将此数组渲染到optionlistselect。我试过这样但我不知道如何填写值和文本。 最佳答案 根据文档,v-for允许您遍历对象的属性。在这种情况下,您的对象是一个名为reasons的关联数组。这意味着,这个数组有一个keys和values的列表。第一对(key:value)分别是"select1"和"Select1"。如何呈现这些对的值?好吧,要提取第一项“Select1”,我们需

javascript - 使用 {% verbatim %} 让 Django 和 Vue.js 协同工作

我试图让django和Vue一起工作,即使它们共享相同的{{X}}模板语法。我知道从django1.5开始我们可以使用{%verbatim%}标签。所以我想我可以像往常一样使用django模板,在我需要VUE接管的部分我只会使用{%verbatim%}标签。但是,django没有加载我的vue数据,而是加载了{{variable}}。例如我的Django代码看起来像这样:{%verbatim%}{{message}}{%endverbatim%}在我的app.js文件中我有:varsessions=newVue({el:'#sessions',data:{message:'HelloV

javascript - 在 Vue.js 中动态过滤对象数组

我有一个Vue.js应用程序。在此应用程序中,我尝试将过滤器值动态应用于对象的Array。Array中的每个对象都有字段。我正在尝试按字段值过滤这些对象。每个字段都可以按多个值过滤。此时,我一直没有弄清楚如何进行这种过滤。我试过使用JavaScript内置的filter函数。但是,这总是为我返回一个空的结果集。我把这个Fiddle放在一起了,其中包括以下代码:newVue({el:'#app',data:{currentFilterProperty:'',currentFilterValue:'',cols:[{title:'Name',prop:'name'},{title:'Age

javascript - 如何禁用 vue 组件中的链接?

我的html是这样的:add我的javascript是这样的:varvue=newVue({el:'#app',methods:{add(event){event.target.disabled=true}}});演示和完整代码如下:https://jsfiddle.net/q7xcbuxd/221/我就是这样尝试的。但是如果我点击添加按钮,它不会被禁用我该如何解决这个问题? 最佳答案 由于您使用的是boostrap,禁用(anchor)按钮的正确方法不是设置.disabled=true,而是添加disabled类。另外两个注意事项

javascript - 不等待函数的异步方法 - VUE

我遇到了这个错误,虽然在MDN和此处进行了大量研究,但还没有解决它。正如标题在VUE中所说,我正在尝试使用异步和等待,但js没有等待“等待”功能结束。在这里:methods:{asyncsearch(terms,done){console.log('1.')this.filter=this.$refs.chipsInput.inputawaitthis.loadtags()console.log('3.')done(this.tagsList)},loadtags(){this.$axios.get('/api/tags/?id__icontains=&id=&name__iconta

javascript - 使用具有高级优化功能的 Closure 编译器时如何在 javascript 中保留全局变量?

我有自己的Javascript库,我想通过使用具有高级优化功能的Google闭包编译器来缩小它。通过查看docs我看到了如何声明在库外使用的函数。但是我找不到一种方法来保存在我的库中声明的全局变量。Closure编译器只是删除它们,因为它认为它们从未被使用过。有人可以帮忙吗?编辑:示例代码:varvariable_1=true;这是在我的库开始时全局定义的,但它从未在库本身中使用过。当它包含在某些页面中时,它会在库外使用。但是Closure编译器不知道,这就是它删除这些声明的原因。 最佳答案 闭包编译器无法移除声明为window["

javascript - 优化javascript代码以使用整数运算

有一些算法可以“非常好”地解决问题,前提是“非常好”意味着最小化浮点算术运算的数量以支持整数算术。以Bresenham'slinealgorithm为例为了弄清楚要填充哪些像素以便在Canvas上画一条线:这个人几乎只用了一些简单的整数运算就使整个过程变得可行。这种事情在很多情况下显然是好的。但是,在javascript中需要大量float学运算的操作值得担心吗?我知道就语言规范而言,一切都几乎是十进制数。我想知道是否实际上尝试让事情尽可能接近整数是否值得——浏览器是否进行了优化以使其值得? 最佳答案 您可以在javascript中