一：HTTP和HTTPS理解
1：HTTP协议通常承载在TCP协议之上 ,在HTTP和TCP之间添加一个安全协议层就变成了HTTPS
HTTP：超文本传输协议 (HTTP-Hypertext transfer protocol) 是一种详细规定了浏览器和服务器之间互相通信的规则
HTTPS：是HTTP的安全版
2：默认HTTP的端口号为80，HTTPS的端口号为443
3：HTTPS比HTTP更安全（原因）：网络请求需要中间有很多的服务器路由器的转发。中间的节点都可能篡改信息，如果使用HTTPS，密钥在客户和终点站才有。https之所以比http安全，是因为他利用ssl/tls协议传输。保障了传输过程的安全性
二：对前端模块化的理解
1：模块化产生的背景：
在JavaScript发展初期就是为了实现简单的页面交互逻辑，；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀而JavaScript却没有为组织代码提供任何明显帮助，JavaScript极其简单的代码组织规范不足以驾驭如此庞大规模的代码
2：模块化前期发展的过程
过程1：封装函数：实现特定的代码段
缺点：污染了全局变量 可能会与其他模块发生变量名冲突 模块间无联系
过程2：对象：把所有的模块成员封装在一个对象中（解决了封装函数的缺点）
缺点：外部可以随意修改内部成员
过程3：立即执行函数
3：目前的模块规范（Common.js AMD CMD）
CommonJs(定义模块:模块名.js，模块输出:module.exports()，加载模块:require，)
eg:----
var name = 'htt';
function a(){
console.log(name);
}
module.exports = {
a: a,
}
var nameModule = require('myModel.js');
nameModule.htt();
AMD:(异步模块定义，AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出)
(1)-- requireJS主要解决两个问题:
多个js文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器
js加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长
(2)--- 语法 ：(定义模块 加载模块)
2-1:::::requireJS定义了一个函数 define，它是全局变量，用来定义模块
define(id?, dependencies?, factory);
id：可选参数，用来定义模块的标识，如果没有提供该参数，脚本文件名（去掉拓展名）
dependencies：是一个当前模块依赖的模块名称数组
factory：工厂方法，模块初始化要执行的函数或对象。如果为函数，它应该只被执行一次。如果是对象，此对象应该为模块的输出值
2-2:::require函数加载模块
require([dependencies], function(){});
require()函数接受两个参数
第一个参数是一个数组，表示所依赖的模块
第二个参数是一个回调函数，当前面指定的模块都加载成功后，它将被调用。加载的模块会以参数形式传入该函数，从而在回调函数内部就可以使用这些模块
require()函数在加载依赖的函数的时候是异步加载的，只有前面的模块都加载成功后，才会运行，解决了依赖性的问题。
(3)----eg:
定义模块 myModule.js
define(['dependency'], function(){
var name = 'htt';
function a(){
console.log(name);
}
return {
a:a
};
});
// 加载模块
require(['myModule'], function (my){
my.a();
});
CMD：通用模块定义，SeaJS，SeaJS要解决的问题和requireJS一样，只不过在模块定义方式和模块加载（运行、解析）时机上有所不同
define(id?, deps?, factory)
factory有三个参数
function(require, exports, module) require 是一个方法，接受 模块标识 作为唯一参数，用来获取其他模块提供的接口;;;exports 是一个对象，用来向外提供模块接口;;;module 是一个对象，上面存储了与当前模块相关联的一些属性和方法
eg---
定义模块 myModule.js
define(function(require, exports, module) {
var $ = require('jquery.js')
$('div').addClass('active');
});
seajs.use(['myModule.js'], function(my){
});
4:AMD与CMD的区别
AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块
CMD推崇就近依赖，只有在用到某个模块的时候再去require
三：defer和async区别（都可以实现异步加载）
defer 并行加载js文件，会按照页面上script标签的顺序执行
async 并行加载js文件，下载完成立即执行，不会按照页面上 script标签的顺序执行
网友评论