逻辑图
前端知识点
  基础知识
    网络知识
      HTTP
      DNS
      域名
      云服务
      网络安全
        HTTPS
        CORS
        网络渗透
        OWASP
    HTML
    CSS
    JavaScript
    JQuery
    Ajax
    ES6-ES11
    综合应用
  工程化体系
    代码规范
    CSS预处理器
      Less
      Sass
      PostCSS
    Node
    Promise
    Axios
    工具
      包管理工具
        Npm
        Yarn
      打包工具
        Webpack
        Parcel
      代码格式化工具
        ESLint
        Prettier
      调试工具
        Chrome
        IETest
        Postman
      版本管理工具
        Git
        相关平台
          GitLab
          GitHub
      部署发布工具
        Jenkins
        CICD
    主流技术
      TypeScript
      Vue
      React
      Angular
      综合应用
  静态站点生成器
    Next
    GatsbyJS
    Nuxt
    Vuepress
    Hugo
  移动端
    Native App
      安卓原生
      IOS原生
      鸿蒙原生
    Web App
    Hybird App
      Uni-App
      Taro
      React Native
      Flutter
        基础
        实战
    微信小程序
  性能优化和监控
    性能优化概览
    浏览器及工作方式
    SEO
    资源管理
      延迟加载
      按需加载
      缓存复用
      CDN部署
      请求合并
      异步同步
原生APP开发模式
优点:
1.可轻易调用手机所有硬件实现功能
2.速度更快、性能高、整体用户体验最好
3.质量安全性很高
缺点：
1.开发周期长及维护成本高(比如ios和android需2端开发2个app)
2.学习成本高(ios必须会swift，android必须会Java)
作者：YuRi_1
链接：https://www.jianshu.com/p/a7a77eb16a2a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
HTML5 APP 框架开发模式
Web App即我们通常所说的H5 app，主要通过HTML，CSS，JS构建页面，然后发布到服务器，用户通过手机网络访问这些页面。类似微信公众号等
优点:
1.项目独立，维护更容易，兼容多平台
2.开发周期短，学习成本低
3.更新发版更容易
缺点：
1.体验不好，对设备和网络要求高，经常卡顿，性能差
2.无法调用系统硬件
作者：YuRi_1
链接：https://www.jianshu.com/p/a7a77eb16a2a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
混合模式移动应用
介于Web App、Native App这两者之间的app， Hybrid App主要以JS+Native两者相互调用为主，从开发层面现“一次开发，多处运行”的机制，成为真正适合跨平台的开发，是目前乃至未来发展的趋势。
优点:
1.维护容易，能调用部分系统硬件，兼容多平台
2.开发周期短，学习成本低
缺点：
1.可能需要会原生开发以支持更多的硬件调用
2.性能跟原生还是有差距，对设备有一定要求
作者：YuRi_1
链接：https://www.jianshu.com/p/a7a77eb16a2a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。