工程化与优化
工程化构建知识体系，列表优化、首屏优化
13篇文章 · 0订阅
  • React调试利器：React DevTools
    得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…
    React.js
    React调试利器：React DevTools
  • 作为面试官，为什么我推荐组件库作为前端面试的亮点？
    在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了
    前端 JavaScript Vue.js
    作为面试官，为什么我推荐组件库作为前端面试的亮点？
  • 9个常见的 Webpack 面试题，中高级前端必会！
    真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！Webpack 作为前端资源构建工具+静态模块打包器，是面试中的重中之重。
    前端 Webpack 面试
    9个常见的 Webpack 面试题，中高级前端必会！
  • 还不清楚webpack和vite原理？有这篇足够了！
    前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看
    面试 Vue.js
    还不清楚webpack和vite原理？有这篇足够了！
  • 2023 年了！ pnpm monorepo用起来！
    为什么使用monorepo 什么是monorepo 简单来说就是，将多个项目或包文件放到一个git仓库来管理。 目前比较广泛应用的是yarn+learn的方式实现monorepo的管理。 一个简单的m
    JavaScript
    2023 年了！ pnpm monorepo用起来！
  • 【React】史上最简单的 减少重复渲染 思路，原来这么简单？
    既然你知道了状态提升，那么我想聊一聊状态下沉。 useCallback、useMemo、memo、shouldUpdate，性能优化的API，不出性能问题你是不该使用的，盲目的使用会造成负优化，甚至还
    React.js 前端
    【React】史上最简单的 减少重复渲染 思路，原来这么简单？
  • 最佳实践：基于vite3的monorepo前端工程搭建 | 京东云技术团队
    一、技术栈选择 1.代码库管理方式-Monorepo： 将多个项目存放在同一个代码库中 ▪选择理由1：多个应用（可以按业务线产品粒度划分）在同一个repo管理，便于统一管理代码规范、共享工作流 ▪选择
    Vite 前端
    最佳实践：基于vite3的monorepo前端工程搭建 | 京东云技术团队
  • 体验vite + vue3 + ts搭建项目的全过程
    vite、vue3有多火就不多介绍了，咱们直接上手尝试一下！ 内容篇幅可能偏长，都是手把手的硬干货，敲完会有意外的收货！ 环境准备 Node.js版本 >= 12 建议将Node.js升级到最新的稳定
    前端 Vite
    体验vite + vue3 + ts搭建项目的全过程
  • 组件库实战—— BEM 命名规范
    哈喽大家好，好久没写组件库的文章了。之前搞完初版的组件库后搁置了一段时间，最近有资源投入，趁机会继续完善组件库建设，加个 BEM 规范！接下来有时间的话会完善组件库的单元测试，到时候还会再写一篇文章！
    前端 CSS 代码规范
    组件库实战—— BEM 命名规范
  • 组件库之按需加载
    目前按需加载有两种方式实现。 babel-plugin-import是ant-design团队出的一个babel插件，主要用于模块的按需加载。其原理就是将直接引入的方式通过babel转化成按需引入的方式。如果css也需要按需加载，也会注入css引用代码。 babel-plugi…
    JavaScript