1.项目介绍
2.require.js是怎么实现模块化引入的,原理是什么
3.js原型链机制
4.js作用域链
5.跨域的原理,在网络请求的哪个阶段会出现跨域,解决跨域的办法以及原理
6.有没有擅长的技术
下面是我查找资料整理的答案,若有错漏,欢迎补充
1.require.js原理流程
- 我们在使用requireJs时,都是在页面上只引入一个require.js,把data-main指向我们的main.js
- 运行main.js时,执行里面的require和define方法,requireJs会把这些依赖和回调方法都用一个数据结构存起来
- 当页面加载时,requireJs 会根据依赖预先先把需要的js通过document.createElement的方法引入dom中,这样,被引入dom的script便会执行
- 依赖的js也是根据requireJs的规范来写的,所以他们也会有define或者require方法,同样类似第二步这样循环向上查找依赖,同样会存起来
- 当js需要用到依赖返回的结果,requireJs会把保存的方法拿出来并且运行
2.js原型链机制
原型链的核心就是依赖对象的_proto_的指向,当自身不存在的属性时,就一层层的扒出创建对象的构造函数,直至到Object时,就没有_proto_指向了。
3.js作用域链
通俗地讲,当声明一个函数时,局部作用域一级一级向上包起来,就是作用域链。
- 当执行函数时,总是先从函数内部找寻局部变量
- 如果内部找不到(函数的局部作用域没有),则会向创建函数的作用域(声明函数的作用域)寻找,依次向上
4.跨域
跨域,指浏览器不能执行其他网站的脚本,他是由浏览器同源策略造成的,是浏览器对JavaScript施加的安全限制
所谓同源是指,域名,协议,端口均相同,有一个不同即会产生跨域
跨域产生的阶段:浏览器在向服务器发送请求的时候,域名会先使用DNS进行解析,然后将客户端的ip与请求解析的ip进行对比,如果没有产生跨域则进一步请求服务器,返回数据,否则浏览器就会触发安全机制的xhr网络请求,浏览器默认会拦截。
跨域常用的解决办法:jsonp,cors,websocket,postMessage