其实html标签就是区块，比如 div span a等标签。前端工程师就是在重复使用、组装这些区块(html标签)形成最终的需求页面。这是最原子的区块，我们要达到想要的页面效果，就得不停的重复嵌套这些区块。

原文出处： [链接] 我们经常需要将用户切换到不同视图，切换中的动画可以让用户有更好的体验。 重点： 使用translation实现视图间移动，避免使用left,top这样的任何会触发布局的属性完成动画。 确保动画短且时髦（snappy） 考虑屏幕尺寸变大时的动画和布局，适合小屏幕的动画不一定适合大屏幕 动画的选择要改由视图切换...

cookie最大的缺陷是在每一次HTTP请求中都会携带所有符合规则的cookie数据.这会增加请求响应时间,特别是XHR请求. 在HTML5中使用sessionStorage和localStorage代替cookie是更好的做法.

express学习 本文档基于express4.x版本 [链接] express Hello World mkdir hello && cd hello && npm install express 新建app.js内容如下 {代码...} node app.js，然后浏览器访问http://localhost:8888可以看到hello world express应用模板 可以使用express工具生成应用程序框架， npm install express...

媒体查询包含一个媒体类型(media type)以及一个到多个测试媒体特性(media feature)的表达式，表达式和媒体类型将根据实际情况计算的到true或者false。如果指定的媒体类型符合当前设备并且媒体特性表达式都为真，那当前媒体查询为真。

原生拖拽,拖放事件(drag and drop) 拖拽,拖放事件可以通过拖拽实现数据传递,达到良好的交互效果,如:从操作系统拖拽文件实现文件选择,拖拽实现元素布局的修改. drag and drop事件流程 一个完整的drag and drop流程通常包含以下几个步骤: 设置可拖拽目标.设置属性draggable="true"实现元素的可拖拽. 监听dragstart设置拖拽...