Shymean_V0.8.0

最近一直在整理过去的项目经历，其中有一个使用vue-cli和Element-UI搭建的后台管理单页应用，其中的管理员权限认证用到了JSON Web Token，之前在做博客的后台管理系统的时候（虽然现在基本没用过了），也采用和同样的认证方式，当时只是简单对着文档进行实现，对其原理并没有很深刻的认识，因此决定稍作整理。

在项目中，往往更侧重的是前端业务逻辑，而对于web安全这块并没有过于关注。只是大概知道xss和csrf等术语，而具体的防范操作也只限于输入校验和表单提交增加_token字段。

最近在复习web安全这一块的内容，突然想起之前还没有看完的《web前端黑客技术揭秘》，因此重新翻阅，并整理相关笔记。

来公司快一年了，除了日常APP内webview活动页面开发之外，最主要的工作就是重构了公司的web项目，包括PC站、Wap端、微信公众号和小程序。

除了前端开发工作之外，还负责后端路由和视图对接，以及一些业务功能的实现。现在回过头来整理一下整个项目，包括技术选型、开发环境搭建、项目分组等细节。

在春运的路上把《网络是怎样连接的》这本书基本看完了，这本书从在地址栏输入URL到看到网页这个问题入手，详细地介绍了网络相关的知识，下面整理相关的读书笔记。

最近在整理之前实现的一些插件，刚好碰到了图片压缩上传这个问题，在移动端中，由于网速有限而手机照片往往比较大，导致图片上传比较缓慢，当时是通过HTML5中文件和二进制数据接口，配合Canvas实现在前端进行图片压缩的。这里稍作整理，权当复习。

JavaScript 在定义变量时就完成了内存分配，我们创建基本类型、对象、函数……所有这些都需要内存，那么内存是在什么时候被回收的呢？了解JavaScript内存分配和垃圾回收是必不可少的技能，本文将整理这个问题。

这里谈论的网格布局不是Bootstarp中的网格布局（貌似前几天Bootstarp发布v4.0版本了~），而是浏览器支持的一种新的布局方式。之前虽然略有耳闻，但一直没有去了解，最近发现貌似浏览器的支持还不错，于是决定系统地学习一下。

好像很久没有正儿八经地学习CSS了~

现在公司的项目是基于weex开发的，我负责的前端业务也是采用Vue，早先学了点Android的东西，前段时间一直在学习Vue的源码，于是现在打算来理一理weex相关的知识，后面也可以跟客户端的同学探讨一下。

我们可以通过Vue和Vue-router来构建单页面应用。在传统的web项目里面，往往存在多个页面映射不同的功能，而在单页面应用中，不同的页面对应的是不同的组件。

在之前的博客同构渲染实践和history与单页面应用路由中，我尝试实现了单页面的路由管理，不过十分简陋，现在让我们来看看Vue-router的实现原理。

这是”Vue源码阅读笔记”系列第五篇文章。在之前我们分析了Vue的模板编译和渲染过程，以及响应式数据的原理，但是却有意识地避开了一个很重要的地方：组件。组件系统是Vue最强大的功能之一，接下来我们就从源码中，一步步揭开组件的神秘面纱。