2017.6.23 前端技术分享讲稿（项目架构与部分隐患）
2017-08-09 本文已影响0人
郑小明
PC端：jQuery+Bootstrap+ES5
biz手机端：Vue+WeUI+ES6
工程管理：Fist && Gulp（webpack）
工程化的目的：
- 页面/脚本/样式压缩
- 页面/脚本/样式合并
- 缓存更新（清除）
- 静态文件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处理
