Vue - 自定义组件双向绑定
无论在任何的语言或框架中，我们都提倡代码的复用性。对于Vue来说也是如此，相同的代码逻辑会被封装成组件，除了复用之外，更重要的是统一管理提高开发效率。我真就接手过一个项目，多个页面都会用到的列表
Vue的基础指令
通过添加v-bind:标签属性来控制标签的属性,设置后自动查询Vue里面的数据,通常简写成:标签属性,也可以传入对象,通过对象的值来控制是否为真
CSS实现一个粒子动效的按钮
按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢？通常这类效果第一反应可能就是借助canvas了
HTTP 协议的 8 种请求类型介绍
HTTP 协议中共定义了八种方法或者叫“动作”来表明对 Request-URI 指定的资源的不同操作方式，具体介绍如下：虽然 HTTP 的请求方式有 8 种，但是我们在实际应用中常用的也就是 get 和 post
h5网页加背景音乐
这些代码在微信上测试可以自动播放，但是在一些浏览器不可以自动播放，因此我们给图片点击，开始播放，再次点击，暂停播放
Jest单元测试框架
在命令行工具中输入以下命令，初始化前端项目并生成package.json：babel-jest、 babel-core、 regenerator-runtime、babel-preset-env这几个依赖是为了让我们可以使用ES6的语法特性进行单元测试
简写的 border-radius 100% 和 50% 是等效的
border-radius 这个 css 属性大家应该使用得非常娴熟，现实中用到的场景基本都是四个圆角一致的情况。比如实现一个圆形按钮，其中 border-radius 数值有些人写为 50%，有些人则写成 100%
video标签的属性
HTML5是下一代HTML，新增了许多新的标签，这些标签实现了许多新的功能。并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签就可以很好的实现了在页面上播放视频的效果。
CSRF绕过后端Referer校验
CSRF绕过后端Referer校验分正常情况和不正常的情况，我们这里主要讨论开发在写校验referer程序时，不正常的情况下怎么进行绕过。