更便捷的css处理方式 PostCSS 一般来说介绍一个东西都是要从是什么,怎么用的顺序来讲。我感觉这样很容易让大家失去兴趣,先看一下postcss能做点什么,有兴趣的话再往下看,否则可能没有耐心看下去。让我们开始吧 postcss能做什么 补全css属性浏览器前缀 手写的代码可以是这样的: pos ...
分类:
Web程序 时间:
2017-12-22 23:51:48
阅读次数:
565
安装babel的拓展包(Polyfill) ,对Generator的转义 这是一个补完babel支持es6的拓展包,配置步骤为3个: 1. 打开命令行键入 安装polyfill 2. 在webpack.config.js中最上面写上 3. 在自己的项目js文件中最开头写上 ; 一、基本形式 输出结果 ...
分类:
其他好文 时间:
2017-12-21 19:31:30
阅读次数:
109
es是js的规范,而js是具体实现 将es6转化为es5代码工具:运用的多的是babel 在线转换地址:babel,traceur(属于谷歌) 1.let申明变量:let其实可以完全取代var,并且没有var这么多副作用 1 { 2 var a = 10; 3 let b = 10;//let申明的 ...
分类:
其他好文 时间:
2017-12-21 17:22:40
阅读次数:
128
1.cnpm安装 cnpm i babel-polyfill --save cnpm i es6-promise --save 2.main.js引入 import ‘babel-polyfill‘ import Es6Promise from ‘es6-promise‘ Es6Promise.po... ...
分类:
移动开发 时间:
2017-12-21 11:47:09
阅读次数:
227
使用 vue-cli 搭建的项目,PC上火狐和谷歌浏览器打开正常,使用浏览器开发者工具模拟移动端浏览也正常,OPPO 坚果 真机浏览也正常,但老的华为手机和荣耀手机打开是白屏。 在网上查询一段时间后,使用 babel-polyfill 对ES6语法转成ES5语法,打包后上线问题依旧 最后使用排除法定 ...
分类:
移动开发 时间:
2017-12-19 01:10:21
阅读次数:
304
平时开发过程中,积累了不少的经验和技巧都应用到项目中,而下次用到的时候却又开始到处翻。 有时也想自己搭建个类库或工具包什么的来积累自己的经验技巧,又没有专门的时间去搭建各种 环境,像rollup或者webpack这样的打包工具、ES6转码工具Babel、Eslint、Jest测试工具等等。 这里就特 ...
分类:
编程语言 时间:
2017-12-14 15:47:05
阅读次数:
317
这个文章用在什么地方,我先说一下,上周啊,我接到一个任务。因为公司业务要对接不同的银行,例如在工行下颜色是红色的,在其他银行下默认为蓝色,所以在页面一致的情况下,保证页面中的按钮和ICON是可以配置的,这样秩序改动一个值【颜色或路径】,就能正常全部适配好了,其实这个业务很简单: **第一种方案:我们 ...
分类:
Web程序 时间:
2017-12-14 12:04:11
阅读次数:
279
webpack.config.js package.json ...
分类:
Web程序 时间:
2017-12-14 03:57:09
阅读次数:
269
? demo代码: <scripttype="text/babel"> var HelloComponent=React.createClass({ render:function(){ return <h1>Hello World</h1>} }); ReactDOM.render( <Hello ...
分类:
Web程序 时间:
2017-12-13 23:59:53
阅读次数:
412
jsx语法 React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。 JSX是什么 JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇 ...
分类:
Web程序 时间:
2017-12-11 16:13:54
阅读次数:
553