应用r.js来优化你的前端
r.js是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文件请求。要使用r.js需下载r.js文件（点我下载），将其放到你的项目根目录；还需要安装nodeJS（点我下载），...
js性能优化-事件委托
js性能优化-事件委托考虑一个列表，在li的数量非常少的时候，为每一个li添加事件侦听当然不会存在太多性能方面的问题，但是当列表非常的长，长到上百上千甚至上万的时候（当然只是一个解释，实际工作中很少遇到这么多li的情况），为每个li添加事件侦听就会对页面性能产生很大的影响。就像下面这段代码：<...
浏览器性能优化-JS篇
众所周知，JS的加载和执行会阻塞浏览器渲染，所以目前业界普遍推荐把script放到</body>之前，以解决js执行时找不到dom等问题。但随着现代浏览器的普及，浏览器为我们提供了更多强大的武器，合理利用，方可大幅提高页面加载速度。 理解渲染过程（HTML Parser） 首先我们...
CSS和JS合并优化工具-minify
CSS和JS合并优化工具-minify下载地址：http://code.google.com/p/minify/ 把min目录上传根目录，根目录打开http://example.com/min/ Note: Please set $min_cachePath in /min/config.ph...
js优化与注意点
1、使用尽可能少的全局变量。尽量用var来声明变量，避免隐式使用全局变量。隐式全局变量和明确定义的全局变量间有些小的差异，就是通过delete操作符让变量未定义的能力。通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。无var创建的隐式全局变量（无视是否在函数中创建）是能被删除的这...
three.js 实现全景以及优化（2）
继昨天全景实现后,再做了一个全景图切换实验;code:https://github.com/Thinkia/threejs_/blob/master/test/test1-panorama/index2.htmldemo:https://thinkia.github.io/threejs_/test...
Asp.net程序优化js、css实现合并与压缩的方法
这篇文章主要介绍了Asp.net程序优化js、css实现合并与压缩的方法,使用第三方组件实现访问时将js与css文件压缩并缓存在客户端的效果,非常具有实用价值,需要的朋友可以参考下
js动态加载js文件(js异步加载之性能优化篇)
1、【基本优化】将所有需要的<script>标签都放在</body>之前，确保脚本执行之前完成页面渲染而不会造成页面堵塞问题，这个大家都懂。2、【合并JS代码，尽可能少的使用script标签】最常见的方式就是带代码写入一个js文件中，让页面只使用一次<script>...
js查重去重性能优化心得
概述今天产品反映有个5000条数据的页面的保存按钮很慢，查看代码看到是因为点击保存按钮之后，进行了查重操作，而查重操作是用2个for循环完成了，时间复杂度是O(n^2)。没办法，只能想办法优化一下了。主要参考了这篇文章：JavaScript 高性能数组去重源码简单来说，这个页面的要求是查找一个数组中...
网页性能优化之异步加载js文件
一个网页的有很多地方可以进行性能优化，比较常见的一种方式就是异步加载js脚本文件。在谈异步加载之前，先来看看浏览器加载js文件的原理。浏览器加载 JavaScript 脚本，主要通过<script>元素完成。正常的网页加载流程是这样的。浏览器一边下载 HTML 网页，一边开始解析。也就是...
js优化-prototype原型的使用
var builder = function (id) {this.init($(id));this.forms = [];/*this.init = function ()//写在内部，每个实例都会分配一个function,如果又存在大量的DOM存取，操作开销就大了.{var $row = $("...
js小程序写法优化
(function(){var gcld_but = document.getElementById("gcld_but"),gcld_but_li = gcld_but.getElementsByTagName("li"),gcld_box = document.getElementById("g...
JS性能优化笔记搜索整理
通过网上查找资料了解关于性能优化方面的内容，现简单整理，仅供大家在优化的过程中参考使用，如有什么问题请及时提出，再做出相应的补充修改。一、 让代码简洁：一些简略的表达方式也会产生很好的优化eg：x=x+1;在不影响功能的情况下可以简写为x++;二、 变量名方法名尽量在不影响语意的情况下简单。（可以选...
我总结的js性能优化的小知识
前言 一直在学习javascript，也有看过《犀利开发Jquery内核详解与实践》，对这本书的评价只有两个字犀利，可能是对javascript理解的还不够透彻异或是自己太笨，更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解。 鉴于想让自己有一个提升，进不了一个更加广阔的天地，...
那位大神来帮忙看下 唤起淘宝APP的js优化
(function(scope, wakeup) { if (!scope.wakeup) {scope.wakeup = wakeup();}//这一行会在打包时修改成不同版本，修改时请谨慎})(window, function() { var h5_uid = document.co...
JS 之性能优化(2)
继续上一篇的JS性能优化之后，下面接着讲关于前端性能优化的内容。如果有不对的地方欢迎纠正。1.避免过多的重排与重绘操作。尽量将DOM中的多个读操作放一起，中间不要插入写的操作，因为写操作会导致浏览器迅速的重排，从而影响性能。将DOM中的多个写操作放一起，不要插入读的操作，如果插入读操作会导致浏览器多...
【工具推荐】JS优化工具 Doloto
官方地址：http://msdn.microsoft.com/en-us/devlabs/ee423534.aspx Doloto是微软推出的AJAX应用程序优化工具，对于庞大复杂的Web站点包含很多代码非常有用，它的工作原理就是把页面中最先用到的Javascript代码分离出来，将页面初始化时...
JS代码优化工具Prepack
最近，Facebook 发布 Prepack :一个优化 JavaScript 源代码的工具，实际上它是一个 JavaScript 部分求值器(Partvaluator)，可在编译时执行原本在运行时的计算过程，并通过重写 JavaScript 代码来提高其执行效率。(西安尚学堂） Prepack...
requireJS的优化工具 ---- r.js
requireJS是javascript的模块加载器，是基于AMD规范实现的。 r.js是其提供的对模块进行打包和构建的一个工具 下载 r.js 创建r.js 的配置文件 build.js build.js 1 ({ 2 baseUrl: './js/pages', //相...
js-jQuery性能优化（一）
来自于《锋利的jQuery》1、使用最新版本的jQuery类库jQuery每一个新的版本都会较上一版本进行BUG修复和一些优化，同时也会包含一些创新，所以建议使用最新版本的jQuery来提高性能。2、使用合适的选择器①、$("#id")使用id来定位DOM元素无疑是最佳提高性能的方式，因为jQuer...