vue router 路由鉴权（非动态路由）
原本想用动态路由的思路去做，按权限加载对应路由表，但是由于权限可以交叉（比如一个人可以同时是主题管理员和数据服务管理员），导致权限路由表还是得去做判断组合。于是放弃了这个思路，索性就在beforeEach里直接判断了。
纯CSS实现点击事件展现隐藏div菜单列表/元素切换
在写移动端导航的时候经常用到点击按钮出现/隐藏导航条的情况，最常见的方法当然还是前端框架直接调用，省心省力，不易出错；当然还有使用纯JS实现的小代码段。我这里整理了纯CSS实现方式，给需要的人和给自己做个笔记：实现原理利用CSS伪类:target
transform 的副作用
transform是一些效果的集合，主要是移动、旋转、缩放和倾斜这四种基本操作，还可以通过设置matrix矩阵来实现更复杂的效果。变形transform可以实现2D和3D两种效果。
CSS选择器_伪元素选择器之处理父元素高度及外边距溢出
最小高度为100px的父元素，嵌套一个300px高度的子元素，当子元素浮动时，父元素高度并不随之升高。在某些特殊的条件下，为子元素设置上外边距时，有可能会作用到父元素上。
history对象详解及单页面路由实现
history对象保存着用户的上网记录，从浏览器窗口打开的那一刻算起。出于安全的考虑，开发人员无法得知用户浏览过的URL。不过，借由用户访问过的页面列表，同样可以在不知道实际URL的情况下实现后退与前进
web认证机制
以前对认证这方面的认识一直不太深刻，不清楚为什么需要token这种认证，为什么不简单使用session存储用户登录信息等。最近读了几篇大牛的博客才对认证机制方面有了进一步了解。
怎样使用React Context API
React Context API 现在已经成为一个实验性功能，但是只有在 React 16.3.0 中才能用在生产中。本文将向你展示两个基本的 Web 商店应用程序，一个使用了 Context API 进行构建，另一个则不用。
VUE路由转场特效，WebAPP的前进与后退
定义两个 CSS 过度动画，前进与后退： slide-right-enter 和 slide-left-enter，给路由配置meta信息，设置各个路由的级别： index，监控路由跳转，比对 meta 信息级别，如果从大跳转到小说明是返回，从小跳转到大则是前进
js函数式编程-函数合并
函数编程的函数组合：两个纯函数组合之后返回了一个新函数,函数组合可以避免在实现相同需求式而使用嵌套函数，实现可读性。实现一组函数的叠加产生一个新的函数我们可以利用reduce来实现,利用reduce 的累加的特性实现函数的嵌套。