《现代前端技术解析》读书笔记 发表于 2019-04-20 | 分类于 读书笔记 这本书并没有讲太多的深层次的技术,讲的都是一些原理与思路,非常适合想要从宏观上了解前端的读者。本笔记按照里面的章节记录一些书中有意思的部分。 Web前端技术基础前端开发模式的演变:静态黄页、服务器组装动态网页数据、后端为主的MVC、前后端分离、纯前端MV*为主与中间层直出、前端Virtual D ... 阅读全文 »
bind、call、apply的实现 发表于 2019-04-18 | 分类于 JavaScript bind、call、apply是JavaScript中Function.prototype非常重要的三个方法,他们的作用是改变this的指向。三者的区别是: bind返回一个函数,该函数改变了this的指向。call直接调用函数,也可以传递参数用逗号隔开。apply直接调用函数,也可以传递参数使用 ... 阅读全文 »
generator处理异步操作 发表于 2019-04-14 | 分类于 JavaScript generator是ES6新的语法,我们先简单的回顾一下他的使用: generator基本用法123456789101112function * genFn() { yield 'aaa'; yield 'bbb'; return ' ... 阅读全文 »
JavaScript中的正则表达式 发表于 2019-04-13 | 分类于 JavaScript 正则表达式(Regular Expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串,将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。 创建正则对象 语法模拟1var regExp = /\d/gi; new创建1var regExp = new Reg ... 阅读全文 »
《高性能网站建设指南》读书笔记 发表于 2019-04-13 | 分类于 读书笔记 这本书是很久之前买的,今天回顾了一下,顺便记录一下笔记。本书的副标题是“前端工程师技能精髓”可见这本书的牛逼之处。这本书也很薄,只有147页,但是每一章都是精髓。由于这本书每章提出了一个性能优化的方法,我们也就按照每张的具体内容给出吧。 减少HTTP请求 性能黄金法则:只有10%20%的最终用户 ... 阅读全文 »
快速排序 发表于 2019-04-10 | 分类于 算法 快速排序是最效率极高的一种排序方法,正因为它效率高,所以也受到了面试官的青睐,同样成了程序员必会的内容。O(∩_∩)O哈哈~ 它的思想是选一个基准,然后把小于基准的值放在左边,大于基准的值放在右边(假设从小到大排序)。然后分别递归左边和右边的部分,当所有的递归完毕后就是已经排好序的结果了。 市面上流 ... 阅读全文 »
冒泡排序 发表于 2019-04-10 | 分类于 算法 冒泡排序是最简单的一种排序方法,正因为它很简单,所以受到了面试官的青睐,成了程序员必会的内容。 它的思想是通过两次循环,如果前一个比后一个小的时候那么两者互换位置(假设是从小到大排序)。就这样大的数就会像水中的气泡一样从前面逐渐走到后面,这也正式名字的由来。 这里给出冒泡排序的实现,里面使用了fla ... 阅读全文 »
防抖与节流 发表于 2019-04-09 | 分类于 JavaScript 防抖 防抖:多次触发某个函数,以最后一次函数的执行为准。 也就是说给定了一个时间n,如果在n毫秒内重复执行某个函数那么将不会执行,如果n毫秒内不再触发这个函数,那么将执行该函数。表现的效果是如果一直触发函数,那么只有最后一次才会执行。 简单实现: 12345678910111213function ... 阅读全文 »
JavaScript易错点(长期更新) 发表于 2019-04-08 | 分类于 JavaScript 下面输出的是什么12345678function F (){};F.prototype = null;var o1 = new F();console.log(F.prototype);console.log(o1.__proto__);var o2 = Object.creat ... 阅读全文 »
CSS3卡片光照效果 发表于 2019-03-25 | 分类于 CSS 我们今天要使用CSS3实现下面这样的卡片光照效果: 实现首先给出HTML结构: 1<div class="hover-light">卡片光照效果</div> 然后给出初始的CSS结构: 12345678910.hover-light{ ... 阅读全文 »