使用 React 提高 Angular 的渲染性能 【2015-02-23】当你使用 Angular 的时候你遇到过性能问题吗?使用 React 可以使页面渲染得更快。下面通过几个案例来对比用React 来渲染 Angular 和直接使用 Angular 来渲染之间的性能差异 ...
前端开发流程工具 Yeoman 【2015-02-21】在上一篇文章中我们介绍了可以帮助我们自动管理和运行各种JavaScript任务的Grunt,再上一篇文章我们介绍了前端包管理器Bower,这篇文章我们来介绍Yeoman这个神奇的脚手架,Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。下面我给大家大致来介绍下这个神奇的工具 ...
前端开发流程工具 Grunt 【2015-02-18】在上面一篇文章中,我们介绍了前端的包管理器 Bower,这次我们来了解前端应用开发流程工具 Grunt,在JavaScript 开发过程中,我们常常会遇到一些重复性的任务,譬如检查语法是否正确,压缩代码,合并文件,要是以前我们会选择不同的工具来完成不同的任务,但是这样感觉既复杂又耗时,但是现在有了 Grunt,Grunt 就是为了解决这些问题而发明的一个工具,可以帮助我们自动管理和运行各种 JavaScript 任务,简化我们的工作流程 ...
前端开发流程工具 Cmder 和 Bower 【2015-02-17】前端开发的确不是以前那种前端开发,如果说我们过去的前端开发是处于“刀耕火种”时代,那么现在的前端开发无疑已经进入了"工厂生产"的时代。近几年,随着Nodejs的出现,伴随着出现了很多优秀的前端开发管理工具,极大的方便着我们的前端开发,的确 Nodejs 是上帝送给我们前端开发工程师最好的礼物。下面几篇文章我给大家来介绍一些前端开发过程中需要用到的优秀的工具:Cmder、Bower、grunt、Yeoman ...
JavaScript编程实践过程中性能的优化 【2015-02-16】每种编程语言都有它的“痛点”,并且随着时间的推移,它存在的低效模式也不断发展。JavaScript提出了一些独一无二的性能挑战,这与你代码组织的方式有关,随着Web应用变得越来越高级,包含的JavaScript代码也越来越多,各种模式与反模式也逐渐出现,为了编写更高效的代码,请牢记这些编程实践 ...
Ajax 性能的优化 【2015-02-14】Ajax 是高性能 JavaScript 的基础,它可以通过延迟下载体积较大的资源文件来使页面加载更快,它通过异步的方式在客户端和服务器之间传递数据,从而避免页面资源一窝蜂的下载。它甚至可以只用一个 HTTP 请求就获得整个页面的资源。选择合适的传输方式和最有效的数据格式,可以显著改善用户和网站的交互体验 ...
高性能 JavaScript - 快速响应的用户界面 【2015-02-12】有一句话很有道理:“如果 JavaScript运行了整整几秒钟,那么很有可能是你做错了什么......”,如果界面在 100 毫秒内响应用户输入,用户会认为自己在“直接操作界面中的对象”。超过 100 毫秒意味着用户感觉自己与界面失去了联系。JavaScript 和用户界面更新在同一个进程中运行,因此一次只能处理一件事情。这意味着当 JavaScript 代码在运行时,用户界面不能响应输入,反之亦然。高效地管理UI线程就是要确保 JavaScript 不能运行太长时间,以免影响用户体验。管理好 JavaScript 的运行时间对 Web 应用的性能非常重要 ...
JavaScript 的算法和流程控制性能优化 【2015-02-07】如同其他编程语言,代码的写法和算法会影响 JavaScript 的运行时间,与其他语言的不同的是,JavaScript 的可用资源有限,因此优化技术更为重要,这个学习笔记主要是从 JavaScript 的循环、条件语句、递归这三个方面的一些奇淫技巧来优化 JavaScript 的性能 ...
JavaScript 的 DOM 编程性能优化 【2015-02-06】DOM 是 Document Object Model 的缩写,中文叫做文档对象模型,是一个与语言无关的,用户操作 XML 和 HTML 文档的应用程序接口。在浏览器中,主要与HTML文档打交道,在 Web 应用中也经常需要检索XML文档,DOM API用于访问文档中的数据。John Hevatin有一次演讲说过一个贴切的比喻,把 DOM 和 JavaScript 各自想象成一个岛屿,它们直接用收费桥梁连接,ECMAScript 每次访问DOM,都要经过这个桥,并交纳“过桥费”,过的桥越多交的费用也越多,因此要想减少费用就得少过桥,我们这里就来学习如何来优化这个问题 ...
JavaScript 的数据访问性能优化 【2015-02-05】JavaScript 中有四种基本的数据存取位置:直接量、变量、数组元素和对象成员。和其他语言一样,数据的存储位置会很大的影响其读取速度 ...