前端系列——React开发必不可少的eslint配置

2018-01-31
阅读 4 分钟
15.4k
下面的配置涵盖了开发者所需要的绝大部分信息,rules中的值0、1、2分别表示不开启检查、警告、错误。你可以看到下面有些是0,如果有需要开启检查,可以自己修改为1或者2。

前端系列——小程序开发记录片

2018-01-30
阅读 2 分钟
4.2k
概要 由于公司的业务需求,本想年底偷个懒,但是开发小程序的任务袭来。 第一次开发这玩意,记录一些需要注意的点,以后再次开发时可以快速解决。 如果你是新手,推荐你先看官方文档,如果你在开发小程序过程中遇到一些不懂的地方,可以看看这篇文章会不会给你启发。 小程序里面的很多写法,和vue非常像,如果你是vue开...

React系列——websocket群聊系统在react的实现

2017-12-13
阅读 3 分钟
16.8k
下面这个动态图展示的聊天系统是用react+express+websocket搭建的,很模糊吧,要得就是这样的效果,我自己开了2个窗口,创建2个用户自问自答。没有什么高深的技术,对于很多想接触websocket的前端工程师来说,不擅长后端的websocket代码可能是硬伤。

前端系列——与众不同的移动端底部固定栏 fixed、absolute 兼容 iOS 和 Android 方案

2017-12-06
阅读 5 分钟
9.4k
做过移动端开发的同学,对底部DOM定位出现的各种奇葩情况已经深恶痛绝了吧,底部DOM设置不同的position,在Android和ios上表现都不一样。

正则系列——JavaScript正则表达式基础语法巩固篇

2017-09-17
阅读 3 分钟
2.8k
这一章内容偏向理论,推荐你点击开头的链接前往前2章节学习一下入门技巧,然后再看这一章内容,就不会那么迷茫了。我一向相信工程师要先学会做事,才能学懂理论,先学理论,再学做事的通常是纸上谈兵,一遇到实战就懵逼。

正则系列——正则虐我千百遍,我要反抗了

2017-09-15
阅读 4 分钟
6.9k
如果你正则基础为0,请先看第一篇文章:JavaScript正则表达式入门心得 实战篇 上一章我分享了正则入门的一些体会以及注意事项。这一章开始挑一些常用的比较复杂一点的需求来练习一下。 场景1:验证email是否合法 邮箱种类太多太多,什么net后缀,特殊的我们不做处理,下面我找了常用的一些邮箱: {代码...} 1、分析规则 ...

正则系列——JavaScript正则表达式入门心得

2017-09-15
阅读 5 分钟
4.3k
在我刚开始学习编程的时候,就听过正则了,也听说正则很牛逼,懂正则的更牛逼。但是苦于没有人指点,也没有使用正则的场景,自己看教程又懵逼,直到现在,才发现了入门的诀窍。

《深入理解ES6》笔记—— 改进数组的功能(10)

2017-07-30
阅读 3 分钟
3.4k
ES5中new一个人数组的时候,会存在一个令人困惑的情况。当new一个数字的时候,生成的是一个长度为该数字的数组,当new一个字符串的时候,生成的是该字符串为元素的数组。

《深入理解ES6》笔记——迭代器(Iterator)和生成器(Generator)(8)

2017-07-26
阅读 6 分钟
3.5k
迭代器(Iterator) ES5实现迭代器 迭代器是什么?遇到这种新的概念,莫慌张。 迭代器是一种特殊对象,每一个迭代器对象都有一个next(),该方法返回一个对象,包括value和done属性。 ES5实现迭代器的代码如下: {代码...} 生成器(Generator) 生成器是函数:用来返回迭代器。 这个概念有2个关键点,一个是函数、一个是...

《深入理解ES6》笔记——Set集合与Map集合(7)

2017-07-23
阅读 5 分钟
5.9k
Map和Set都叫做集合,但是他们也有所不同。Set常被用来检查对象中是否存在某个键名,Map集合常被用来获取已存的信息。 Set Set是有序列表,含有相互独立的非重复值。 创建Set 既然我们现在不知道Set长什么样,有什么价值,那么何不创建一个Set集合看看呢? 创建一个Set集合,你可以这样做: {代码...} 看起来像个对象,...

《深入理解ES6》笔记——Symbol和Symbol属性(6)

2017-07-18
阅读 3 分钟
8.1k
在ES5的时代,对象的key只能是字符串String类型。有人就想搞事,把key改成其他数据类型,这不是瞎折腾吗?ES组织的大神们为了对付这类搞事的人,就指定了一个新的数据类型:Symbol。

《深入理解ES6》笔记——解构:使数据访问更便捷(5)

2017-07-18
阅读 3 分钟
3.3k
解构,一种黑魔法 解构是从对象中提取出更小元素的过程。赋值是对解构出来的元素进行重新赋值。 下面的代码你可能无法在浏览器上实时测试,推荐在babel官网在线测试代码:在线测试ES6代码网址 解构的分类 1、对象解构 2、数组解构 3、混合解构 4、解构参数 对象解构 对象解构简单的例子 {代码...} 在函数中使用解构赋值 ...

《深入理解ES6》笔记——扩展对象的功能性(4)

2017-07-17
阅读 3 分钟
3.6k
变量功能被加强了、函数功能被加强了,那么作为JavaScript中最普遍的对象,不加强对得起观众吗? 对象类别 在ES6中,对象分为下面几种叫法。(不需要知道概念) 1、普通对象 2、特异对象 3、标准对象 4、内建对象 对象字面量语法拓展 随便打开一个js文件,对象都无处不在,看一个简单的对象。 {代码...} ES6针对对象的语...

《深入理解ES6》笔记——函数(3)

2017-07-17
阅读 4 分钟
4k
说到JavaScript函数,脑子里都是匿名函数、普通函数、闭包函数、构造函数......然后还能说出一大堆函数的概念。如果你达到这个水平,那么函数对你来说没有难度,是一个前端老鸟了。

《深入理解ES6》笔记——字符串和正则表达式(2)

2017-07-16
阅读 3 分钟
4.2k
字符串(String)是JavaScript6大原始数据类型。其他几个分别是Boolean、Null、Undefined、Number、Symbol(es6新增)。

《深入理解ES6》笔记——块级作用域绑定(1)

2017-07-15
阅读 3 分钟
4.8k
JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting)

《深入理解ES6》笔记——导读

2017-07-15
阅读 1 分钟
11.4k
最近买了《深入理解ES6》的书籍来看,为什么学习ES6这么久还要买这本书呢?主要是看到Daniel Abramove(react核心团队成员及redux的创造者)为本书做了序,作为一个react粉丝,还是挺看好这本书能给我带来一个新的升华,而且本书的作者也非常厉害。