摘要:
我们在初使用 JavaScript 开发的时候,多多少少会被 this 的指向搞蒙圈,弄不清楚this指向哪一个对象,但是实际上,关于 this 的指向,记住最核心的一句话: 哪个对象调用函数,函数里面的this指向哪个对象。 对this的讨论,主要分以下几种情况: 一、普通函数调用 1. 普通函数 阅读全文
摘要:
一、 计算属性(computed) 1.计算属性是为了模板中的表达式简洁,易维护,符合用于简单运算的设计初衷。对于运算过于复杂,冗长,且不好维护,因此我们对于复杂的运算应该 使用计算属性的方式去书写。 下面来看代码体验一下吧 <div id="app"> <h1> {{ myname.substri 阅读全文
摘要:
在 ES6之前,在Javascript不存在类(Class)的概念,javascript中不是基于类的,而是通过构造函数(constructor)和原型链(prototype chains)实现的。但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏 览器也支持 ES6,不过只 阅读全文
摘要:
1.在ES6(ES2015)出现之前,JavaScript中声明变量就只有通过 var 关键字,函数声明是通过 function 关键字,而在ES6之后,声明的方式有 var 、 let 、 const 、 function 、 class ,该文主要讨论 var 、 let 和 const 之间的 阅读全文
摘要:
1.何为高阶函数呢? JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。简单来说,就是对其他函数进行操作的函数就为高阶函数。 2.下面就介绍一下在JS中常见的filter()/reduce() 阅读全文
摘要:
1.何为防抖与节流函数呢? 1.防抖(debounce):通过setTimeout方式,在一定的时间间隔内,将多次触发的事件转化为一次触发。也就是说当一个用户一直触发这个函数,且每次触发函数的间隔小于既定时间,那么防抖的情况下只会执行一次 举例:当用户在进行表单提交时,用户提交一次就向服务器发送一次 阅读全文
摘要:
一.Flex布局初体验 1.1 传统布局与Flex布局对比 传统布局:(1)兼容性好(2)布局繁琐(3)局限性,不能在移动端很好的布局flex布局:(1)操作方便,布局极为简单,移动端应用广泛 (2)pc端浏览器支持情况较差(3)IE11或更低版本,不支持或仅部分支持建议:(1)pc端页面使用传统布 阅读全文