夕阳白雪

摘要： 摘要： 现在已经有许多站点使用Node.js，所以在Node.js上配置Less环境也是很重要的，下面分享下如何在Node上使用Less开发，前提是你电脑上已经安装node。安装： 只需要执行下面一句就完成全局安装Less编译模块npm install -g less命令行中调用： 全局安装完... 阅读全文

摘要： 摘要： 之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。安装： Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm install就完成... 阅读全文

摘要： 摘要： HTML5又增加了许多新的表单输入类型，不在仅仅是文本输入框。它让表单更丰富多彩了，下面是一个表单样表从图中可以看出，表单样式更加多样，而且支持验证，实现了原本只能通过js才能完成的功能。浏览器：Email： 用于应该包含 e-mail 地址的输入域，在提交表单时，会自动验证 email... 阅读全文

摘要： 摘要： Node.js最重要的一个文件就是package.json，其中的配置参数决定了功能。例如下面就是一个例子{ "name": "test", "version": "1.0.0", "description": "test", "main": "main.js", "keywor... 阅读全文

摘要： 摘要： 大部分项目在部署之前都需要做的就是js、css文件的压缩、合并，以及一些文件的错误检查，甚至是将LESS文件转换成css文件，coffeescript文件转化成js文件等等。但是项目开发是分迭代的，没开发完一次，上面的工作要重新做一遍。那有什么工具能帮助我们来做这些重复的工作呢？Grunt... 阅读全文

摘要： 摘要： 数据存储是每一个站点必不可少的功能，在HTML5之前通过cookie可以实现本地数据存储。但是cookie只能存储4kb的数据，并且cookie是随http请求一起发送到服务端，这必然浪费了带宽。Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HT... 阅读全文

摘要： 摘要： 全局属性和事件能够应用到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。HTML5中又新增了一些特殊功能的全局属性和事件。属性： HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何HTML5 元素。属性描述contenteditable规定是否允许用... 阅读全文

摘要： 摘要： 在HTML5出现之前，web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢，影响网站性能，开发难度高，维护麻烦，不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。浏览器：从IE9已经开始支持audio和video标签... 阅读全文

摘要： 摘要： canvas可以绘制图像，自然而然的就可以制作动画，因为动画的每一帧都是图像。我们可以利用javascript的setInterval函数来实现动画效果。下面是一个例子，小圆绕着红点圆心不停的转圆圈。代码： 1 2 您的浏览器不支持canvas！ 3 4 ... 阅读全文

摘要： 摘要： canvas可以读取图片后，使用drawImage方法在画布内进行重绘。本文介绍canvas的图像处理drawImage drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。语法 在画布上定位图... 阅读全文