tfcijn-优快云博客

原创 export; import; export default;

es6阮一峰：http://es6.ruanyifeng.com/#docs/module学习笔记：export: eg: 对外输出三个变量：profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;var firstName = 'Michae...

2018-04-02 22:08:05 265

原创 github上下载项目

新建一个文件夹eg：reduxTools右键 Git Bash Heregit init//初始化仓库git clone +地址; eg: git clone https://github.com/gaearon/redux-devtools.git 之后就可以看到项目被克隆到本地了...

2018-04-02 07:29:33 594

作用：可以检视 React 组件的树形结构下载地址：https://www.crx4chrome.com/down/62541/crx/会下载一个名为fmkadmapgofadopljbjfkapdkoienihi-2.5.1-Crx4Chrome.com.crx的文件，即是react developer tools2.5.1版本。安装步骤：点击右边的三个点点击更多工具点击扩展程序将扩展包拖入页面...

2018-04-01 19:58:44 4604

原创 less语法（二）

Parent Selectorseg:.button { &-ok { background-image: url("ok.png"); } &-cancel { background-image: url("cancel.png"); } &-custom { background-image: url("custom.png...

2018-04-01 18:43:33 215

原创 less语法(一)

做加法@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue;}*上述例子中@表示变量类似于js中的var.结果：#header { color: #6c94be;}Mixins可以提取公用的属性。复用不一定非要使用类名。也可以使用id名例如：#bordered.border...

2018-03-31 22:48:29 245

原创 less安装

使用webpack安装less解析.less扩展文件npm install --save-dev less-loader less在webpack.config.js中的配置：module: { rules: [ { test: /\.less$/, use: [{ loader: "style...

2018-03-31 21:54:28 706

原创 git过滤某些不需要上传的文件 .gitignore.

在项目中新建一个.gitignore. 文件注意是两个点前面一个后面一个下面我们看看常用的规则：/abc/ 过滤整个文件夹*.zip 过滤所有.zip文件/abc/aa.txt 过滤某个具体文件...

2018-03-28 22:18:06 2104 2

原创 redux学习心得（一）

Redux 三个基本原则：唯一数据源保持状态只读数据改变只能通过纯函数完成唯一数据源应用的状态数据应该只存储在唯一的一个Store上。保持状态只读就是说不能直接去修改状态，要修改Store状态，必须要派发一个action对象完成。数据改变只能通过纯函数完成在Redux中，每个reducer的函数签名如下： reducer(state,action) 第一个参数是...

2018-03-28 07:52:37 263

原创 webpack 热替换

首先安装 npm install --save-dev webpack-dev-server在webpack.config.js中引入const webpack = require('webpack'); 增加 plugins new webpack.HotModuleReplacementPlugin()，devServer中增加hot:trueplugins: [ // new Cle...

2018-03-27 22:55:59 484

原创 es6剩余参数

剩余参数（rest parameter ）由三个点（ ... ）与一个紧跟着的具名参数指定，它会是包含传递给函数的其余参数的一个数组.剩余参数的限制条件:剩余参数受到两点限制。第一是函数只能有一个剩余参数，并且它必须被放在最后。例如，如下代码是无法工作的：// 语法错误：不能在剩余参数后使用具名参数function pick(object, ...keys, last) { let resu...

2018-03-27 22:03:55 458

tfcijn的博客