原文：搞懂闭包 | AlloyTeam作者：TAT.yaoyao 闭包这个概念是前端工程师必须要深刻理解的，但是网上确实有一些文章会让初学者觉得晦涩难懂，而且闭包的文章描述不一。 本文面向初级的程序员，聊一聊我对闭包的理解。当然如果你看到闭包联想不到作用域链与垃圾回收也不妨看一眼。希望读了它之后你不再对闭包蒙圈。 先体验...

react源码中reactRoot,fiberRoot,rootFiber的关系[链接]fiber数据结构[链接]web前端导航[链接]React技术揭秘尤雨溪：在框架设计中寻求平衡 上Vue.js 技术揭秘vue.js 技术解密 文档github星级项目自上向下分析react源码17[链接][链接][链接][链接][链接][链接][链接][链接][链接][链接][链接][链接]chrome://inspect/#dev...

公司师姐昨日在KM发了篇长文，主要结论RAF+transform3d就是不如transition+transform3d平滑流畅，但是transition+transform3d没有translate属性变更change回调，只有transitionend的事件回调。最后得出的解决方案：

➡️ xiaolai/regular-investing-in-box watch 28 star 573 fork 352 定投改变命运 —— 让时间陪你慢慢变富 github.com

基于 React 的组件化开发方式，为富前端 web 应用提供大量技术实践，社区逐渐形成了稳定的组件规范，本文从 API 层面归纳出 6 种组件类型，分析其优缺点和适用场景，为日常组件开发提供一个方法指南。6 种类型分别为结构型组件、样式型组件、组合型组件、配置型组件、受控型组件、非受控组件。

规范化1.代码规范腾讯AlloyTeam前端规范 2.代码风格检测 eslint简介 Eslint静态代码检查 npm上的eslint-config 3.统一项目框架 组件化首先需要确定哪些需要做成公共组件，那些是要做成独立组件，以及组件间如何进行通信。在页面中调用这些组件后，会自动加载组件的模板以及组件的静态资源，而当组件不再需要时，只要移除...

原文地址:[链接] 效果展示 扫码体验 你也可以点击这里访问Demo可以点击这里查看代码 背景 在手机QQ内部，其实客户端提供了下拉刷新的能力，拖动整个webview进行下拉刷新，loading以及loading相关的wording和动画都是客户端的。解决了一部分需要下拉场景的问题。但是在某些场景下，还是需要web拥有自身的下拉刷新的能力。...

常用Loaders {代码...} 常用插件Plugin config类 {代码...} optimize {代码...} dependency injection {代码...} other {代码...} 常用alias {代码...} webpack好文推荐：上面模块只是大概了解，详细可见：[链接]webpack优化使用：[链接]中文文档：[链接]

JavaScript 单元测试如今对于前端开发来说并不陌生，前端工程化之后项目的代码质量越来越受到重视，单元测试无疑是一种衡量代码质量的重要手段，而测试覆盖率则是衡量测试完整性的一种手段：通过已执行代码的覆盖率，用于评测代码的可靠性和稳定性，可以及时发现没有被测试用例执行到的代码块，提前发现可能的逻辑错误。

在腾讯的AlloyTeam的Blog上发现了这样的一款工具：AlloyLever（原blog地址：[链接]），觉得非常有趣且实用。尤其是其实现的原理也并不复杂，却可以给平常的调试工作带来巨大的便利，不得不让人感叹凡事就怕认真啊。

平时的学习资源都比较的凌乱，看到好的资源都是直接收藏在浏览器的收藏夹中，这样其实并不方便，整理在云笔记上，也不方便查看修改记录，索性就整理在 github 上并开源出来，希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源，统一管理，方便随时查找。

必学(前端三剑客)· HTML: [链接] · CSS: [链接] · JavaScript: [链接] UI布局框架 · Bootstrap: [链接] · antd: [链接] · Foundation: [链接] · Uikit: [链接] · Web Components:[链接] 构建工具/包管理器 · Grunt: [链接] · Yeoman: [链接] · Bower: [链接] · NPM: [链接] css预处理器 · Less: [链接] · Sass: [链接] ·...

在上篇文章我们讲了如何使用React的Suspense组件和lazy方法来实现模块的懒加载，后面还讲了如何使用React的useState方法来实现自定义的Hooks，从而达到复用的目的。

随着前端团队人员的逐步扩大，需要有一份规范来约束代码的书写。无论人数多少，代码都应该同出一门。主要参考了 腾讯alloyteam团队，里面有许多认同点。在此基础上做了些许改进，为了更适合自己团队，那些已经达成共识的代码习惯。仅供参考。

Pasition - Path Transition with little JS code, render to anywhere - 超小尺寸的Path过渡动画类库

1.Google[链接]2.Google Samples[链接]3.Google Codelabs[链接]4.GoogleChrome[链接]5.Google Creative Lab[链接]6.Google Internationalization人人皆可使用的Google开源字体[链接]7.tensorflow[链接]

➡️ qq282126990/ivue-ui watch 1 star 16 fork 5 基于 Google's Material Design Spec 规范的 vue UI 库 github.com