william.chan's blog

done is better than perfect

NodeJS: 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

React: 生命周期方法

React中渲染过程的概览

生命周期方法 附属于React类组件的特殊方法，其在组件生命周期的特定时间点被执行。 1 2 3 4 5 6 7 componentWillMount() componentDidMount() componentWillReceiveProps() shouldComponentUpdate() componentWillUpdate() componentDidUpdate(...

Posted by chanweiyan on July 13, 2020

React: 前端报错 node-pre-gyp WARN Using request for node-pre-gyp https download解决方法

这是权限不够的问题，下载的时候加上 --unsafe-perm

前端报错 node-pre-gyp WARN Using request for node-pre-gyp https download解决方法 报错信息 执行 npm install 时报错 1 2 3 4 5 node-pre-gyp WARN Using request for node-pre-gyp https download node-pre-gyp WARN Pre...

Posted by chanweiyan on July 13, 2020

Node: npm 默认源切换

npx nrm ls

使用nrm工具切换淘宝源 npx nrm use taobao 切换回官方源 npx nrm use npm https://www.jianshu.com/p/bd9ffdf6c039

Posted by chanweiyan on July 13, 2020

React: 认识React

关于React的基本概念

React 是什么？ React是一个用来构建用户界面的库，它最初是由Facebook的工程师创建的。 React提供了一套基于组件的简单、灵活的API。 组件是React的基本单元，在React应用中被广泛使用。 React在程序和浏览器DOM之间实现了一个虚拟DOM层。 虚拟DOM使用快速比对算法对DOM进行高效更新。 虚拟DOM具有优秀的性能，但最大的好处是...

Posted by chanweiyan on July 11, 2020

React: 使用 react-router-dom 实现页面跳转

react router

HashRouter 1 2 3 4 5 6 7 8 9 10 11 import {HashRouter as Router} from 'react-router-dom'; ReactDOM.render( <Provider store={store}> <Router> <App /> </Router&...

Posted by chanweiyan on July 11, 2020

JavaScript: false value

js中布尔值为false的6种情况和js数据类型

布尔值为false的6种情况 下面6种值转化为布尔值时为false，其他转化都为true 1 2 3 4 5 6 0 //（数字0，字符串"0"布尔值为true） NaN //（无法计算结果时出现，表示"非数值"；但是typeof NaN==="number"） "" //（双引号）或''（单引号） （空字符串，中间有空格时也是true） fal...

Posted by chanweiyan on July 11, 2020

Redux 中几个常用方法

react + redux

Provider 容器组件 1 2 3 4 5 6 7 8 9 import { Provider } from 'react-redux'; // render ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementBy...

Posted by chanweiyan on July 11, 2020

FEATURED TAGS
Rails 1 NestJS 49 Javascript 15 React 12 Linux 11 NodeJS 9 CSS 6 Ruby 6 SQL 6 Docker 5 Shell 5 Redux 4 Gem 3 vscode 3 概念 2 Nginx 2 Redis 2 RxJS 2 vim 2 website 2 其他 1 安全 1 开发文档 1 技巧 1 算法 1 AOP 1 DNS 1 Git 1 Halo 1 Jekyll 1 Mac 1 OAuth 1 PostCSS 1 SSE 1 TypeORM 1 Typescript 1 Vite 1 Vue 1 css 1 geektime 1 git 1 pm2 1 webpack 1
ABOUT ME

任何时候你都可以选择

FRIENDS