摘要：
D3 D3.js也是一个javascript框架，像jquery一样， 只不过他的特长是在数据可视化这一块而已。所以不要觉得D3是多么的复杂。在上面的代码中我们可以看到D3的一些用法： 选择元素：d3.select(“element”)，这个就是jquery中的$()，只不过没有采用简写的形式。 创建并添加新元素到选定元素后：.append("element")，就是javascript中的append方法一样，他返回的是一个添加了该新元素的元素集。 设置或获取指定属性：.attr(name[,... 阅读全文
摘要：
在浏览器中使用LESSCSS浏览器端使用是在使用LESS开发时最直观的一种方式。如果是在生产环境中，尤其是对性能要求比较高的场合，建议使用node或者其它第三方工具先编译成CSS再上线使用。浏览器端使用方法：使用link引入.less文件，注意将rel设为stylesheet/less:在本站下载less.js，将它引入页面的元素中，像这样：需要注意.less文件要在脚本文件之前引入。基本用法如下：/*定义一个color变量*/@red: #e74c3c;#header{ color: @red;//引用之前定义好的变量, 变量是“按需加载”（lazy loaded）的，因此不必强制在... 阅读全文
摘要：
前一段时间做过一个阿里的前端笔试题：从字符串的第二个字符开始对数组进行排序。当时没想到简单的方法，这几天看书才发现sort（）还可以自定义一个比较函数，郁闷啊啊啊~~ 看来基础还是不够扎实啊， 赶紧记录一下吧，说不定下次还会遇到 。 var aStr = ['yui', 'abcdef', 'javascript', 'jquery']; alert(aStr.sort(function(str1, str2){ str1 = str1.substr(1); str2 = str2.substr(1); return str1&g 阅读全文
摘要：
以正确的DOCTYPE和命名空间开始文档使用meta内容元素声明你的字符编码用小写字母写所有元素和属性名称给所有属性值加引号给所有属性赋一个值关闭所有标签用空格和斜杠关闭“空”标签不要在注释内容中使用“--”确保使用<和&表示小于号和与号就这么几条， 其实很简单！ 阅读全文
摘要：
jQuery包装集指的是通过$()方法返回的一个元素集，这跟一般的javascript数组有所区别， 包装集在后者的基础上还有一些初始化的函数和属性。 我们可以对二者进行一个比较：jsdiv = document.getElementsByTagName("div");jqdiv = $("div");// javascript 元素集console.log(jsdiv); // jquery 包装集console.log(jqdiv);用firebug调试一下，查看返回的对象：可以看到，document.getElementsByTagName(&qu 阅读全文
摘要：
JavaScript中的事件处理程序主要分为3种：HTML事件处理程序： click me!DOM0级事件处理程序： click me! DOM2级事件处理程序：click me! 附上兼容性事件绑定函数：function listenEvent(eventTarget, eventType, eventHandler){ if(eventTarget.addEventListener){ eventTarget.addEventListener(eventType, eventHandler, false); } else if(event... 阅读全文
摘要：
通过创建一个Object实例 var person = new Object(); person.name = "zhouquan"; person.age = 21; person.sayName = function(){ console.log(this.name); }; person.sayName();//zhouquan对象字面量方式var person = { name: "zhouquan", age: 21, sayName:function(){ console.log(this.name); }};person.sayName() 阅读全文
摘要：
作者主要传达的思想是： 利用HTML5更富有语义的标签和CSS3优秀的新特性，通过媒体查询与流式布局相结合， 实现精简的响应式网站。第一章， 讲述了HTML5和CSS3带来的便利， 使开发者更高效的开发和维护网站，同时作者也传达着“渐进增强”的理念，这个在整本书中都可以体会到。第二章，这一章主要介绍CSS3媒体查询模块，列举一个简单的媒体查询：@media screen and (max-width:960px){ body{ background-color: orange; }}@media screen and (max-width:768px){ bod... 阅读全文
摘要：
(function(){ //这里的所有变量和函数都属于局部对象}());在javascript中以function开头的语句通常是函数声明。加上了外面的括号（黄色背景）后则创建的是函数表达式。蓝色背景括号则是将对象传给这个匿名函数，使该对象有权限访问这个匿名函数， 例如：(function($, YAHOO){ //now hava access to global jQuery and Yahoo}(jQuery, YAHOO));// 下面2个括弧()都会立即执行(function () { /* code */ } ()); // 推荐使用这个(function (... 阅读全文
摘要：
Dean Edwards编写了一个能够使IE6也支持属性选择器的脚本( 名字比较奇怪，叫：IE7 )，详情见：http://code.google.com/p/IE 7-js ，这是一个公共版本，从而在一定程度上可以提高网站的访问速度。 可以通过下面的代码将脚本插入到页面中：<!-- [if IE 6]><script src="http://IE 7-js.googlecode.com/svn/version/2.1/IE 7.js></script><![endif]--> 阅读全文