一: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标签的顺序执行