前端知识积累-javascript

• 闭包
  使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。
  使用闭包的注意点
  由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露
  解决方法是，在退出函数之前，将不使用的局部变量全部删除

• 作用域链的理解
  作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期

• JavaScript原型，原型链
  每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时
  如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念
  其特点是JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变

• 什么是事件代理
  JavaScript 中常用绑定事件的常用技巧
  是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。使用事件代理的好处是可以提高性能
  可以大量节省内存占用，减少事件注册，比如在table上代理所有td的click事件就非常棒
  可以实现当新增子对象时无需再次对其绑定

• This对象的理解
  this总是指向函数的直接调用者（而非间接调用者）
  如果有new关键字，this指向new出来的那个对象
  在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window

• 事件模型
  W3C中定义事件的发生经历三个阶段：捕获阶段（capturing）、目标阶段（targetin）、冒泡阶段（bubbling）

• DOM BOM
  DOM 是 W3C 的标准； [所有浏览器公共遵守的标准]
  BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;不同的浏览器,实现方式不同

• Ajax原理
  在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。使用户操作与服务器响应异步化

• ajax优缺点
  优点：
  通过异步模式，提升了用户体验.
  优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用.
  Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。
  Ajax可以实现动态不刷新（局部刷新）
  缺点：
  安全问题 AJAX暴露了与服务器交互的细节。
  对搜索引擎的支持比较弱。
  不容易调试。

• 什么是内存泄漏
  内存泄漏指任何对象在您不再拥有或需要它之后仍然存在

• webpack
  WebPack 是一个模块打包工具
  可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源

• 常见web安全及防护原理
  永远不要信任用户的输入，要对用户的输入进行校验，可以通过正则表达式，或限制长度，对单引号和双"-"进行转换等
  永远不要使用动态拼装SQL，可以使用参数化的SQL或者直接使用存储过程进行数据查询存取
  永远不要使用管理员权限的数据库连接，为每个应用使用单独的权限有限的数据库连接
  不要把机密信息明文存放，请加密或者hash掉密码和敏感的信息

• javascript有哪些方法定义对象
  对象字面量： var obj = {};
  构造函数： var obj = new Object();
  Object.create(): var obj = Object.create(Object.prototype);

• jQuery源码有哪些写的好的地方
  jquery源码封装在一个匿名函数的自执行环境中，有助于防止变量的全局污染
  jquery将一些原型属性和方法封装在了jquery.prototype中，为了缩短名称，又赋值给了jquery.fn，这是很形象的写法
  有一些数组或对象的方法经常能使用到，jQuery将其保存为局部变量以提高访问速度
  jquery实现的链式调用可以节约代码，所返回的都是同一个对象，可以提高代码效率

• vue、react、angular
  Vue.js 一个用于创建 web 交互界面的库，是一个精简的 MVVM。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了Directives 和 Filters
  AngularJS 是一个比较完善的前端MVVM框架，包含模板，数据双向绑定，路由，模块化，服务，依赖注入等所有功能，模板功能强大丰富，自带了丰富的 Angular指令
  react React 仅仅是 VIEW 层是facebook公司。推出的一个用于构建UI的一个库，能够实现服务器端的渲染。用了virtual dom，所以性能很好

• JavaScript的基本规范
  不要在同一行声明多个变量
  请使用===/!==来比较true/false或者数值
  使用对象字面量替代new Array这种形式
  不要使用全局函数
  Switch语句必须带有default分支
  If语句必须使用大括号
  for-in循环中的变量 应该使用var关键字明确限定作用域，从而避免作用域污染

• 面向对象编程及面向过程编程，它们的异同和优缺点
  面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了
  面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为
  面向对象是以功能来划分问题，而不是步骤
  本文摘自