摘要: 假设我们有两个js文件: index.js和content.js,现在我们想要在index.js中使用content.js返回的结果 ES6的写法 ES6 module的其他高级用法 上面可以看出,export命令除了输出变量,还可以输出函数,甚至是类(react的模块基本都是输出类) 修改变量名 阅读全文
posted @ 2017-07-12 10:35 H5工程师 阅读(910) 评论(0) 推荐(0) 编辑
摘要: ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 ES6写法 反过来可以这样写 其实这里我们写习惯了还是可以省很多代码量的,比如从链接里取参数,从react的this.state中取属性 阅读全文
posted @ 2017-07-11 15:31 H5工程师 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 当我们要插入大段的html内容到文档中时,传统的写法非常麻烦, 使用大量的+ 号和字符串拼接 而使用ES6的新特性模板字符串``后,可以这样写 `aa${变量名}aaa` 用${}这种方式来引用变量 阅读全文
posted @ 2017-07-11 15:24 H5工程师 阅读(371) 评论(0) 推荐(0) 编辑
摘要: arrow function 箭头函数,应该是ES6语法中应用最多的地方长期以来 JavaScript语言的this对象一直是一个令人头痛的问题,在对象方法中使用this,必须小心 如setTimeout(function(){},1000) 里的function,这里想打印出this.type,却 阅读全文
posted @ 2017-07-11 15:14 H5工程师 阅读(176) 评论(0) 推荐(0) 编辑
摘要: class, extends, super 这三个特性涉及了ES5中最令人头疼的的几个部分:原型、构造函数,继承 ,由于博主是写react 的所以经常看到,但是刚开始的时候不太了解其中的工作原理 例如 class Animal { constructor(){ this.type = 'animal 阅读全文
posted @ 2017-07-11 15:00 H5工程师 阅读(1239) 评论(0) 推荐(0) 编辑
摘要: 博主为什么要在繁忙的业务中抽时间写这些最基本的笔记,就是想不断积累自己小的细节,让自己的开发更有效率,不能知其然不知所以然。 博主在实际开发中使用了react全家桶(框架)+typescript(预编译JS)+ES6(JS语法)+webpack(打包工具)+styledcomponent(css), 阅读全文
posted @ 2017-06-06 11:04 H5工程师 阅读(1369) 评论(0) 推荐(0) 编辑
摘要: 博主是mac开发,所以这里的webstorm快捷键只针对于mac电脑!!! 博主也是整理资料,为了提升自己的开发效率。 shift + Enter 软回车 ,无论在前一行代码的什么位置,都能定位到下一行. command + x 剪切鼠标当前选中的一整行 command + option + l 代 阅读全文
posted @ 2017-05-25 16:38 H5工程师 阅读(1566) 评论(0) 推荐(0) 编辑
摘要: 由于公司需要,在做项目的时候,涉及到上传头像的部分,在php中,上传图片是一种很简单的事情。但是需要实现仿QQ,新浪需要对图片截取图片,就不那么容易,我采取的是canvas获取getDataURL,然后将数据通过ajax发送到后台服务器并保存到数据库中再通过img的src属性进行读取数据库中的数据, 阅读全文
posted @ 2016-12-05 16:15 H5工程师 阅读(1673) 评论(1) 推荐(0) 编辑