筱宁

后端生成当前用户相应的路由后由前端（用 Vue Router 提供的API）addRoutes 动态加载路由。 前端写好所有的路由，后端返回当前用户的角色，然后根据事先约定好的每个角色拥有哪些路由对角色的路由进行分配。 第二种，相对于第一种，前端相对会自由一些，但是如果角色权限…

Moment.js是一个很棒的时间和日期库，具有许多牛X的方法，平时npm install了之后就是干，但是如果您的Web应用程序对性能上有很高的要求，可能会由于其复杂的API和大小会导致巨大的性能上的比不要的开销。 如果您没有使用时区，而只使用了moment.js中的一些简单…

首先，当我们知道要做粒子的效果的时候，我们要思考我们如何来实现，而且还要尽可能的面对我们亲爱的对象，于是便有了如下的思考。 这里我定义了时间与粒子生成的数量，还有一个粒子池。 光在世界中沿直线传播，你现在所能看到的月光是很久之前的月光，这就说明很久之前的月光一直在传播，同时也意…

web 缓存是可以通过自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时,如果本地有以缓存的副本,就可以从本地存储设备而不是原始服务器中提取这个文档。 1. 为什么需要缓存 有很多客户端访问一个流行的原始服务器页面时,服务器会多次传输同一份文档,每次传送给一个客…

写在前面 JavaScript 深入系列共计 15 篇已经正式完结，这是一个旨在帮助大家，其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、t

grid 布局是二维布局系统，相比 flex 更为灵活，不过现在仍处于试验功能。可以在 Chrome 中开启试验特性可以使用

CSS 的 flex 特性刚推出不久，现在 grid 特性又快要出来了，感谢这些新特性，让前端开发者不用像以前那么痛苦地做页面布局了。

最近群里都在 BB 的 Grid 布局是什么鬼？

上周做一个关于移动端图片压缩上传的功能。期间猜了几个坑，在此总结下。大体的思路是，部分 API 的兼容性请参照 caniuse：利用 FileReader, 读取 blob 对象，或者是 file 对象，将图片转化为 data uri 的形式；使用 canvas，在页面上新建一个画布，利用 canvas 提供的 API，将图片画入这个画布当中；利用 canvas.toDataURL()，进行图片的压缩，得到图片的 data uri 的值上传文件。