前端知识体系目录
<h2 style="">原文：<a target="_blank" href="http://hao.jser.com/archive/5314/">点击打开链接</a>
</h2>
<h2 style="">1、HTML/HTML5基础：</h2>
<p style="">1.0、语义化H5标签<br style="">
1.1、H5引进了一些新的标签，特别注意article、h
html 如何引入一个公共的头部和底部
LINK[rel=import]其实有点类似于IFRAME，它引用的对象也是一个完整的文档，而不是文档片段，而且里面的SCRIPT也会执行，对跨域的资源访问同样有同源策略的限制
WebSocket加入心跳包防止自动断开连接
近日，在公司中开发一个使用websocket为前端推送消息的功能时，发现一个问题：就是每隔一段时间如果不传送数据的话，与前段的连接就会自动断开；
刚开始以为是session的原因，因为web session 的默认时间是30分钟；但是通过日志发现断开时间间隔时间远远不到30分钟；认真分析发现不操作间隔恰好为90秒
它就会在自动断开；随恍然大悟；原来是我们的使用nginx 代理，nginx配置了访问超时时间为90s；
WebSocket是html5中用来实现长连接的一个协议。
无状态服务（stateless service）
一、定义 无状态服务（stateless service）对单次请求的处理，不依赖其他请求，也就是说，处理一次请求所需的全部信息，要么都包含在这个请求里，要么可以从外部获取到（比如说数据库），服务器本身不存储任何信息 有状态服务（stateful service）则相反，它会在自身保存一些数据，先后的请求是有关联的 二、优劣 有状态服务常常用于实现事务（并不是唯一办法，下文有另外的方案）。举一
懒加载和预加载的实现
提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现
懒加载
什么是懒加载
懒加载也就是延迟加载;当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图),将其真正的图片地址存储在img标签的.
Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十三】
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
Web开发人员和设计师必读文章推荐【系列五】
本文继续向Web开发人员和设计师推荐优秀文章。梦想天空博客关注前端开发技术，展示最新HTML5和CSS3技术应用，分享实用的jQuery插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的Web开发工具。