草庐IT

编译优化

全部标签

javascript - 使用 Angular 加载部分页面并编译 Controller

在大型应用程序中,我们的Web应用程序可能会组织成单独的部分页面,以增加我们应用程序的模块化。在某些情况下,使用Angular$http.get或JQuery$.load编译通过XHR或Ajax请求加载的部分页面会引入错误。以我的场景为例,我正在使用KohanaPHP框架,因此我可以在服务器级别控制我的Web应用程序的模块化。像往常一样,所有模板和页面都被分离到View中,将所有HTML、JS和CSS留在表示层上。这将为我在客户端处理上实现JavascriptMVW/MVC堆栈提供极大的灵active,因为我的Web应用程序严重依赖AJAX请求从后端应用程序获取数据。在我的场景中,我使

javascript - `es2016` 预设的 Babel 是否实现了尾调用优化?

我使用以下示例来测试Babel和es2016预设的尾调用递归:'usestrict';try{functionr(n){if(n%5000===0)console.log(`reachedadepthof${n}`);r(n+1);}r(0);}catch(e){if(!(einstanceofRangeError))throwe;elseconsole.log('stackblown');}我的package.json文件是:{"name":"tail-call-optimization","version":"1.0.0","description":"","main":"inde

javascript - 为什么 ES6 代码和 ES5 代码用 Babel.js 编译后结果不一样?

ES6代码:letfoo='outer';functionbar(func=x=>foo){letfoo='inner';console.log(func());}bar();//outer结果是“外部”。Babel.js编译后的ES5代码:'usestrict';varfoo='outer';functionbar(){varfunc=arguments.length结果是“外部”。我不知道为什么他们有不同的结果。 最佳答案 这是一个buginBabel.复杂参数列表中的表达式应该看不到函数体中的声明,但是这里Babel生成的代码

javascript - 休息参数是否允许优化?

TheManagingargumentssectioninBluebird'sarticleonOptimizationkillers指出:Theargumentsobjectmustnotbepassedorleakedanywhere.换句话说,不要做以下事情:functionleaky(){returnarguments;}但是这样做:functionnot_leaky(){vari=arguments.length,args=[];while(i--)args[i]=arguments[i];returnargs;}随着Restparamters的引入,传递rest参数数组还会

javascript - DevTools 性能工具中的解析、编译和评估是什么?

在Chromes的性能选项卡中运行JS脚本时,我看到JS解释分为三个步骤:Parse、Compile和Evaluate。有时我只会看到Evaluate,有时会看到Compile和Evaluate,有时会看到全部三个。我的问题是:每个步骤的实际含义是什么?为什么有时会缺少步骤?(例如,有时Parse会丢失) 最佳答案 解析:js引擎检查代码,确定所有不同的范围、变量声明等,并对它们进行排序。在这一步也会发生提升。基本上你的纯文本源代码变成了AbstractSyntaxTree(AST)编译:ChromeV8使用JIT编译,这意味着部分

javascript - 优化图像的javascript预加载

我想知道是否有人有任何策略可以通过javascript优化图像的预加载?我正在将Flash应用程序移植到html/css中,试图重新创建尽可能接近原始站点的UI。它本质上是一个照片浏览器应用程序,当用户将鼠标悬停在链接上时会显示高分辨率图像。每页大约有50-80张这样的图片。单独预加载所有图像会导致加载时间明显长于Flash应用程序的加载时间。数据量是相同的,但我必须假设较长的加载时间是由于每张图像必须与服务器进行的往返次数。此外,我发现即使在缓存图像之后每个页面的加载时间也很长,因为页面仍然需要联系服务器以获取每个图像以接收304NotModified代码。有人对加快速度有什么建议吗

javascript - Yeoman/Grunt 不编译 Compass

有没有人在将compass与yeoman和grunt一起使用时遇到过样式表未在其构建中编译的问题。我是新手,正试图真正了解幕后发生的事情。任何帮助将不胜感激。谢谢!'usestrict';varlrSnippet=require('grunt-contrib-livereload/lib/utils').livereloadSnippet;varmountFolder=function(connect,dir){returnconnect.static(require('path').resolve(dir));};module.exports=function(grunt){//lo

javascript - 对 mean.js 全栈 javascript 应用程序的搜索引擎优化仍然是一个主要问题,应该如何处理?

我正在开发我的第一个全栈javascript应用程序,专门使用mean.js作为我的起点,我开始对搜索引擎优化(SEO)问题感到紧张和困惑。Google最近(大约在去年左右)为改进javascript抓取所做的努力是否使这不是一个问题,或者这是我在项目的规划和结构中需要考虑的事情?如果Google现在可以抓取AngularJS/Ajax繁重的应用程序,为什么我们会收到有关SEO问题解决方案的博客文章:http://blog.meanjs.org/post/78474995741/mean-seo是否需要这种解决方案。就SEO而言,这是否与服务器端呈现一样有效。hashbang(#!)u

javascript - 如何在插入 DOM 时重新编译指令(angularjs)

好的,所以我创建了一个指令让我们说它按照我的预期进行渲染,所以一切正常。现在,我的问题是插入DOM时如何(重新)渲染它?我不想一直在我的页面上使用它,我只想动态添加它并在需要时呈现它(它是模块的一部分),比方说,理想情况下我希望它看起来像$("body").append("")如何使用angularjs实现这一点? 最佳答案 你需要在任何你想将指令元素注入(inject)DOM的地方写下两行,不要忘记在你使用的任何地方添加$document&$compile依赖vartemplate='',body=$document.find('

javascript - Angular2 提前 (AoT) 编译如何工作?

Angular2带有称为提前(AoT)的新功能。但是看了一番,还是不能真正理解。它是如何工作的?它将如何带来更好的性能?它与JIT有何不同?谢谢。 最佳答案 Angular在模块、指令和管道的View和装饰器中使用声明式绑定(bind),这些需要由浏览器中的JS解释以执行它们的预期目的。离线模板编译器用生成的静态代码替换声明式绑定(bind)和装饰器。这使得Angular2组件实例化和初始化更快,因为JS要做的工作更少。在将应用程序提供给客户端之前,组件的“编译”已经完成。如果您不使用其他在运行时需要它的功能,则可以省略platfo