2022年3月6日
2_原生AJAX
摘要： 1、Asynchronous JavaScript And XML ，异步的JS和XML 可以在浏览器中向服务器发送异步请求，最大的优势在于无需刷新获取数据 2、AJAX的特点 2.1 优点 无需刷新页面就可以和服务器进行通信 允许根据用户事件来更新部分页面的内容 2.2 缺点 没有浏览历史，不能回 阅读全文
posted @ 2022-03-06 02:31 踏燕白梅 阅读(46) 评论(0) 推荐(0)
1_http协议与https协议相关
摘要： 1、http协议与https协议 1.1 http协议 超文本传输协议，用于从服务器传输超文本到本地浏览器的传送协议 http是基于TCP/IP通信协议来传递数据的 TCP 用于从应用程序到网络的数据传输控制，IP 负责计算机之间的通信。 1.2 特点： 无连接：每次连接都只处理一个请求，并且请求结 阅读全文
posted @ 2022-03-06 01:37 踏燕白梅 阅读(146) 评论(0) 推荐(0)
2022年3月5日
6_JS的尾调用优化
摘要： 1、重用栈帧？ 当内部函数的返回值也是外部函数的返回值时，引擎把外部函数的栈帧弹出也无影响 2、尾调用优化 外部函数的返回值是一个内部函数的返回值，满足以下条件即可以： 外部函数的返回值是对尾调用函数的调用 + 尾调用函数返回后不需要执行额外的逻辑+ 尾调用函数非闭包 //比如递归使用尾调用优化 / 阅读全文
posted @ 2022-03-05 23:04 踏燕白梅 阅读(67) 评论(0) 推荐(0)
5_防抖和节流相关
摘要： 1、防抖debounce 定义：触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算时间 应用场景：搜索框、窗口滚动等 1 <body> 2 <div > 3 这里是div 4 </div> 5 6 7 </body> 8 <script> 9 const debounce = 阅读全文
posted @ 2022-03-05 22:21 踏燕白梅 阅读(34) 评论(0) 推荐(0)
4_JS的Promise相关
摘要： 1、Promise的底层代码原理 爱了爱了 摘自知乎 https://zhuanlan.zhihu.com/p/183801144 1 const PENDING = 'PENDING'; 2 const FULFILLED = 'FULFILLED'; 3 const REJECTED = 'RE 阅读全文
posted @ 2022-03-05 22:20 踏燕白梅 阅读(24) 评论(0) 推荐(0)
3、JS的原型、原型链、执行上下文、作用域、作用域链+闭包（见1）
摘要： 1、原型 1.1、函数的prototype属性 每个函数都有一个prototype属性，默认指向一个object空对象（即原型对象） 原型对象中有一个属性constructor，指向函数对象 1.2、给原型对象添加属性（一般添加方法） 函数的所有实例对象自动用于原型中的属性（方法） // 原型对象中 阅读全文
posted @ 2022-03-05 22:01 踏燕白梅 阅读(45) 评论(0) 推荐(0)
2、JS中的数据、变量、内存
摘要： 1、相关概念 内存的分类： 栈：全局变量，局部变量 堆：对象 变量： 值可以变化的量, 由变量名与变量值组成 一个变量对应一块小内存, 变量名用来查找到内存, 变量值就是内存中保存的内容 内存,数据, 变量三者之间的关系： 内存是一个容器, 用来存储程序运行需要操作的数据 变量是内存的标识, 我们通 阅读全文
posted @ 2022-03-05 16:04 踏燕白梅 阅读(132) 评论(0) 推荐(0)
1、JS中的闭包
摘要： 1、如何产生闭包？ 当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量时，就会产生闭包 闭包存在于嵌套的内部函数中 产生闭包的条件 函数嵌套+ 内部函数引用了外部函数的数据（变量或者函数）+ 执行外部函数（执行内部函数定义就会产生闭包，甚至不用调用内部函数） 2、常见的闭包 2.1、将函数作 阅读全文
posted @ 2022-03-05 15:02 踏燕白梅 阅读(203) 评论(0) 推荐(0)
2022年3月4日
0_9 移动端、媒体查询、响应式布局
摘要： 1、像素和视口 1.1 像素： 物理像素：分辨率数 css像素：编写网页时，所用都是css像素 浏览器在显示网页时，需要将CSS像素转换为物理像素然后再呈现 ， 一个css像素最终由几个 物理像素显示，由浏览器决定： 默认情况下在pc端，一个css像素 = 一个物理像素 1.2 视口 屏幕中用来显示 阅读全文
posted @ 2022-03-04 02:21 踏燕白梅 阅读(78) 评论(0) 推荐(0)
0_8 Flex弹性盒
摘要： 1、弹性盒 是css的又一种布局手段，主要用来代替浮动来完成页面的布局，使元素具有弹性，可以跟随页面大小的改变而改变。 弹性容器： 要使用弹性盒，必须先把一个元素设置为弹性容器，通过 display 来设置弹性容器 display:flex 设置为块级弹性容器 display:inline-flex 阅读全文
posted @ 2022-03-04 01:32 踏燕白梅 阅读(51) 评论(0) 推荐(0)