接到上峰（浩姐）指令，要搞一个人工智能机器人客服系统，让我先搞一个1.0版本出来用用，并且，不能占用工作日时间，我瞬间就￥%…………%￥%……。 本着我为公司，公司为我的精神，接下这个码无前例的任务。but，我对人工智能一点都不懂啊！！！那就先调研一波吧。 其实本质上就是想搞一个问答系统，并且能根据用户提问的方式，和本身内置的回答不断的学习、升级、进化……，就是所谓的机器学习。 要想建立问答，首先要先能理解用户的语言，这里我们就暂定汉语这一种语言，要做语言处理，也就是NLP（自然语言处理）。 汉语博大精深，算是NL…
起因 在项目开发过程中，遇到了一个具体的需求，需求要求点击 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官方已经于近…
常用的两种包管理工具： 1、yarn 2、npm（cnpm、公司内部源npm） 两种工具都使用过，但是一直没有总结过两者的异同，今天总结一下。 yarn 是Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，解决了npm的一些缺陷。 1、yarn 采用的是并行安装，npm 采用的是串行安装，所以yarn 的安装速度要比npm快。 2、安装版本统一 ：yarn.lock 文件和 pageage-lock.json 文件。 npm 和 Yarn 都是通过 packa…
在网上发现了一片文章，比较全面的分析了一下JavaScript的执行机制，分析的很不错。外加自己的理解和经验分析整理一下。 首先我们要知道两点： JavaScript是单线程的语言 Event Loop是javascript的执行机制 1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎！ 2.jav…