12 2019 档案
摘要：this 首先，说下 的两个常见 误区 指向自身? 因为 的从英文的角度上，很容易给人自身感觉，导致出 指向函数自身的想法。 很明显， 并不是指向函数自身的， 和`foo.b`并不是同一个 this指向与函数的作用域有关? 试图用作用域链的方法查找a，然而 并不买账。 那么接下来开始真正介绍 thi
阅读全文
摘要：闭包 主要了解如下 + 闭包的原理 + 闭包的创建 + 闭包的优缺点及其用处 + 释放闭包 + 循环中的闭包 闭包通俗来讲就是在一个函数外部能调用这个函数内部的函数，这种情况就是使用了闭包，不过更多时候是自己已经使用了闭包，但并不知道那就是闭包。 就如同上面这段代码，我们想要在 外部调用 ，甚至想在
阅读全文
摘要：立即执行函数表达式 立即执行函数表达式，大部分人也称为自执行函数。 自执行函数的写法 匿名函数 具名函数 自执行函数的传参 返回值 自执行函数也可以传递函数作为参数 为什么要使用立即执行函数表达式 有些时候我们要实现需求，为了实现这些业务逻辑，为了不让变量污染全局环境，定义了函数，但是这些函数，却不
阅读全文
摘要：全局变量 与某些编程语言不同， 并没有一种可以声明全局变量的关键字，有的只是全局变量的功能。 + 在最外层的作用域，也就是 用`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 速度曲线，比如匀速，先
阅读全文
摘要：网格布局 目前，谷歌浏览器及火狐浏览器已经对网格布局给予了充分支持。 定义网格布局 类定义了网格布局，就叫网格容器吧，其子元素就叫grid项目。 grid template rows 这个定义了每一行的高度，上面代码就是定义了3行，每行高度分别是200px，100px，200px; grid tem
阅读全文
摘要：什么是响应式布局 响应式就是网页内容会随着访问它的视口及设备的不同而呈现不同的样式 如何适配各种浏览器 从最简单的‘基本’做起，再逐步扩充，即渐进增强，这是比较简单的做法，而优雅降级则麻烦很多。 基本是相对的，首先要确定平台，如果有较多用户再用IE9，那么得考虑IE9的基础，它支持什么特性， 如果用
阅读全文
摘要：flex布局 将固定的像素大小转换为弹性比例大小 弹性布局可以做到什么 方便垂直居中内容 改变元素的视觉次序 在盒子里自动插入空白及其对其元素，自动对其元素间的空白 自从有了flex，float已经可以说是后娘养的了。 那么问题来了，如何实现flex布局 如上面代码，元素设置了 时，就是一个弹性盒子
阅读全文
摘要：columns + columns 缩写属性设置列宽和列数 + column count 指定元素应该分为的列数 + column width 指定列的宽度 注意 如果把文本换成没有意义的英文字符，要加这个样式 column rule 对于设置所有column rule 属性的简写属性 + colu
阅读全文
摘要：before和after，前者是在元素之前插入东西，后者是在元素后面插入东西，但插入的东西不仅仅只是文字而已，还有图标，以及计算器的操作。 由于两者的操作基本一样，这里以before为例 插入文字 插入图片 计数器 纯数字 拼接文本 计数器也可以拼接文本，不过不用什么加号之类 指定项目编号 大写字母
阅读全文
摘要：选择器的权重 权重就是我同个元素，有多个选择器的情况下，我该选择哪一个选择器的样式。 通过上面的比较，可以得出，行内样式 id选择器 类选择器 标签选择器 通配符 那么有没有可能让标签选择大于所有的选择器呢，答案是有的，只要加上这行代码 ，任何选择器的权重就是无限大了。 选择器的类型 ID选择器 i
阅读全文
摘要：选择器的用处就是告知浏览器，我这一大堆的样式要用在哪些元素 选择器很重要，学好了，可以减少很多CSS代码，不用像以前一样，一大堆类选择器。 以下为了方便查看CSS代码，我采用内联样式的方法，但在实际开发中，建议用外联样式，这有利于页面的性能优化。 id选择器 id选择器，要在标签添加id属性和其值，
阅读全文
摘要：CSS又叫做样式层叠表，它是来给HTML打扮的，也就是给HTML穿上个花里花俏的衣服。 CSS的引入 在HTML中CSS总共有三种引入方式 行内样式 利用元素的 属性，标签也叫元素。 内联样式 利用 标签，写在head标签里 外联样式 在外部建立一个css文件，比如Index.css，然后引用它 以
阅读全文
摘要：这是为完全没有接触过的童鞋写的，属于真正的傻瓜式教程，当然由于本人也不是什么大佬，可能有些知识的理解与自己想的不一样，如果有大佬看到，还请帮我指出。以下主要是HTML5的基础标签的使用。 开发前的准备 预备知识 HTML全称Hypertext Marked Language，即是超标记文本语言，不是
阅读全文
摘要：当我写下这个的时候是2019年12月16日，应届大学生，现在这行业不好混啊，还是实力太渣了，要求比往年的多很多，所以看到这里的人，如果是大一这样就确定往前端跳的话，那么很幸运你有很多时间去学习了，写有学习的方向。 前端种类 前端大致可以往三个方面走，全栈，混合APP开发，H5游戏开发，由于我主要学的
阅读全文
