YOU'VE MADE A BRAVE DECISION, WELCOME.

每一个不曾起舞的日子都是对生命的辜负。

antd图标默认托管在http://iconfont.cn/, 默认公网可访问。如需本地部署,可参考示例。 以上是antd官网推荐方法,但亲测后发现有坑,打包后字体图标文件并没有成功打包。 经过一番尝试,得出以下解决方案: antd主题配置12'@icon-url': `"${path.relative('./~/antd/lib/style/*', './res/iconfont/iconfont')}"` 此

Read More...


项目地址:https://github.com/labnize/vue-vuex-router-element-webpack 安装eslint-plugin-vue1npm install --save-dev eslint [email protected] 亲测[email protected]版本存在问题,所以此处选择3.12版本。 注意:eslint-plugin-vue要求ESlint >=3.18

Read More...


CommonsChunkPlugin用于抽取公共代码,比如:第三方类库或框架,以及多个入口的公共模块,公共部分会被缓存,所有应用都可以利用缓存内容从而提高性能。 下面通过具体来实现公共代码的提取,并且将公共的第三方库和公共的业务模块分开打包。项目地址:https://github.com/labnize/react-webpack3 1.多页应用例子目录结构如下: ​ entry配置如下: 此处有两个入口 app、a

Read More...


1. 通过javascript引入图片12345//ES2016import imgUrl from 'path/to/xxxx.png';//CommonJSvar imgUrl = require('path/to/xxxx.png'); js: 12imgTempl = '<img src="'+imgUrl+'" />';document.body.innerHTML = imgTempl; react 123ren

Read More...


1. Mobx追踪属性访问,而不是值。也就是说,当对observable中的属性进行拷贝后,如果再来改变这个值,Mobx是不会作出反应的(即不会重新进行render)。下面代码不会重新render。 ​ 需要对对象进行拷贝,才会重新render,如下: ​ 考虑到减少render次数,提升性能,当observable中的list和total都需要改变时,只让页面render一次。代码如下:

Read More...


1. 配置命令行选项1webpack --progress ​ 2. ProgressPlugin插件123new webpack.ProgressPlugin(function handler(percentage, msg) { console.log((percentage.toFixed(2) * 100) + '%', msg);}) ​ 3. progress-b

Read More...


Auto Close Tag,用于html标签自动闭合 Auto Rename Tag,修改HTML标签时,自动修改匹配的标签 Eslint,Eslint插件,高亮提示。在settings.json中将”eslint.autoFixOnSave”: true, 保存时会自动修复eslint错误 HTML CSS Support,css提示 HTML Snippets,这款插件包含html标签,非常全,很实用 JavaScript (ES

Read More...


Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有的环境执行。这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。 一、babel-loader安装使用1npm install babel-loader babel-core babel-preset-env webpack --save-dev or 1yarn add babel-loader babel-core babel-prese

Read More...


只整理了本人常用的几个键,全量下载地址 keyboard shortcuts for mac ⌘+click : Insert cursor ⌥↓ / ⌥↑ : Move line down/up ⇧⌥↓ / ⇧⌥↑ : Copy line down/up ⇧⌘K : Delete line ⌘↑ / ⌘↓ : Go to beginning/end of file ⌘← / ⌘→ : Go to beginning/end of li

Read More...


eslint配置

安装、配置1$ npm install eslint --save-dev 在项目根目录下新建.eslintrc进行配置 可参考 https://github.com/eslint/eslint http://eslint.cn/docs/user-guide/configuring 规则rules可以到Llist of available rules 进行查询。 规则的错误等级有三种: “off” 或者 0:关闭规则。 “warn

Read More...


虽然还没想好写点什么,但是总觉得这里放句话比较和谐。