React相关推荐文章
为什么 setState 是”异步“的?
https://github.com/facebook/react/issues/11527#issuecomment-360199710
什么时候 setState() 被批量调用?为什么?
https://stackoverflow.com/questions/48563650/does-react-keep-the-order-for-state-updates/48610973#48610973
为什么 setState 是”异步“的?
https://github.com/facebook/react/issues/11527#issuecomment-360199710
什么时候 setState() 被批量调用?为什么?
https://stackoverflow.com/questions/48563650/does-react-keep-the-order-for-state-updates/48610973#48610973
本文将用尽可能容易理解的方式,实现最小可用的 react-router v4 和 history,目的为了了解 react-router 实现原理。
bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。MDN bind
macrotasks: setTimeout, setInterval, setImmediate, I/O, UI rendering
microtasks: process.nextTick, Promises, Object.observe(废弃), MutationObserver
promise/a+ 规范 https://promisesaplus.com/#notes
https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/
https://juejin.im/entry/58d4df3b5c497d0057eb99ff
https://html.spec.whatwg.org/multipage/webappapis.html#task-queue
https://blog.bitsrc.io/microtask-and-macrotask-a-hands-on-approach-5d77050e2168
https://www.youtube.com/watch?v=8aGhZQkoFbQ
https://github.com/ccforward/cc/issues/48
https://github.com/creeperyang/blog/issues/21
2019 年的前端技术栈,无论你是用 Vue 还是用 React ,应该都离不开一样工具 – webpack。webpack 极大的简化了前端开发的构建过程,只需提供一个入口文件,webpack 就能自动帮我们分析出相关依赖,构建出 bundle 包。
webpack 很强大,但是大家知道 webpack 到底是怎么样打包的吗?本文将从一个很简单的例子,一步步带领大家探寻 webpack 打包的基本原理。
本文总结了笔者近几年在参与设计 API 时收获的一些经验和教训,针对中小型项目初期,供大家参考。
安卓/iOS 可以调用 JS 侧的全局对象来完成通信,那么使用 React/Vue 的时候我们的方法都封装在框架内部,并没有暴露在全局,原生侧调不到框架内部的方法,怎么办?
使用 EventEmitter!
某日,天空飘来集成第三方微信登录/注册功能的需求,业务侧轻飘飘的一笔带过,表示这个需求很简单,点击登录,就 ok 了。笔者满脸黑线的表示这个功能想做的好,没有用户吐槽的话,需要考虑的情况非常多。以下便是笔者对该功能的需求分析。因文字描述达不到非常清晰地解释,所以以流程图的方式表示。
某日,同事 J 说发现一个奇怪的现象:一个列表页,在 iPhone7 竖屏上字体大小正常,横屏的时候有些字体就变的特别大。本文便是笔者对这一 “bug” 的分析过程。
目前主流的前端框架在开发的时候都采用最新的 ES6+ 语法,大部分的向下兼容工作都交给了 Babel 来处理。通过引入 Babel 插件,我们可以大胆地使用最新或是正在起草中,甚至是根本不在标准中的 jsx 等语法,跟甚至是你自己胡诌的写法!
本文将带大家了解 Babel 是怎么工作的、Babel 插件是怎么工作又是怎么编写的,并写一个与 webpack 集成的最简单的 Babel 插件。