摘要：canvas是HTML5中新增的标签，下面是各浏览器的支持程度：canvas的默认大小为：宽-300px，高-150px（注意：画布的大小作为canvas标签的行内样式设置，而且是没有“px”单位的哦， 如果你在canvas的css样式中给它设置大小，它只会当做放大比例来处理！），下面这段代码在支持canvas的浏览器中会显示一块400px400px的白色（默认颜色）画布，在不支持canvas的浏览器中只是显示canvas中的文字而已哦。 Canvas 你的浏览器不支持canvas.. 下面我们在刚刚创建的画布中画一个带有边框的矩形：v... 阅读全文

摘要：下面这个一个运动框架可以控制元素在一个属性上的运动，同时，可以调用回调函数。/*获取元素某个属性的值@obj: 对象@attr: 属性值*/function getStyle(obj, attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; } else{ return getComputedStyle(obj, false)[attr]; }}/*获取元素某个属性的值@obj: 对象@attr: 属性值@iTarget: 目标值(int)@fn: 回调函数*/function ... 阅读全文

摘要：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内容元素声明你的字符编码用小写字母写所有元素和属性名称给所有属性值加引号给所有属性赋一个值关闭所有标签用空格和斜杠关闭“空”标签不要在注释内容中使用“--”确保使用<和&表示小于号和与号就这么几条， 其实很简单！ 阅读全文