某天，小伙伴和我分享面经，说问了面试官一个问题：业务迭代这么快，怎样避免代码堆成屎山而没办法维护。面试官说了挺多的.....

大家好，我是双越老师。Ron Buckton 在微软工作 18 年，在 Typescript 团队，还是 TC39 的代表，在 X 平台有 8k+ 关注者，可以说是非常成功的一名程序员，前几天被裁员。

字节前端SDK接入方众多，用户群庞大，若自身存在性能问题，会影响到数以亿计用户真实体验。本文以字节前端监控SDK为例，探讨作为三方SDK如何实现性能优化的思路与实操。

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

camelCase（驼峰式，也叫小驼峰命名，e.g. userInfo） PascalCase（帕斯卡命名式，也叫大驼峰命名，e.g. UserInfo） kebab-case（短横线连接式，e.g. user-info） 项目名全部采用小写方式， 以中划线分隔。 比如： my…

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

天秀老接口存在一个问题，我们每次请求1000条数据，返回的数组中，每一条数据都有上百个字段，其实我们前端只用到其中的10个字段而已。 如何从一百多个字段中，抽取任意n个字段，这就用到graphQL。 里面有两个女神的所有信息，包括女神的名字、手机、微信、身高、学校、备胎集合等信…

在vue2中，数据劫持对于数组的操作，是监听了数组原型中的所有能改变数组的方法（push,pop,shift,unshift,splice,sort,reverse），所以直接改变length虽然改变了数组的值，但是不会触发watcher更新视图。 所幸在vue3中，vue团队…

测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。 代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。 本文并不是代码风格指南，而是关于代码的可读性、复用性、扩展性探讨。 可能同一个项目对于获取用户信息，会有三个不一样的命名…