因没法公开代码，并且是怀着mmp的心情写的，所以这篇文章比较适合作者自己看。 在其他项目狂轰乱炸的形势下，终于有时间接着总结一下 最近的机器学习部分的东西了。 目前开源的 机器学习库 最好的就是 TensorFlow了。 一头雾水的我，在自学了几天的python之后，查遍了目前市场上的几种开源机器人框架，动手搭建了几个demo，考虑到业务问题，还是觉的rasa比较合适。 虽然 botfront是一个基于rasa开发的开源的对话机器人平台，更适合新手直接搭建，但是其默认是有自己的一套默认的web样式和交互似乎不太适合…
本篇文章只是为了回答徒弟@河北小女孩 的一个问题，setState 是同步的还是异步的？ 翻阅了一下react-dom的源码外加上自己的经验，总结出以下两点： 同步代码下异步执行 异步代码下同步执行 同步代码下异步执行 在非事件回调和setTimeout下，比如react的生命周期中，setState 的代码是异步执行的。 constructor() { super(); this.state = { val: 0, }; } componentDidMount() { console.log(this.state…
起因 在项目开发过程中，遇到了一个具体的需求，需求要求点击 ant-d的tree组件节点的时候，单击触发一种效果，双击触发另一种效果。 因为antd 没此功能，所以需要自己去实现。 具体原理就是250毫秒内再次点击，则认定为双击，doubleClick。开发过程中遇到一个问题。 clickNode = e => { ... console.log(e.target); // 正常的target this.timeId = setTimeout(() => { console.log(e.target); // nu…
推荐阅读人群：@nginx零基础的小伙伴们。因为最近进行了一次内部分享，所以落实到笔上，记录一番。 nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. 如官网所说：nginx是一个HTTP和反向代理服务器、邮件代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Ig…
文章来源于我在组内给同事分享的 Immer 和 immutable 的使用和对比，总结一下。 两个库都是用来解决数据的Immutable 问题的。但是使用上有很大区别。 Shared mutable state is the root of all evil（共享的可变状态是万恶之源） Immutable 优点 Immutable 降低了 Mutable 带来的复杂度 可变（Mutable）数据耦合了 Time 和 Value 的概念，造成了数据很难被回溯。 节省内存 Immutable.js 使用了 Struct…
起因 因为部门前端系统越来越多，为了项目稳定运行、统计汇总、及时定位线上bug，急需前端埋点系统，并且对项目代码侵入性越小越好。所以急需一套react透明埋点方式。 组件写法 函数组件和类组件两种形式常用形式，还有就是createElement的写法，多用于写一些类库或者UI组件库使用。且前两种打包的时候也会转成后者。 侵入性最小且能在全局作用，只能从react入手了。劫持一波createElement。so，让我们先来撸一波源码。 ReactElement.createElement = function (ty…
context （上下文）个人理解就是当前环境 首先它是一个属性的有序序列， 并且可以驻留在环境里 有点像全局变量 存在于React 中 react 数据流 单项数据流 ，单纯在React 中 组件内 通过state交流。 父子组件通过props 传递 为了解决 层级传递的繁琐， 于是有了 context ， Context 旨在解决组件间的数据传递（Super-->Sub 间） 版本 情况 React 16.3 之前 只有 老版context API ，之后老版和新版（createContext）都有。共存…
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。 Webpack4升级 webpack4官方已经于近…