WebSocket加入心跳包防止自动断开连接
近日，在公司中开发一个使用websocket为前端推送消息的功能时，发现一个问题：就是每隔一段时间如果不传送数据的话，与前段的连接就会自动断开；
刚开始以为是session的原因，因为web session 的默认时间是30分钟；但是通过日志发现断开时间间隔时间远远不到30分钟；认真分析发现不操作间隔恰好为90秒
它就会在自动断开；随恍然大悟；原来是我们的使用nginx 代理，nginx配置了访问超时时间为90s；
WebSocket是html5中用来实现长连接的一个协议。
web前端入门基础知识
web前端入门基础知识，作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行，必须对这三门语言都要熟悉。下面我们一起来看一看吧！
1、网页的基本结构(HTML、CSS)
HTML是一种标记语言，而不是编程语言，最基本是标签是和，CSS是用来定义如何显示HTML元素的。
懒加载和预加载的实现
提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现
懒加载
什么是懒加载
懒加载也就是延迟加载;当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图),将其真正的图片地址存储在img标签的.
vue-aliplayer 阿里云播放器适配 vue
版权声明：本文首发 http://asing1elife.com ，转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82766824
...
Web 前端开发精华文章推荐（HTML5、CSS3、jQuery）【系列二十二】
《Web 前端开发精华文章推荐》2014年第一期（总第二十二期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
好程序员HTML5技术分享前端自动化工具推荐
好程序员HTML5技术分享前端自动化工具推荐随着前端开发技术的不断发展，前端开发工作也变得越来越复杂，如果能合理地采用一些自动化的工具，生活要容易得多。
LiveReload
我目前的开发主力机是一台较早的 13寸 Macbook Pro，外加一台戴尔的显示器。
PDF转图片，PDF转JPG/PNG，完全由JS实现
原理
使用pdf.js预览图片，pdf.js将pdf通过canvas将每一页渲染出来，然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库，无需任何本地支持就可以在浏览器上显示pdf文档。
