1.模块化开发怎么做？

  • 立即执行函数,不暴露私有成员 
  • var module1 = (function(){ 　　　　var _count = 0; 　　　　var m1 = function(){ 　　　　　　//... 　　　　}; 　　　　var m2 = function(){ 　　　　　　//... 　　　　}; 　　　　return { 　　　　　　m1 : m1, 　　　　　　m2 : m2 　　　　}; })();

 2.异步加载JS的方式有哪些？

  • defer，只支持IE
  • async：
  • 创建script，插入到DOM中，加载完毕后callBack

 3.那些操作会造成内存泄漏？

  • 内存泄漏指任何对象在您不再拥有或需要它之后仍然存在
  • setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏
  • 闭包使用不当

 

 4.XML和JSON的区别？

  • 数据体积方面
    • JSON相对于XML来讲，数据的体积小，传递的速度更快些。
  • 数据交互方面
    • JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互
  • 数据描述方面
    • JSON对数据的描述性比XML较差
  • 传输速度方面
    • JSON的速度要远远快于XML

 

 5.谈谈你对webpack的看法

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

 

 6.说说你对AMD和Commonjs的理解

  • CommonJS是服务器端模块的规范，Node.js采用了这个规范。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。AMD规范则是非同步加载模块，允许指定回调函数
  • AMD推荐的风格通过返回一个对象做为模块对象，CommonJS的风格通过对module.exports或exports的属性赋值来达到暴露模块对象的目的
 

 7.用过哪些设计模式？

  • 工厂模式：
    • 工厂模式解决了重复实例化的问题，但还有一个问题,那就是识别问题，因为根本无法
    • 主要好处就是可以消除对象间的耦合，通过使用工程方法而不是new关键字
  • 构造函数模式
    • 使用构造函数的方法，即解决了重复实例化的问题，又解决了对象识别的问题，该模式与工厂模式的不同之处在于
    • 直接将属性和方法赋值给 this对象;

 8.为什么要有同源限制？

  • 同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议
  • 举例说明：比如一个黑客程序，他利用Iframe把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过Javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了。

 9.offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别

  • offsetWidth/offsetHeight返回值包含content + padding + border，效果与e.getBoundingClientRect()相同
  • clientWidth/clientHeight返回值只包含content + padding，如果有滚动条，也不包含滚动条
  • scrollWidth/scrollHeight返回值包含content + padding + 溢出内容的尺寸

 

10. javascript有哪些方法定义对象

  • 对象字面量： var obj = {};
  • 构造函数： var obj = new Object();
  • Object.create(): var obj = Object.create(Object.prototype);

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄