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{ ... 阅读全文 »
CSS3实现彩色炫酷文字 发表于 2019-03-19 | 分类于 CSS 我们今天要使用CSS3实现下面这样的酷酷的效果: 要实现这样的效果只需要三步: 设置渐变背景色; 按照文字拆分背景; 去掉文字本身的颜色; 设置动画。 我们也按照这个步骤一步一步的写出样式,首先给出HTML结构: 1<div class="color-text"&g ... 阅读全文 »
如何判断一个对象是不是数组 发表于 2019-03-17 | 分类于 JavaScript 使用instanceof 1234// 如果返回true那么说明就是数组if (value instanceof Array){} 使用Object.prototype.toString 1234// 由于数组重写了toString方法,我们可以使用Object.proto ... 阅读全文 »
《JavaScript函数式编程指南》读书笔记 发表于 2019-03-10 | 分类于 读书笔记 老规矩,这篇文章记录书中的重点部分,外加自己的见解,不会对全书进行复述,但记录的绝对是最重要的部分,想要了解跟多内容请看原版图书。 函数式编程的目标:使用函数来抽象作用在数据之上的控制流与操作,从而在系统中消除副作用并减少对状态的改变。 纯函数所具有的性质: 仅取决于提供的输入,而不依赖于任何 ... 阅读全文 »
《JavaScript数据结构与算法》读书笔记 发表于 2019-03-10 | 分类于 读书笔记 这本书让我回顾了一遍大学时候学的数据结构。数据结构和算法是程序员最喜欢也是最痛苦的部分,这本书很轻松的描述了这部分东西,是一本很不错的书。这篇文章记录书中的重点部分,并不会对书中所有的内容都复述一遍,如果希望了解更多的内容可以去看看这本书。由于ES5和ES6思想基本上是相同的,这里只记录ES6的实现 ... 阅读全文 »
ES5中的继承 发表于 2019-03-04 | 分类于 JavaScript 面向对象的三大特性是:封装、继承、多态。其中继承是最难理解的,也是最重要的部分。JS中本身没有专门继承的语法,它是使用各种代码的模拟来实现的。即使ES6有了正真的继承语法,其本质也是ES5中继承的语法糖。目前ES5继承最被人津津乐道的就是尼古拉斯的著名书籍《JavaScript高级程序设计》中记录的 ... 阅读全文 »
ES5面向对象基础 发表于 2019-03-03 | 分类于 JavaScript 面向对象的知识时JS中的一个比较重要的概念,我们今天学习一下ES5面向对象的基础内容。 一、 创建对象 工厂模式 12345678910function createPerson(name){ var o = new Object(); o.name = name; o. ... 阅读全文 »
JS中属性描述符 发表于 2019-03-03 | 分类于 JavaScript 属性描述符属性描述符是ES5中的一个重要的概念。它可以对对象做一些特定的高级操作,今天我们就学习一下ES5中的属性描述符。ES5中的属性描述符是由Object类的一个静态方法defineProperty来设置的,该方法接收三个参数,分别是:属性操作的对象、属性名和一个属性描述符的对象。我们来看一个简 ... 阅读全文 »
this到底是什么? 发表于 2019-02-27 | 分类于 JavaScript this是JavaScript中的一个重要的概念,它的值并不是由声明的位置来决定的,而是由调用的位置来决定。正是因为这个原因在不同的语境下它的值是不一样的,所以它成了面试官最喜欢考察的内容。 通常this由下面这四条法则就可以确定: new绑定,指向创建的对象。 12345function St ... 阅读全文 »