william.chan's Blog

Node.js: nvm 和 npm 使用淘宝镜像

设置环境变量 NVM_NODEJS_ORG_MIRROR

nodejs和npm的仓库托管在S3上，在国内访问十分困难，这里可以用淘宝的镜像站npm.taobao.org代替。 nvm使用淘宝镜像很多人会使用nvm管理本地nodejs版本。而nvm支持通过环境变量指向nodejs和iojs的下载地址。 1 2 3 # vim ~/.zshrc export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.or...

Posted by chanweiyan on July 18, 2020

Mac: mac2015菜单栏不显示隔空播放

2016年之前推出的 MacBook Pro不支持

mac2015菜单栏不显示隔空播放 https://discussionschinese.apple.com/thread/251237371

Posted by chanweiyan on July 16, 2020

Redux: store.dispatch(getAllProducts());

问什么 getAllProducts() 返回一个函数而不是一个action？

问题 store.dispatch(getAllProducts()); 问什么 getAllProducts() 返回一个函数而不是一个action？什么是 thunk?! thunk 是一个包含表达式的函数，用于延缓表达式的执行。 1 2 3 4 5 6 7 8 // calculation of 1 + 2 is immediate // x === 3 let x = 1...

Posted by chanweiyan on July 15, 2020

React 组件生命周期流程图

创建-更新-卸载

组件生命周期流程图参考《React+Redux前端开发实战》ch02

Posted by chanweiyan on July 15, 2020

Linux: tree 命令

tree命令以树状图列出文件目录结构

tree命令显示当前文件夹的目录结构，这是一个非常有用的命令，可以帮我们迅速了解当前目录的结构。安装方法 brew install tree 常用参数 1 2 3 4 5 6 tree -aI "node_modules|.git" # -a 显示出隐藏文件 .gitignore tree -I "node_modules" # -I命令允许你使用正则匹配来排除掉你不想看到的文件夹...

Posted by chanweiyan on July 14, 2020

webpack 4.43.0: TypeError: CleanWebpackPlugin is not a constructor

new CleanWebpackPlugin() // 清除文件

TypeError: CleanWebpackPlugin is not a constructor 错误信息 1 2 3 4 5 6 7 8 /Users/chanweiyan/jd/react-redux/react-hello-world/webpack.config.js:36 new CleanWebpackPlugin(["dist"]) // 清除文件 ^...

Posted by chanweiyan on July 14, 2020

Git: .gitkeep

对于空目录的追踪我们可以用.gitkeep来做

简介本文主要介绍在git中, .gitkeep的作用。作用 git无法追踪一个空的文件夹，当用户需要追踪(track)一个空的文件夹的时候，按照惯例，大家会把一个称为.gitkeep的文件放在这些文件夹里。示例就个人而言，一般需要.gitkeep地方，是希望完成以下功能: 使git忽略一个文件夹下的所有文件，并保留该文件夹 # .gitignore # ignore ...

Posted by chanweiyan on July 14, 2020

Node.js: npm -D -S -g -i 以及安装技巧

npm i webpack webpack-cli -D

npm -D -S -g -i 以及安装技巧 1 2 3 4 -S：安装到上线环境 -D：安装到开发环境 -g：安装到全局 -i：install（等同）繁杂：npm install webpack 简洁：npm i webpack 重复性操作： npm i webpack npm i babel-core 简洁性操作： npm i webpack babel-core &...

Posted by chanweiyan on July 14, 2020

浏览器站内搜索技巧

可以叠加使用下面的搜索技巧来搜索需要的内容

你遇到的所有问题中有80%都可以通过搜索找到答案，剩下的20%只要 re-search 就能解决！示例 1 2 3 4 5 6 7 8 9 10 site:github.com react "周星驰和吴孟达" site:csdn.net +react site:csdn.net -react filetype:pdf rails intitle:react intext:React a...

Posted by chanweiyan on July 14, 2020

vscode: Warnning Incorrect type. Expected "String"

vscode json format

Cancelling vscode warnning Incorrect type. Expected "String" 1 2 3 4 5 6 // ~/Library/Application Support/Code/User/settings.json "json.schemas": [{ "fileMatch": ["**/*.json"], "url": "http: ...

Posted by chanweiyan on July 13, 2020

ABOUT ME

william.chan's blog

Node.js: nvm 和 npm 使用淘宝镜像

设置环境变量 NVM_NODEJS_ORG_MIRROR

Mac: mac2015菜单栏不显示隔空播放

2016年之前推出的 MacBook Pro不支持

Redux: store.dispatch(getAllProducts());

问什么 getAllProducts() 返回一个函数而不是一个action？

React 组件生命周期流程图

创建-更新-卸载

Linux: tree 命令

tree命令以树状图列出文件目录结构

webpack 4.43.0: TypeError: CleanWebpackPlugin is not a constructor

new CleanWebpackPlugin() // 清除文件

Git: .gitkeep

对于空目录的追踪我们可以用.gitkeep来做

Node.js: npm -D -S -g -i 以及安装技巧

npm i webpack webpack-cli -D

浏览器站内搜索技巧

可以叠加使用下面的搜索技巧来搜索需要的内容

vscode: Warnning Incorrect type. Expected "String"

vscode json format

FEATURED TAGS

FRIENDS