Lynnic

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

anopen-sourceJavaScriptlibraryformobile-friendlyinteractivemaps零·实践前的自述实践简述使用leafletjs在高德的地图上构建图层，包括

FormRender（下面一律简称 FR）起源于 2017 年飞猪互动平台的模板表单生成方案，经历 2 年在飞猪内部以及集团兄弟 BU 各个场景的落地和打磨，于 2019.09.30 月开源，当前 star 1.1k, fork 110, npm 月下载量 2k。 FR 目前覆…

无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 Ctrl 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

Hi 各位，欢迎来到 React 回忆录！👋 在上一章中，我介绍了 React 框架的“五大特点”：虚拟DOM，组件化，声明式代码，单向数据流和纯粹的 JavaScript 语法。在本章中，我们将谈到 React 是如何渲染 UI 的，以及在这个过程中所表现出的 组件化 思想…

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

规模化的组织，经常要面临这样的挑战：每个应用的基础设施是相同的，部分的代码也是相同的，甚至于它们可能只是数据模型不同而已。结果却导致了，他/她们要一次又一次地重新编写一个应用。 对于一个新的应用而言，它需要对接大量的三方（非自己团队）服务。服务之间的不断变化 ，导致了对应的使用…

所有的内容之后会陆续放出，如果你有任何想要了解的内容或者有任何疑问，关注公众号【前端瓶子君】回复【123】添加好友，我会解答你的疑问。 作为一个前端开发人员，我们花费大量的时间去处理 webpack、gulp 等打包工具，将高级 JavaScript 项目打包成更复杂、更难以解…

现在我们有三个非常简单的文件，显然这些代码不能直接在浏览器运行，因为浏览器并不认识import export等语法，现在我们的目的是写一个简易的打包器，将它们打包成一个可正常运行的JS代码。 当运行node bundler.js时执行打包。 下面将分模块讲解bundler的…