摘要:
立即执行函数表达式 立即执行函数表达式,大部分人也称为自执行函数。 自执行函数的写法 匿名函数 具名函数 自执行函数的传参 返回值 自执行函数也可以传递函数作为参数 为什么要使用立即执行函数表达式 有些时候我们要实现需求,为了实现这些业务逻辑,为了不让变量污染全局环境,定义了函数,但是这些函数,却不 阅读全文
摘要:
全局变量 与某些编程语言不同, 并没有一种可以声明全局变量的关键字,有的只是全局变量的功能。 + 在最外层的作用域,也就是 用`var`声明的变量就是全局变量。 + 在函数内部,不用关键字声明变量,直接赋值,这时也是个全局变量 因为在最外层的变量,会被作为 的属性,前提是用 声明,这时候就算函数内部 阅读全文
摘要:
JavaScript的作用域 作用域总共有两种模式, 和`动态作用域` 词法作用域是由开发者在写代码时,将变量和块作用域写在哪里而决定的。 动态作用域是运行时确定的。 只有词法作用域,也就是我们说的作用域链,一层一层的嵌套,但 机制很像动态作用域,它也是在运行时决定的。 这段代码,以词法作用域来看会 阅读全文
摘要:
JavaScript的RHS引用和LHS引用 + RHS是我要找到名为某某的变量,我要知道它的值是什么。 + LHS是我要找到名为某某的变量,将值赋值给它,我不需要知道这个变量之前的值是什么 我们看着段代码 给变量查找变量b并给其赋值,就是LHS引用;获取b的值就是RHS引用 这段代码看起来很简单, 阅读全文
摘要:
var、let和const的区别 和`const`是ES6新增的关键字,如果还不知道ES6的小伙伴们,建议好好去了解下。 区别1 和`var const`用来声明常量。 变量就是赋值后可以改变它的值,常量就是赋值后就不能改变它的值。 区别2 不允许只声明不赋值,一旦声明就必须赋值 错误的写法 正确的 阅读全文
摘要:
变量提升 JavaScript的变量提升有两种,用 声明的变量以及用 声明的变量。 用var声明的变量 我们先来看下面这段代码,a的值是多少 代码1 按照以往编程语言的思路来看,代码自上而下运行,按这种思路,会报错,因为执行到第2行时,变量a还没有定义,所以会报错 然而事实上答案是 好,抱着疑惑,我 阅读全文
摘要:
模块化CSS主要是让CSS可以达到有效的复用,而不是一上来就是一大堆CSS。 一开始写CSS相信都是把一个标签需要的样式全都写在一个类里,这样不方便管理,于是下面带来了三种模块化CSS的方法。 + OOCSS + SMACSS + BEM OOCSS 的思想主要有两个原则,分离结构和外观,以及分离容 阅读全文
摘要:
废话不多说,直接上代码 阅读全文
摘要:
动画 之前说的过渡也是属于动画的范围,只不过它只能是开始到过渡这两个点,中间由浏览器去完成,而动画允许开发者一帧一帧的去编码。 @keyframes 要执行的动画都写在这个规则里 是自定义的名字 from就是之前的状态,to是之后的状态,嗯,这个其实和过渡没啥区别,这是第一种写法。 然后就是这行代码 阅读全文
摘要:
当你知道一个元素的初始状态和最终状态,你想要这个元素从初始到最终,比如你想让一个div从红色变成蓝色,但又不想那么生硬的直接变过去,这时候就可以使用过渡了。 + property 指定要过渡的CSS属性 + duration 指定过渡的时间 + timing function 速度曲线,比如匀速,先 阅读全文