前端Noob

从实战角度记录 Electron 应用体积优化全过程：通过关闭 SourceMap、依赖治理、精准排除 node_modules 冗余文件等手段，将 DMG 从 240MB 降至 155MB。

关系图由节点和连线组成，可以清晰展示实体与实体之间的联系。点进来就学如何用Canvas实现炫酷流动关系图！

时隔两年再次更新了，本文主要给大家带来一些我面试的经历和经验，希望对正在求职京东前端岗位的同学有所帮助。我先大致说下面试之前的个人情况：...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

最近在帮团队招人，看了一圈市场上的招聘要求（JD），心里有点五味杂陈。 随便打开几个“前端工程师”的JD，上面写着：精通React/Vue，这很正常；熟悉Next.js或Nuxt，这是加分项；有Ser

本文介绍前端用.env 文件的原因，即区分多环境配置、避免麻烦与错误；提及 dotenv 工具加载.env 变量到 process.env，附简易及升级版实现；说明前端需构建工具注入变量，总结.env

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

three.js 如果通过 shader 编程，实现蜂窝网格扩散动画， 这里有详细的原理解说，感兴趣的，可以去试试看。

前几天，我们团队CI/CD流水线挂了，一个新来的前端同事跑来问我：“老大，我本地pnpm build明明是好的，为什么一到CI就报错？” 我看了看日志，node-gyp编译失败。我问他：“你本地的No