美文网首页
2017.6.23 前端技术分享讲稿(项目架构与部分隐患)

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

作者: 郑小明 | 来源:发表于2017-08-09 16:12 被阅读0次

    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处理

    相关文章

      网友评论

          本文标题:2017.6.23 前端技术分享讲稿(项目架构与部分隐患)

          本文链接:https://www.haomeiwen.com/subject/wmlqrxtx.html