1:页面布局
2:CSS盒模型
3:DOM实践
4:HTTP协议
5:对象
6:原型链
7:通信
8:安全
9:算法
1:js如何设置获取盒模型对应的宽度和高度
dom.style.width/height //只能获取行内样式
window.getComputedStyle(dom).width // 可以获取设置的样式
dom.getBoundingClientRect().width // 获取的数据是实际盒子渲染后的大小
2:DOM事件类 Event对象的常见应用
event.preventDefault(); //取消事件的默认动作
event.stopPropagation(); //该方法将停止事件的传播,阻止它被分派到其他 Document 节点
event.stopImmediatePropagation(); // 同样可以阻止时间冒泡
event.currentTarget; // 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。
console.log(event.target); //target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
3:DOM 事件类 自定义事件
var eve = new Event("custome");
dom.addEventListener('custome',function(){
console.log('custome');
});
dom.dispatchEvent(eve);
4:事件捕获的顺序
// 事件捕获的顺序
window.addEventListener("click", function() {
console.log("window");
}, true);
document.addEventListener("click", function() {
console.log("document");
}, true);
// html
document.documentElement.addEventListener("click", function() {
console.log("html");
}, true);
document.body.addEventListener("click", function() {
console.log("body");
}, true);
6:http协议类 http报文的组成部分
请求报文和相应报文
请求报文中 : 请求行 请求头 空行 请求体
相应报文中 : 状态行 相应头 空行 相应体
7:http 协议类 post 和get 的区别
get 在浏览器回退是无害的,而post 会再次提出请求
get 产生的url地址可以被收藏,而post 不可以
get 请求会被浏览器主动缓存,而post不会,除非手动设置
get 请求只能进行url 编码, 而post 支持多种编码方式
get 请求参数会被完成保留在浏览器历史记录中,而post中的参数不会被保留
get 请求请求在url中传送的参数是有长度限制的,而post没有限制
对参数的数据类型 ,get只接受ASCII 字符 而post没有限制
get 比post更不安全,因为传递的参数直接暴露在url上,所以不能用来传递敏感信息
get 参数通过url传递,post 放在request body 中