本文是对本周学习以及简书文章进行的合并总结。昨日未来得及更新,今日补上。
12月17日 周一
请假休息睡懒觉。
12月18日 周二 羞答答的玫瑰静悄悄的开--ES6之Set和Map数据结构
本文是在学习阮一峰的ES6语法的时候,对ES6新增数据结构
Set
和Map
进行的一个学习。
首先Set
它类似于数组,但是成员的值都是唯一的,通过Set
我们了解了一种新的去除数组重复成员的方法:[...new Set(array)]
,Set
具有Set函数和Set实例的成员总数两个属性、还有add(value)
、delete(value)
、has(value)
、clear()
四个属性以及Set的四个遍历方法:
-keys():返回键名的遍历器
-values():返回键值的遍历器
-entries():返回键值对的遍历器
-forEach():使用回调函数遍历每个成员
WeakSet
结构与 Set 类似,也是不重复的值的集合。但是,它与 Set 有两个区别。首先,WeakSet 的成员只能是对象,而不能是其他类型的值。WeakSet 没有size属性,没有办法遍历它的成员。
Map
:为了解决传统只能用字符串当作键的问题,ES6提供了 Map 数据结构.它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。不仅仅是数组,任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构)都可以当作Map构造函数的参数。实例属性和操作方法参照源文章。
12月19日 周三 千呼万唤始出来-ES6的let和const命令
ES6最基础的const与let语法,主要是一个块级作用域以及它解决的一些问题。
ES5 只有两种声明变量的方法:var命令和function命令。ES6 除了添加let和const命令,还有另外两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6 种声明变量的方法。
并且总结了顶层对象与global对象的相关知识。
12月20日 周四 九阴真经---变量的解构赋值 与小巧玲珑-ES6之字符串的扩展
解构赋值的应用广泛且实用性较强,会让我们在处理业务代码以及阅读他人代码时起到事半功倍的效果。
本文主要从数组的解构赋值、对象的解构赋值、字符串的解构赋值以及圆括号问题进行学习。
字符串的扩展简单的总结了几个字符串的方法:字符串的包含、字符串的重复、字符串的补全、模拟字符串等使用简单的小方法。
12月21日 周五 类似与无双的电影都有哪些
周五是美好的,晚上回来看了下《无双》,且在看完这部电影后,想到之前看过的与之有些相似的电影,做了一下推荐,并同步发布到了微博,微博的阅读量真是一个大啊,看来技术外且不超纲的文章在微博上的传播还是比较广的。
12月22日 周六 杨幂刘恺威好样的
周六去了石家庄,突然想到朱镕基总理,于是想凑着明星离婚的热度誊抄些数据、总结文章能把前总理的一些政治主张进行一些宣扬,无奈夭折,阅读惨淡。
12月23日 周日 优化首屏体验——Lazy-Load 初探
晚上从庄回来赶得急,加上有些劳累,捡着誊抄了一篇文章,今天简单动手实践了一下这个关于图片的懒加载。
代码原文奉上且极简,另外补充一个在平时没使用过得一个js方法:getBoundingClientRect()方法,它有六个属性,在scroll事件时使用非常简便。
网友评论