前端九层塔

Web客户端存储是一个现代Web应用必不可少的功能，常见的有Cookie、WebStorage和IndexedDB等，如何选择一个合适的Web存储方案呢？

出于安全考虑，浏览器限制页面脚木发起跨域请求，所以XMLHttpRequest和fetch API是遵循同源策略的。

前端程序一般会部署在开发、生产等不同环境中，各个环境的配置信息可能不同。 可以通过静态编译和动态加载的方式来实现自动加载环境配置。 最终实现程序和配置解耦，并且支持动态修改配置。

路由的本质是将URL映射到指定页面，它是Web应用的基本功能。 SPA实现了在不刷新页面的情况进行页面更新和页面跳转。主要有基于URL #hash和基于history api两种实现方案。

为了提高代码的可复用性，开发者设计了模块化规范，包括CommonJS，AMD和ES6 Module等。其中，前两者分别是面向服务器端和浏览器端的，而ES6 Module是JavaScript语言标准。

webpack内置了hashing功能，用来对打包资源进行版本信息标记的，从而实现最大化地利用缓存机制。

在我们的代码里面，经常会用到各种第三方软件包，当引用的包越来越多时，管理好代码中的依赖是很有必要的。主流的包管理工具有npm和yarn，它们又是如何实现依赖管理的呢？

this作为JavaScript语言的核心语法，我们在开发中是经常用到的。例如在对象方法中，通过this访问对象属性；在构造函数中，用this初始化实例对象。那么JavaScript为什么会有this

1.词法作用域：根据源代码中声明变量的位置，来确定变量在何处可用；并且内部函数可以访问其外部作用域的变量。2.闭包：JavaScript函数和它的词法环境是绑定在一起的。