营养磨牙饼

2015-01-17，周六，我到了深圳火车站。周末两天我开始投简历，智联、拉钩、51jbo等等一切可以投的，全投！由于知道自己有多少斤两，尽量选择 30 人以内的小公司，3~4K ，前端岗位，都说培训出来随便拿到上万，反正我那一期大家都在 4 - 8K，能拿 8K 的，他本来就…

）。其实想想也是这么回事，一年 365 天，350 天都在工地上，怎么会有女朋友呢？我还记得当时在宜昌，经理说了句玩笑话：工地上连蚊子都只有公的！所以我计划是考公务员，然后到 28 再等家里人慢慢安排相亲。 毕业在武汉建工的那一年，我居然恋爱了，这让我有点绰手不及，就更想快点转…

我是个土生土长的武汉人，和很多普通工薪家庭一样，家里的长辈很少有上大学的，到了我高考完，成绩一般般，完全不知道选哪个专业，自然也没有过来人给我引路。二爷爷家的家境比较好，他的大女儿（姑姑），和她老公（姑父）在一家国企，是人力资源部的，科长？还是什么我记不清了，主要负责招聘、薪资…

模态框，前端开发必不可少的组件之一，广泛的用于：提示信息、操作反馈、加载动画、登录/注册表单等，它通常由 Javascript 来动态创建，而使用 JavaScript 并不能很好地适应渐进式增强或优雅降级，使用 HTML5 和 CSS3 也可以轻松创建一个模态框。

随着 Vue 应用程序越来越大，打包一个 build.js ，文件大小可能会有将近 1MB 。使用 Wepack 的代码拆分，延迟按需加载 Components、Router、Vuex modules ，会让 build.js 文件体积减少，首屏加载时间降低，用户体验更好。

这是前面三篇的一个整合，包含了一个完整的源码示例。

对数据进行分页和模板渲染至视图后，往往还需要“筛选条件”进行数据的筛选及显示。本篇为该系列经验个人总结第三篇，主要在前两篇基础上，加入筛选条件，如：起止日期、关键词、下拉框等，根据不同条件进行分页及模板渲染。

以往在前端通过 AJAX 获取到服务端的 Response Data 后，想将这些数据渲染至页面（可能是一个 Table）中时，通常都会使用“HTML字符串拼接”的方式。本篇为该系列经验个人总结第二篇，主要介绍前端舍弃“字符串拼接”，使用模板引擎渲染 DOM 树，展示数据。

只要是后台 CMS 系统，都会大量使用 Table 进行数据展示，分页、条件筛选、数据展示、数据操作，这四大模块组成一个 Data Table 是必不可少的。本篇为该系列经验个人总结第一篇，主要介绍前端如何使用“分页组件”构建分页思路。