最近想折腾下家里的 NAS,想把它变成一个开发机。在开发机上运行服务,首先想到的就是使用 Docker。Docker 的优点有一大堆,我看中的就是隔离性,一致性和快速部署。
手动下载 Chrome,解决 puppeteer 无法使用问题
因为网络原因,国内安装 puppeteer
的时候会报网络超时。这里使用 puppeteer-core
之后使用手动下载的 Chrome
进行操作。思路很简单,安装一个不带浏览器的 puppeteer
,再使用的时候将浏览器地址指向一个可执行的 Chrome
浏览器文件。
使用webpack搭建基于typescript的node开发环境
正在学习node.js,这里介绍使用webpack来搭建基于typescript的node开发环境。
javascript继承方式对比
本文对比三种常用的js继承方式。组合式继承、原型式继承和ES6中class的extends
。对比方式简单粗暴,写出这几种继承,之后看继承后的类的实例。
使用draft.js开发富文本编辑器
Draft.js是Facebook开源的开发React富文本编辑器开发框架。和其它富文本编辑器不同,draft.js并不是一个开箱即用的富文本编辑器,而是一个提供了一系列开发富文本编辑器的工具。本文通过开发一些简单的富文本编辑器,来介绍draft.js提供的各种能力。
开发webpack mock server插件
对于前后端开发的项目,大部分的情况是先约定好接口格式,前端使用本地mock数据进行开发,开发后使用后端接口联调。webpack-dev-server提供了proxy配置,我们可以在开发中将接口代理到本地服务。mock数据使用json文件能最方便的进行开发,然而在webpack-dev-server 1.6以后的版本并不支持将接口代理到json文件。webpack-dev-server的proxy使用的是http-proxy-middleware,这个issue说明了原因。
所以在开发过程中我们需要搭建服务器,来将接口指向json文件。我开发了一个webpack插件,是起一个express服务来serve这些接口,并根据配置指向相应的json文件。
本文介绍插件开发细节,算是开发文档。如果只是想使用插件的话可以查看readme。