1 使用JQuery的ready处理器 如果你的代码操作DOM,则需要DOM加载完成后再运行代码.推荐使用如下的第一种写法,第二种写法在JQuery3.x中已经不推荐使用了. $(function () { /* 你的代码 */ }); //或者 $(document).ready(function () { /* 你的代码 */ }); 2 用noConflict()避免冲突并定义别名 如果你的jQuery代码与其它使用$符号作为别名的类库冲突,则使用noConflict()方法定义别名. $…
上周,我整理了<jQuery设计思想>. 那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery".今天的文章则是更进一步,讲解"如何用好jQuery". 我主要参考了Addy Osmani的PPT<提高jQuery性能的诀窍>(jQuery Proven Performance Tips And Tricks).他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值. ============…
上篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery".今天的文章则是更进一步,讲解"如何用好jQuery". 我主要参考了Addy Osmani的PPT<提高jQuery性能的诀窍>(jQuery Proven Performance Tips And Tricks).他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值. jQuery最佳实践 1. 使用最新版本的jQuery jQuery的版本更新…
前言 随着富网络应用(rich web applications)数量的增长,以及用户对快速交互响应的高期望,开发者开始使用JavaScript库来快速高效的完成一些重复性的工作.这其中最流行的JavaScript库就是jQuery.但是jQuery的大量应用却带来了另外一个问题:在使用JavaScript库的时候,有哪些最佳实践,又有哪些不好的实践呢? 背景 在这篇文章中,我会给大家介绍在编写.调试和审查JavaScript代码的时候一些好的实践(至少我是这么认为的).事实上,我选择了其中7个…
本文转载于阮一峰的博文. 上周,我整理了<jQuery设计思想>. 那篇文章是一篇入门教程,从设计思想的角度,讲解“怎么使用jQuery”.今天的文章则是更进一步,讲解“如何用好jQuery”. 我主要参考了Addy Osmani的PPT<提高jQuery性能的诀窍>(jQuery Proven Performance Tips And Tricks).他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值. 1. 使用最新版本的jQuery jQ…
一.用对选择器 在jQuery中,你可以用多种选择器,选择同一个网页元素.每种选择器的性能是不一样的,你应该了解它们的性能差异. (1)最快的选择器:id选择器和元素标签选择器 举例来说,下面的语句性能最佳: $('#id') $('form') 遇到这些选择器的时候,jQuery内部会自动调用浏览器的原生方法(比如getElementById()),所以它们的执行速度快. (2)较慢的选择器:class选择器 $('.className')的性能,取决于不同的浏览器.Firefox.Safar…
1. 处理cdn失效 <script type="text/javascript" src="http://xxx.com/jquery.min.js "></script> <script type="text/javascript"> if(typeof jQuery == 'undefined'){ document.write("<script type='text/javascript…
Go语言将错误和异常两者区分对待. 1.Go语言中处理错误的惯用法是将错误以函数或者方法最后一个返回值的形式将其返回,并总是在调用它的地方检查返回的错误值. 2.对于“不可能发生的事情”称为异常,可使用panic()函数向调用栈传播异常.何时使用recover()捕捉异常,何时让panic()继续传播呢? 2.1 自定义的包,最好不使用panic().如果要使用,应该使用recover()捕捉异常并转换为一个错误值返回: 2.2 准备部署或发布程序时,应该使用recover()捕捉异常并转换为一…
1:事件的委托处理(Event Delegation) javascript的事件模型,采用"冒泡"模式,也就是说,子元素的事件会逐级向上"冒泡",成为父元素的事件. 利用这一点,可以大大简化事件的绑定.比如,有一个表格(table元素),里面有100个格子(td元素),现在要求在每个格子上面绑定一个点击事件(click),请问是否需要将下面的命令执行100次? $("td").on("click", function(){…
一.下载 PicGo PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具. 目前支持七牛.腾讯云.阿里云和 GitHub 等图床.该工具代码已在 GitHub 开源,读者可以自行去下载. 考虑到网络问题,mac 用户后台回复 picgo_dmg 获取高速下载链接. PicGo-2.2.2.dmg 下载完成后,应用列表会有这么一个图标,点击就启动了. PicGo 默认只出现在顶部菜单栏,点击软件图标会显示已上传的图片列表,点击图片会复制链接. 右击图标,打开详细窗口,…