摘要：一、canvas基础一、canvas要学习的内容 1、canvas绘制基本图型 2、使用路径的方法，绘制多边型和圆型 3、渐变图型、图型的缩放、图型的组合、绘制阴影 4、在画布中绘制图像、制作图像、平铺图像、裁剪图像 5、在画布绘制文字、给文字加边框 6、如何保存及恢复绘图状态，在画布中... 阅读全文
浏览器缓存机制
2014-01-14 11:12 by 臭小子1983, 226 阅读, 0 推荐, 收藏, 编辑
摘要：浏览器缓存机制浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：html code上述代码的作用是告诉浏览器当前页面不被缓存，每次访问都需要去服务器拉取。使用上很简单，但只有部分浏览器可以支持，而且所有缓存代理服务器都不支持，因为代理不解析HTML内容本身。下面我主要介绍HTTP协议定义的缓存机制。Expires策略Expires是Web服务器响应消息头字段，在响应http请求时告诉浏览器在过期时间前浏览器 阅读全文
javascript 代码效率优化－重要
2014-01-08 16:23 by 臭小子1983, 1771 阅读, 2 推荐, 收藏, 编辑
摘要：JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往往在效率上相差很多，有的时候仅仅是由于我们的书写习惯导致的，当然在高级点的浏览器中，它们大多都已经帮我们优化了，但... JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往... 阅读全文
jQuery代码优化：事件委托篇
2014-01-02 21:44 by 臭小子1983, 154 阅读, 0 推荐, 收藏, 编辑
摘要：http://www.ituring.com.cn/article/377 随着DOM结构的复杂化和Ajax等动态脚本技术的运用，事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上，展示它们... 阅读全文
《高性能网站建设进阶指南》笔记
2014-01-01 22:44 by 臭小子1983, 102 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 理解Ajax性能一、加载 Fackbook，尽可能的快速的渲染网页的关键，Fackbook的JS分两部分：渲染初始页面必需的，初始只需要加载必要的JS，其余的稍后加载二、无阻塞加载脚本 script标签阻塞会对页面性能产生负面影响， * 脚本不会并行下载，因为如果两个脚本存在依赖问题会导致错误三、让脚本执行的更好 1、XHR Eval： 阅读全文
《高性能建站指南》笔记
2013-12-29 23:59 by 臭小子1983, 222 阅读, 0 推荐, 收藏, 编辑
摘要：一、高性能的重要性 第二次加载同一个URL时，部分文件已经被缓存到了浏览器中，但浏览器需要重新加载一遍，但加载缓存文件，HTTP的请求为302状态，并且响应头没有缓存信息浏览器不会缓存一、HTTP响应值 1、302：请求的为缓存文件 2、200：加载成功 3、304：未修改，自从上次请求后，... 阅读全文
href="#" 和href="javascript:void(0);" 这哪个好些
2013-12-28 19:54 by 臭小子1983, 620 阅读, 0 推荐, 收藏, 编辑
摘要：href="#" 和href="javascript:void(0);" 这哪个好些 ？ 在说这个问题之前，我想应该思考一下，我们为什么要在页面不需要跳转的情况下选择标签？ 其实很大程度是是因为IE6，IE6只支持的:hover伪类，所以要为了节约javascript来模拟hover的编码,就是... 阅读全文
再谈Yahoo关于网站性能优化的N条策略
2013-12-28 16:21 by 臭小子1983, 239 阅读, 0 推荐, 收藏, 编辑
摘要：Yahoo前端性能优化：http://www.itlearner.com/article/4879/relate一、 Yahoo的军规条例：谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等；详细的解释来这里查：英文版：http://developer.yahoo... 阅读全文
javascript内存泄露问题的解决方法和辅助工具
2013-12-25 15:04 by 臭小子1983, 375 阅读, 0 推荐, 收藏, 编辑
摘要：JavaScript 中的内存泄漏 JavaScript 是一种垃圾收集式语言，这就是说，内存是根据对象的创建分配给该对象的，并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题，但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。 Internet Explorer 和 Mozilla Firefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统，每个所引用的对象都会保留一个计数，以获悉有多少对象正在引用它。如果计数为零，该对象就会被销毁，其占用的内存也会返回 给堆。虽然这种解决方案总的来说还算有效，但在循环引用方面却存在一些盲点.. 阅读全文
常见试题
2013-12-17 17:20 by 臭小子1983, 226 阅读, 0 推荐, 收藏, 编辑
摘要：一、XHTML、CSS1、怎样触发怪异模式、怪异模式与标准模式的区别？二、javascript字符转换类：1、alert("1" + 2 + "3" + 4)结果是多少？ 答："1234" 字符串 alert(4 + 3 + 2 + "1")结果是多少？ 答："91"作用域1、下列运算后结果... 阅读全文