圆儿圈圈

年前经历了许多大厂的面试,根据类别整理回顾一些知识点。 createStore是redux的核心、暴露出dispatch、subscribe、getState方法给使用者。 subscribe中添加回调监听函数，当dispatch触发的时候，会执行subscribe liste…

通过写一篇react小册来查缺补漏。 使用ReactDOM.render,第一个参数传入JSX语法糖，第二个参数传入container,能简单实现在document上创建h1 dom节点。 所以ReactDOM.render的时候，看似引入的React没有用，但必须引入因为用到…

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

在开发Hybrid App的时候，会遇到因为native环境不同，出现的样式不对及代码bug。 因为需要写一点原生代码与native进行交互，而安卓和ios的交互方式不一样并且一定要在app中调试，所以会遇到反复修改提交打包等待发版然后在app上查看效果的等待及多余步骤。 或者…

传统的解决代码单线程执行的方案是回调函数和事件。这是个解决问题的方案，但是会造成回调地狱。 异步编程是优化代码逻辑提高代码易读性的关键。 这三种方法我都经常在用，但是对它们的原理却一知半解。于是想炒个冷饭从头到尾理一遍，梳理一下它们之间的关系。 Promise对象是一个构造函数…

原型链的尽头（root）是Object.prototype。所有对象均从Object.prototype继承属性。 每个函数都有prototype属性(图一：1)，也只有函数才有prototype属性。除了 Function.prototype.bind()，该属性指向原型。 …

Puppeteer 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具。正因为这个官方声明，许多业内自动化测试库都已经停止维护，包括 PhantomJS。Selenium IDE for Firefox 项目也因为缺乏维护者而终止。 本文将使…

Puppeteer 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具。正因为这个官方声明，许多业内自动化测试库都已经停止维护，包括 PhantomJS。Selenium IDE for Firefox 项目也因为缺乏维护者而终止。 pupp…

在开发的工程中，线上环境需要引入一些统计和打印日志的js文件。但是对于开发环境，加速打包速度减少页面渲染时间很关键。我于是想根据开发环境，写一个简单的loader,按需加载一些资源。 为了完成按需加载的功能。打算使用自定义的loader。 拿到传入的参数并根据环境判断是否加载。…