前端黑魔法重名了

需求1：写一个组件，根据不同的语言渲染不同的合同模板，合同模板的格式是markdown。 不支持md，需要配置对应的loader，好办google搜一下，搜到了markdown-loader,webpack配置一下，问题解决。 需求2来了：这个页面也要支持移动端，页面加载要快。…

今天公司小伙伴分享Typescript实践时，提到的一个小坑就是对象字面量的赋值问题。本文结合规范谈谈关于fresh object literal type的小坑。 上面这个case就是Ts中使用对象字面量常常碰到的一个坑。同一个对象为什么通过第一种和第二种的方式调用会报错，通…

前面React已经实现了Function Component，这节主要实现Class Component。 Class Component比Function Component要复杂的多。Function Component仅仅需要实现render功能，而class Compo…

公司提供房补，三餐免费，偶尔小龙虾，大排，待遇不用说，大家都知道，主要是技术牛人多，技术氛围相当好，唯一要注意的就是自己的体重了，不过公司边上健身房游泳健身都免费，主要就看你自己了。

本章和下章主要讲解stack reconciliation的实现。 因为update操作涉及到旧组件实例的unmount，所以先介绍unmount的实现。 unmount的实现类似于mount，先卸载子组件后卸载父组件。前面我们在internal instance上已经存储了组…

上一篇讲到了如何通过webpack插件来实现文案的按页面和语言进行按需加载，如果页面仅仅通过客户端渲染，这种处理方式没有太大问题，然而当面临服务端渲染的时候，仍然会碰到这样那样的问题。 ReactDOM.render() 和 ReactDOM.unstable_renderIn…

项目重构中碰到了很多组件通信带来的问题，对组件通信进行总结。 兄弟组件通信(Demo3) ：在父组件维护state，兄弟组件接受props，兄弟组件修改父组件state。 全局事件通信(Demo4)：全局事件需要保证派发事件时，监听者必须存在，否则可能会导致监听不到事件的发生，…

逐步讲解react的实现。 一个DOM元素主要由三部分组成nodeType，props，和children组成，因此只需要提供{nodeType,props,children}既可以构建出想要的DOM元素。 hyperscript为了提供便利性提供了很多快捷操作，例如h('di…

今天公司小伙伴分享Typescript实践时，提到的一个小坑就是对象字面的赋值问题。本文结合规范谈谈关于fresh object literal type的小坑。 上面这个case就是Ts中使用对象字面量常常碰到的一个坑。同一个对象为什么通过第一种和第二种的方式调用会报错，通过…