03 2022 档案
摘要：圣杯布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U
阅读全文
摘要：DOM事件流 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 包括三个阶段： 事件捕获阶段 处于目标阶段 事件冒泡阶段 我们知道，在dom模型中，html是多层次的，当一个html元素上产生事件时，该事件会在dom树元素节点之间按照
阅读全文
摘要：作用域和作用域链 ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6的到来，为我们提供了‘块级作用域’,可通过新增命令let和const来体现。 函数作用域 静态作用域 要到创建这个函数的那个域”。 作用域中取值,这里强调的是“创建”，而不是“调用”，切记切记——
阅读全文
摘要：我简略的总结了一下一些可以继承和不可以继承的属性 可继承 1.字体系列属性：font-family，font-size 2.文本系列属性：text-indent，line-height，color 3.元素可见性：visibility 4.表格布局属性：border-style 5.列表布局属性：l
阅读全文
摘要：什么是OSI协议 在一切开始之前，需对OSI七层协议模型有基本了解 OSI七层协议模型、TCP/IP四层模型、五层协议体系结构的示意图如下 层协议和对应的标准7层协议的关系如下图： 什么是UDP 和 TCP 工作在传输层，建立端到端的链接。 UDP 和 TCP 的区别 TCP 和 UDP 都位于计算
阅读全文
摘要：数据类型 分为简单类型(基本类型)和复杂类型(引用数据类型) 基本类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol(ES6新增)。 复杂类型：对象(Object)、数组(Array)、函数(Function)。
阅读全文
摘要：CommonJS 使用方式 注意：是exports不是export 导出 //通过module.exports导出一个对象，对象存放功能函数或数据或某个具体的值 //引入时通过自定义变量obj.fn1()使用即可 module.exports = { fn1: function () { conso
阅读全文
摘要：函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 示例 function debounce(fun, delay) { return function () { clearTimeout(fun.id) fun.id = setTimeout(func
阅读全文
摘要：本文涉及内容 闭包 柯里化 内存泄露 垃圾回收 阅读本文前，您需要对作用域和作用域链、原型和原型链有足够了解，见本博客另一篇文章，点这里，以及对this指向有足够了解，点这里 什么是闭包 能够访问其他函数内部变量的函数，被称为 闭包，简单来说，闭包就是函数内部定义的函数，被返回了出去并在外部调用，它
阅读全文
摘要：一次完整的HTTP请求过程 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户 页面解析
阅读全文
摘要：移动web页面多端屏幕适配 逻辑像素（logical pixel） CSS像素就是逻辑像素，CSS像素是Web编程的概念,在普通屏幕下，1个CSS像素对应1个物理像素(1:1)。 逻辑像素 ≈ 设备独立像素。 设备像素比 (device pixel ratio) 设备像素比 = 设备像素 / 设备独
阅读全文
摘要：<div class="wrapper"> <div class="left">试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果 试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果 </div> <div class="m
阅读全文
