摘要： [导读] Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源，包括开发中常常需要处理的导航，互动效果及其布局网格等大家常用的组件和模块响应式设计模式库这个响应式的设计模式库Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的... 阅读全文

摘要： 在用到mouseover和mouseout事件来作为事件触发的条件，但是如果我们用做触发的元素内部有其他的元素的时候当鼠标移上的时候会反复的触发mouseover和mouseout事件，如导致菜单闪烁等问题。因为内部元素在鼠标移上的时候会向它的父对象派发事件，所以外面元素相当于也触发了mouseov... 阅读全文

摘要： 文档对象模型（DOM）是W3C为解决浏览器混战时代不同浏览器环境之间的差别而制定的模型标准。W3C将文档对象模型定义为：是一个能让程序和脚本动态 访问和更新文档内容、结构和样式的语言平台。提供了标准的HTML和XML对象集，并有一个标准接口来访问并操作他们，即任何一个 html 元素可以使用 Jav... 阅读全文

摘要： 一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除... 阅读全文

摘要： 1. 在CSS中用attr()显示HTML属性值attr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性，在很多情况下都能帮你省去了以往需要Javascript处理的过程。要想使用这个功能，你需要用到三种元素：一个:befor... 阅读全文

摘要： 概述CommonJS是服务器端模块的规范，Node.js采用了这个规范。根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象。下面就是一个简单的模块文件example.js。console.log("ev... 阅读全文

摘要： 使用Yeoman产生AngularJS的主要骨架使用Grunt加速开发和帮助执行使用Bower来加入第三方插件和框架——third party plugins/frameworks一、准备工作安装好NodeJS和NPM（读者可自己去google）二、安装Yeoman, Grunt and Bower... 阅读全文

摘要： （项目中要使用SVG，只好补充知识了）HTML体系中，最常用的绘制矢量图的技术是SVG和HTML5新增加的canvas元素。这两种技术都支持绘制矢量图和光栅图。一、SVG概述 可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG... 阅读全文

摘要： 两种方法实现响应式图片：在该两个标签中使用srcset和sizes属性，如： 配合的css如下article{ margin: 0 auto; max-width: 700px; }@media (max-width: 500px) { img {width: 250px } }... 阅读全文

摘要： ode.js 是一套用来编写高性能网络服务器的JavaScript工具包，一系列的变化由此开始。比较独特的是，Node.js会假设你是在POSIX环境下运行它 Linux 或 Mac OS X。如果你是在Windows下，那就需要安装MinGW以获得一个仿POSIX的环境。在Node中，Http是首... 阅读全文