一些JavaScript常用的API

在JavaScript中使用变量很重要的一方面就是变量的提升 ——它决定了一个变量何时可以被你的代码使用。

水平居中

通用方法，元素宽高未知

适用于子元素为浮动，绝对定位，内联元素，均可水平居中。

Sass的控制命令

@if

@if指令是一个 SassScript，它可以根据条件来处理样式块，如果条件为 true返回一个样式块，反之 false返回另一个样式块。在 Sass中除了 @if之外，还可以配合 @else if和 @else一起使用。

Sass是一门高于 CSS的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS更加强大的功能。Sass能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。

Ajax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步网络请求。通俗的理解的话就是，如果没有Ajax技术，改变网页的一小部分（哪怕是一行文字、一张图片）都需要重新加载一次整个页面，而有了Ajax之后，就可以实现在网页不跳转不刷新的情况下，在网页后台提交数据，部分更新页面内容。

this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。当你在代码中使用了 this，这个 this的值就直接从执行的上下文中获取了，而不会从作用域链中搜寻。

PC浏览器前端优化策略

网络加载类

1．减少 HTTP 资源请求次数

在前端页面中，通常建议尽可能合并静态资源图片、JavaScript或 CSS代码，减少页面请求数和资源请求消耗，这样可以缩短页面首次访问的用户等待时间。通过构建工具合并雪碧图、CSS、JavaScript文件等都是为了减少 HTTP资源请求次数。另外也要尽量避免重复的资源，防止增加多余请求。