为了达成 OKR 聊点儿主题相关的,这次的主题是关于前端工程化的问题,以及对未来的展望,如何身体力行地去参与创建下一代前端。 内容主要三个部分 —— 开发,部署,运维 希望大家可以开拓视野,尝试用初次相见的眼光看待事物,不拘泥于目前的限制。毕竟比马更快的不是马,比 TNT 更爆裂的也不是炸药。那么,比 React, Webpack 更好的,是什么呢? 主播: AnnatarHe: https://web.okjike.com/u/20965c29-1f92-4df8-9107-45043db29278) Tinko: https://space.bilibili.com/290664) Sleaf Timeline: 00:00 开场 01:03 前端工程化的前世今生 05:05 现代工程化 - 开发(分支管理与 Git Flow) 12:36 当前部署流程 CI/CD 14:32 下一代构建/部署展望 23:10 下一代的 CSS 样式要怎么写? 31:55 我们需要更高压缩率的图片格式吗? 38:07 关于测试的讨论 46:25 下一代运维是什么样,Serverless? 52:28 上线之后我们要做什么? 56:37 畅想重构 web 开发流程 ref: Backbone.js https://backbonejs.org/) 各种 git 工作流 https://www.ruanyifeng.com/blog/2015/12/git-workflow.html) Git-flow 已经过时 https://nvie.com/posts/a-successful-git-branching-model/) Google 不再兼容 IE https://9to5google.com/2021/10/01/google-search-internet-explorer-11/) 常见图片格式 https://juejin.cn/post/6844903625731358727) E2E 测试工具 Cypress https://www.cypress.io/) 自动文档生成工具 https://typedoc.org/) TDD(Test Driven Development) https://en.wikipedia.org/wiki/Test-driven_development) Sentry https://sentry.io/) NewRelic https://newrelic.com/) Uptrace https://uptrace.dev/) Prisma https://www.prisma.io/) Rome https://rome.tools/) 更多资料: 软件开发的工作流: https://blog.forecho.com/software-development-workflow.html) LeanCloud 开放资源 -** 文案风格指南: https://open.leancloud.cn/copywriting-style-guide/) How We Build Code at Netflix: https://netflixtechblog.com/how-we-build-code-at-netflix-c5d9bd727f15) 不需要追求 100% 的测试覆盖率 https://medium.com/@joshuakgoldberg/in-defense-of-100-unit-test-coverage-7fd1a9873ca4) 联系方式:[email protected] BGM by Otologic