2017.6.23 前端技术分享讲稿（项目架构与部分隐患）

PC端：jQuery+Bootstrap+ES5

biz手机端：Vue+WeUI+ES6

工程管理：Fist && Gulp（webpack）

工程化的目的：

1. 页面/脚本/样式压缩
2. 页面/脚本/样式合并
3. 缓存更新（清除）
4. 静态文件CDN（调用处清除缓存问题）

Gulp依赖包：

（gulp-concat gulp-uglify js文件合并压缩）

（gulp-css-spriter css转化合并压缩）

（gulp-md5-plus 文件md5计算与替换）

（gulp-connect 热更新，浏览器自动刷新）

（gulp-replace 用于在html文件中直接include文件）

Fist依赖包：

资源压缩合并、代码部署、资源文件去除缓存之类的功能

模块化框架：

SeaJS：seajs.use() 模块化开发调用方法

CMS：

WordPress：

（WP Super Cache 重要注意点，更新页面需要remove cache）

（SEO包）

（CKEditor 编辑器）

（Category Order and Taxonomy Terms Order 分类排序插件）

（Custom Permalinks 不同文章套用不同主题）

等等

小程序：

…

三个问题：

set cookie设置DOMAIN

文案类的改变附加到节点的属性值上

存储在静态资源的资源文件必须更新CDN，更新时间戳清除浏览器端缓存

后端对url处理