知识点沉淀包括不限于前端

项目中import顺序 eslint自动化工具配置。配置示例

前端规范目的是什么提高团队开发效率。有利于项目的后期维护。良好的代码规范，不仅能够让代码简洁清晰，还可以减少 bug 的出现，更能够让看代码的人赏心悦目。总结八个字： 统一 规范 方便 高效1.编辑器风格参考google编码风格每行200字符后，建议换行 (若不影响可读性，可不进行换行)说明：虽然对于js推荐120个字符。但是为了方便vue组件视觉适应性，统一采用200个字符TAB键：默认 1个 TAB 为 4 个 Space说明：对于不同编辑器，使用空格，避

eslint配置 默认配置 自定义配置 强制vue属性排序 vue项目如何配置ESlint React项目如何配置

prettier配置Prettier是一个代码格式化程序Prettier自定义配置tabWidth：指定每个缩进级别的空格数。printWidth：最大允许行长是多少singleQuote：使用单引号而不是双引号。semi：在语句末尾打印分号。trailingComma：多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。）arrowParens：在单独的箭头函数参数周围包括括号。jsxBracketSameLine：将>多行JSX元素的放在最后一行的末尾，而不是

webpack初识webpack初识webpack配置推荐React项目中webpack优化打包体积配置推荐(移动端)静态资源整合打包压缩资源压缩css 采用 mini-css-extract-plugin 抽离 cssCSS 压缩，采用 optimize-css-assets-webpack-pluginJS 压缩，采用 terser-webpack-plugin + optimization -> minimizer代码分割Dynamic Imports

【代码】企业级项目之Git-husky代码提交配置推荐。

代码注释 单行、多行、jsdoc注释 特殊标记注释 todo等 vscode注释快捷键 vscode注释插件

Tailwind css 对比传统css css in js 安装流程 书写技巧 速查手册