web消息推送的各种解决办法
随着HTML、浏览器等各项技术、标准的发展，依次生成了不同的手段与方法能够实现服务端主动推送消息，它们分别是：AJAX，Comet，ServerSent以及WebSocket。
elementui enter事件_在vue的element-ui下的el-input如何监听enter事件
在选择element-ui组件做开发的时候，发现直接使用@keyup.enter的形式监听不到回车事件，原因是element-ui自身封装了一层input标签，把原有的事件隐藏了。解决方法是：在enter后面加上.native
Vue.js的组件中的slot和props
props是用来接收参数的 例如父组件向子组件传参 可以放在props中；插槽 slot分发模式主要用于在组件中插入标签或者组件之间的相互嵌套，个人认为如果组件中有需要单独定义的地方可以使用slot
CSS3的过渡效果，使用transition实现鼠标移入/移出效果
在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡（transition）功能，就可以从一组样式平滑的切换到另一组样式。
html table表格斜线表头的实现方法总汇
在html中给table加一个斜线的表头有时是很有必要的，但是到底该怎么实现这种效果呢？总结了以下几种方法：UI背景图实现、css3中transform属性、利用border-top和border-left、css3的canvas、js的实现
移动端H5页面_input获取焦点时，虚拟键盘挡住input输入框解决方法
在移动端h5开发的时候，发现如果input在页面底部，当触发input焦点的时候会弹出系统虚拟键盘，虚拟键盘会遮挡input输入框。这会很影响用户体验，于是在网上找到了如下的解决办法
ES6 class创建对象和传统方法生成对象的区别
JS语言传统创建对象的方法一般是通过构造函数，来定义生成的，下面是一个使用function生成的例子。ES5是先新建子类的实例对象this，再将父类的属性添加到子类上，由于父类的内部属性无法获取，导致无法继承原生的构造函数
使用现代CSS的响应式版面
通过模块化缩放,使用传统属性和calc()来动态缩放你的字体大小.为字体大小使用百分比.给文本内容和媒体查询使用em,针对不同视口尺寸使用不同缩放值.视口越小,缩放比例越小,使用媒体查询或者media()函数基于视口来改变比例和基础字号
ES6 Decorator_js中的装饰器函数
ES6装饰器（Decorator）是一个函数，用来修改类的行为 在设计阶段可以对类和属性进行注释和修改。从本质上上讲，装饰器的最大作用是修改预定义好的逻辑，或者给各种结构添加一些元数据。