billfeller
billfeller
#### 1. 介绍 #### 2. 应用场景 #### 3. 详细配置 #### 4. 参考阅读 https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases https://github.com/Microsoft/TypeScript/wiki/JavaScript-Language-Service-in-Visual-Studio
 各生命周期过程简要说明： 1. **constructor()** React组件的构造函数将会在装配之前被调用。 2. **static getDerivedStateFromProps()** 组件实例化后和接受新属性时将会调用getDerivedStateFromProps。它应该返回一个对象来更新状态，或者返回null来表明新属性不需要更新任何状态。 **调用this.setState() 通常不会触发 getDerivedStateFromProps()。** 3. **UNSAFE_componentWillMount()** UNSAFE_componentWillMount()在装配发生前被立刻调用。其在render()之前被调用，因此在这方法里同步地设置状态将不会触发重渲。 **这是唯一的会在服务端渲染调起的生命周期钩子函数。** **注意：**这一生命周期之前叫做componentWillMount。这一名字在17版前都有效。 4. **render()** render()函数应该纯净，意味着其不应该改变组件的状态，其每次调用都应返回相同的结果，同时不直接和浏览器交互。若需要和浏览器交互，将任务放在componentDidMount()阶段或其他的生命周期方法。保持render() 方法纯净使得组件更容易思考。 **注意：**若 shouldComponentUpdate() 返回false，render()函数将不会被调用。 5. **componentDidMount()** componentDidMount()在组件被装配后立即调用。初始化使得DOM节点应该进行到这里。若你需要从远端加载数据，这是一个适合实现网络请求的地方。在该方法里设置状态将会触发重渲。 6. **UNSAFE_componentWillReceiveProps()**...
1. Redux-Saga 是什么 2. 为什么选择 Redux-Saga 3. 源码分析 4. 推荐阅读 https://engineering.universe.com/what-is-redux-saga-c1252fc2f4d1
### 1. Headless Chromium 是什么 Headless Chromium 是一种在无头环境下运行Chrome浏览器的方式，通过它建Chromium、Blink渲染引擎提供的现代Web平台功能带入命令行、服务端渲染环境。随着Google在Chrome 59版本放出了headless模式，Ariya Hidayat决定放弃对Phantom.js的维护，这也标示着Phantom.js 统治fully functional headless browser的时代将被chrome-headless代替。 Headless Chrome 较 Phantom.js 优势在于 1. Google Chrome团队维护项目，那么就意味不会出现phantomjs近2k问题没人维护的尴尬局面。 2. 支持更快更好的性能，更少的内存占用； 3. 支持ES6+等现代前端特性； 4. 支持 Chrome Remote...
TODO: 文章 ### DefinePlugin 原理 https://webpack.js.org/plugins/define-plugin/ ### DefinePlugin 用法 ### DefinePlugin 源码解读 https://github.com/webpack/webpack/blob/master/lib/DefinePlugin.js?source=cc ### EnvironmentPlugin 原理 https://webpack.js.org/plugins/environment-plugin/ ### EnvironmentPlugin 用法 ### EnvironmentPlugin 源码解读 https://github.com/webpack/webpack/blob/master/lib/EnvironmentPlugin.js
https://github.com/antvis/g6/issues/135
CSS Modules are a means to achieve locally scoped CSS class names. TODO: 翻译文章：https://www.javascriptstuff.com/css-modules-by-example/
```javascript const a = null; // a 变量申明为一个常量，无法重新赋值； try { a = 1; } catch(e) { console.log(e.message); } if (1) { // b 声明在一个块级作用域中，在其他作用域中调用会报错 const b = 2; } try...
需要实现组件配置CRUD操作页面，可视化编辑表单（JSONSchema协议），支持根据元数据配置实时预览组件功能