在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

前端优化是一个大的课题，需要花好多时间才能理解，之前对前端优化陆陆续续有一些了解。所以这次从渲染优化，打包优化，代码优化做了一个系统的总结，并且引申出了几个需要关注的问题，文章可能有点长，大家一定要看到最后。最后写作不易，希望觉得还可以的话，帮忙点赞一波，提前感谢了。当然如果有…

如今，在我们繁忙的日程和紧迫的截止日期中，选择能够提高工作效率的工具至关重要。 在这里，我整理了一些我最喜欢的 NPM 包的列表。 我也将它们分类，因此信息更加结构化，更易于浏览。 当然，你不必安装和学习所有这些工具。在大多数情况下，从每个类别中挑选一个就足够了。我想提供一些替…

最近在网易工作之余，遇到Git上面一些问题，趁这次的机会，补一补Git基础知识。 公众号前端UpUp，回复Git，即可获取脑图。 本文更多梳理的是Git常用命令，非原理篇，需要这部分知识的可以往下看。 当我们使用git管理文件时，比如git init时，这个时候，会多一个.gi…

在开发中经常会遇到网站的性能瓶颈，打开慢的情况。我们平常开发中怎么一步一步排查这些问题并 解决问题呢 javascript执行慢。 接口响应慢。 资源加载慢。 浏览器渲染慢。 。。。 我们只能要求自己，所以用户手机网速慢是不存在的～。 我们将从几个方面着手讲一下排查问题的手段。…

反射和代理是ECMAScript 6新增的语言特性，代理（Proxy）可以为开发者提供可拦截并且向基本操作嵌入额外的行为能力。 简单的说，在对一个代理对象访问属性、删除属性、添加属性等操作时进行拦截，并且加上自定义操作行为。反射（Reflect）是一个内置对象， 是给底层操作提…

1. 防抖 2. 节流 3. new 4. bind 5. call 6. apply 7. deepCopy 8. 事件总线 | 发布订阅模式 9. 柯里化：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数 10. es5 实现继承 11. instanceo…

这么设置，比如 phonex 屏幕 375。那么 32px 的大小就很方便地口算成.32rem 所以这样是有些不一致的，你写1rem是16px，你写37.5px又是1rem，并且vant组件的大小显示也不对了（必须配成100才能正确显示）。 remUnit：100，rootSi…

有一些人认为，好的代码是自我解释的。合适的命名和优秀的代码的确可以减轻开发人员阅读代码的工作量，对于不是特别复杂的代码可能确实可以做到自我解释。但并不是所有场景都可以做到这一点，我们一起来了解一下“注释”吧。 注释就是对代码的解释和说明。注释是开发人员在编写程序时，给一段代码的…