william.chan's blog

done is better than perfect

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

React: mapStateToProps

https://react-redux.js.org

mapStateToProps 1 2 3 4 5 const mapStateToProps = (state /*, ownProps*/) => { return { counter: state.counter } } 参考链接 https://react-redux.js.org/introduction/basic-tutorial

Posted by chanweiyan on July 11, 2020

React: reducer visibilityFilter returned undefined

Error: Given action SET_VISIBILITY_FILTER, reducer visibilityFilter returned undefined.

报错信息 Error: Given action “SET_VISIBILITY_FILTER”, reducer “visibilityFilter” returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hol...

Posted by chanweiyan on July 11, 2020

CSS: 手动清除浮动 float

clear: both

css 中的浮动现象 手动清除浮动 1 2 3 4 5 .clear:after { content: '', display: block, clear: both } 参考链接 CSS 浮动

Posted by chanweiyan on July 9, 2020

记录读过的博客文章

说明一个概念或者解决了一个问题

分类： 理解计算机 回车和换行 字符编码笔记：ASCII，Unicode 和 UTF-8 容错，高可用和灾备 关于计算机科学的50个误解 关于Unix哲学

Posted by chanweiyan on July 9, 2020

Linux: sudo ls /root

谁可以使用 允许使用的主机=（以谁的身份） 可执行命令的列表

sudo命令用于给普通用户提供额外的权限来完成原本root管理员才能完成的任务，格式为“sudo [参数] 命令名称”。 总结来说，sudo命令具有如下功能： 限制用户执行指定的命令： 记录用户执行的每一条命令； 配置文件（/etc/sudoers）提供集中的用户管理、权限与主机等参数； 验证密码的后5分钟内（默认值）无须再让用户再次验证密码。 1 2 3 4 5 [...

Posted by chanweiyan on July 7, 2020

Linux: su命令与用户名之间的减号`-`

su - linuxprobe 这意味着完全切换到新的用户

su命令可以解决切换用户身份的需求，使得当前用户在不退出登录的情况下，顺畅地切换到其他用户，比如从root管理员切换至普通用户： 1 2 3 4 5 6 [root@linuxprobe ~]# id uid=0(root) gid=0(root) groups=0(root) [root@linuxprobe ~]# su - linuxprobe Last login: Wed Jan...

Posted by chanweiyan on July 7, 2020

FEATURED TAGS
Rails 1 JavaScript 14 Linux 11 React 11 Ruby 6 CSS 5 Shell 5 Node.js 4 Redux 4 Gem 3 vscode 2 其他 1 开发文档 1 技巧 1 概念 1 Git 1 Halo 1 Jekyll 1 Mac 1 MySQL 1 Vue 1 css 1 frontend 1 geektime 1 git 1 webpack 1
ABOUT ME

任何时候你都可以选择

FRIENDS