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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,548评论 1 32
  • 性能优化方向分类 请求数量: 合并脚本和样式表, CSS Sprites, 拆分初始化负载, 划分主域(使用“查找...
    Www刘阅读 1,831评论 3 8
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,656评论 0 106
  • 一.简述前端构建工具。fis3,Gulp,Grunt,Webpack www.tuicool.com/articl...
    錢小强_阅读 1,362评论 0 5
  • 山东著名绿色景观“十里杏花谷”中的 春果第一枝:烟台...
    行无羁阅读 438评论 0 0