![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
cssong
学生
展开
-
Jquey代码安全(他山之石)
在多人合作开发中一定要确保变量,对象,函数等命名不要冲突: 方法一:当别人使用了其他的js库,并该库使用了”$”变量,那么我们可以使用noConflict()方法: [code="js"] var j = jQuery.noConflict(); // Now, instead of $, we use j. j('#someDiv').hide(); // T...原创 2012-08-23 18:48:59 · 63 阅读 · 0 评论 -
Jquery代码性能优化(他山之石)
(一)优化jQuery的each函数 糟糕的代码: [code="js"]someDivs.each(function() { $('#anotherDiv')[0].innerHTML += $(this).text(); }); [/code]在每一次遍历循环中都会搜寻anotherDiv 这个ID的元素两次获取innerHTML属性创建了一个jQuery对象,只是为了获取元...原创 2012-08-23 18:50:58 · 80 阅读 · 0 评论 -
《编写高质量代码-web前端开发修炼之道》摘要
Web标准:结构、样式和行为 网页源代码:.html文件、.css文件、.js文件 页面模块划分原则: 模块与模块之间尽量不要包含相同的部分,如果有相同的部分,应该将它们提取出来,拆分成一个独立的模块。 模块应在保证数量尽可能少的原则下,做到尽可能简单,以提高重用性。 低权重原则: 当不同选择符的样式设置有冲突时,会采用权重高的选择符设置的样式。权重的规则是这样的:html...原创 2012-08-24 01:21:43 · 139 阅读 · 0 评论 -
我眼中的前端命名规则
在项目中,由于模块比较多前端开发人员也不止一人,为避免命名冲突,制定了如下的命名规则: 公共组件因为高度重用,命名从简,不要加前缀。 各栏目(模块)的相应代码,需加前缀,前缀为模块英文简写,例如:实验室前缀为”lab_”,分隔符为下划线”_”,例如:”lab_tcList” 模块组件化,组件中的class或id名采用骆驼命名法和下划线相结合的方式,单词之间的分隔靠大写字母分...原创 2012-08-24 01:22:44 · 81 阅读 · 0 评论 -
jquery中如何使用event.target
最近在用jquery做一个项目的前端,遇到了一个问题需要用event来得到触发元素的id,查了一些资料,看到一篇这方面的blog,虽然字数不多但很是受用,跟大家分享下! [quote]1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; 2.this和event.target...原创 2012-08-24 01:23:30 · 328 阅读 · 0 评论 -
jQuery的.bind()、.live()和.delegate()之间的区别
基本要素 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $('a').bind('click', function() { alert("T...原创 2013-05-23 09:38:02 · 113 阅读 · 0 评论