/blog

【大前端】分享记录

Primary LanguageHTML

【大前端】分享记录,先列个大纲之后慢慢补坑

思维导图

01. JS 基础

02. CSS 基础

03. 前端框架原理

04. 前端性能优化

05. JS服务端

06. web 安全问题

  • XSS
  1. 存储型
  2. 反射型
  3. DOM型
  • CSRF
  • SSRF

07. 开发工具

  • chrome devtool
  • charles

08. 前端工程化

公共模板及文档建设

  • create-react-app 的原理和实现
  • node 命令行 commander、inquirer、chalk
  • doc 生成工具
  • 区块概念

仓库

  • github/gitlab
  • 私有npm
  • docker hub

打包工具 webpack、rollup

持续集成 -- 测试、构建、发布部署系统

  1. 用户触发构建 -> Jenkins 执行任务 test/build/合master 打tag
  2. 用户触发部署 -> Jenkins 执行任务 -> 推送 oss
  3. 用户触发回滚 -> Jenkins 根据 tag 拉代码覆盖 oss

html 不缓存 其他静态资源 hash 文件名长缓存。

  • Jenkins
  • git webhook
  • CDN

错误监控系统

性能监控系统

前端工程部署

前端微服务

  • iframe
  • nginx 代理路由
  • npm 包