前端工程化需要知道的一些知识

## 前端的概念
    前端开发的产出是直接面向用户的
        软技能：用户体验（性能）
        编程技能：
            css: 
                综合实践能力、常见兼容hack
            html:
                遵循w3c规范的语义化结构
            js:

        硬技能：
            数据结构、算法、抽象能力、架构能力、工程化思维

    大前端（纵向、nodejs）、泛前端（横向\react native）

## 前端工程化的意义
一系列规范和流程及集合
一种可演化、可扩展的服务，服务的目标是解决前端开发及后端协作开发过程中的难点和痛点问题
工具是前端工程化的实现媒介、规范是工程化的指导方针，工作流程是工程化的外在表现形式以及约束规范的载体

编程规范、持续的架构设计 -> 质量、效率

## 内容
    脚手架
        初始化项目（即用即弃）yeoman
    发开
        本地服务器（nodejs + express + middleware）
        HMR (runtime runtime server) 
        livereload 
        mock 
            SSR
        webpack-dev-middleware

    构建 webpack rollup gulp 
        打包
            babel
            loader
            postCSS
            less
            sass
        资源定位
            CDN、反向注入html

        模块依赖关系

        缓存策略
            强制缓存策略
            协商缓存策略

        fis
            sprite 项目强绑定

    测试
        单元测试、集成测试、仿真环境
    工作流

        持续集成、持续交付
        gitflow与版本管理
        webhook与自动构建

    部署
        速度、协作、安全

        自动化容器化部署、灰度发布、增量更新（保留多个版本，有利于回滚）