- 浏览: 8150 次
- 性别:
- 来自: 武汉
最近访客 更多访客>>
最新评论
-
gdwenjun:
o ps:
JavaScript语言规范-来自Google -
gdwenjun:
[b][/ b]
JavaScript语言规范-来自Google -
zhuwenlong00:
则子标签为entry_counter 那子标签的子标签,孙标签 ...
更好的组织CSS -
zhangyaochun:
楼主可以看一下-----精通CSS高级Web标准解决方案
更好的组织CSS -
zhangyaochun:
如果你做过组件开发 你会发现所有的组件在渲染成html的时候多 ...
更好的组织CSS
文章列表
第一个jQuery插件啊,没有注释,各位可以先看看效果,后面会加上代码注释和设计思路
1,变量
@my_color:#ddd;
2,计算
color:@my_color-#222;
3,class混合器
.nomargin{margin:0;}
#mydiv{
color:#ccc;
.nomargin;
}
4,嵌套规则
ul{
list-style:none;
li{
float:left;
}
}
1,开始
可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字:
jQuery.fn.myPlugin = function(){
//开始写你的代码吧!
};
但是,那惹人喜爱的美元符号$哪里去了?她就是jQuery,但是为了确保你的插件与其他使用$的库不冲突,最好使用一个立即执行的匿名函数,这个匿名函数的参数是jQuery,这样其他的库就可以放心的使用$符号了。
(function( $ ){
$.fn.myPlugin = function() {
// 开始吧!
};
...
有很多时候,本人在写CSS的时候,总是各种嵌套,这样据说会导致效率很低,而且不容易修改。这两天看了一个牛人的博客,大致有如下总结:
1,父标签就使用普通的class,然后子标签如果需要,则用父标签的class作前缀,后缀为自身的class。如,父标签为entry,则子标签为entry_counter
2,强烈建议使用Less工具来开发css,简单易维护
3,css要分模块,按照使用范围分为全局模块,局部模块和组件。开发时的css文件要分离开来,全局文件按照全局模块分离成多个,如global.css,global/common.css,global/footer.css。局部模块按照 ...
既然要写JS,必须要遵循一定的编程规范吧。以下是来自Google的JS语言规范,直接翻译过来的(可参考英文原版)。
1,变量:大部分情况下请使用var声明
如果不显示使用var,这个变量就会被附着在全局上下文中,可能引起重名的冲突。而且,如果不使用var声明,也 很难分辨这个变量的作用域(如:可能附着在Document或Window对象上,也可能附着在局部变量上)。所以,大部 分情况下使用var来声明变量。
当然,如果申请一个只属于某一个“类”的变量,则不要使用var。如jQuery(版本为1.6.4)中为jQuery的第41 行,要为jQuery对象增加属性,所以不能使用 ...
从上篇文章中可知,当调用$()时,执行的时init函数。init函数针对不同的输入,有不同的处理方法。输入类型有空,DOM元素,body,字符串,函数。本篇文章暂只关注前三种,后两种由于稍显复杂,放在后面吧~
第一,空。
包括“”,null,defined,直接返回该对象。没什么好说的。
第二,DOM元素。
将上下文设置成该DOM,集合长度设置为1。
第三,body。
实际也是DOM元素,单独拿出来是为了提高效率吧。
注:
$()返回的结果永远是一个数组
1,整体使用了一个匿名函数作为jQuery的命名空间,代码如下:
(function(window,undefined){
var jQuery = function(){};
window.jQuery = window.$ = jQuery;
})(window);
最后,通过将jQuery对象暴露给window,从而可以在外部访问
2,接下来,看一下jQuery对象是怎样生成的
第27行代码:
return new jQuery.fn.init(selector,context,rootjQuery);
...