随笔分类 - 2022目标
摘要:
防抖: 原理:触发事件后,逻辑延迟执行,如果在一定时间内再次触发,就清除上一次的定时,重新计时 区别:与节流的区别在与,如果一直持续不间断的触发事件,那么逻辑将永远都不会执行 应用:按钮的点击 function event() { console.log('事件触发') } function deb
阅读全文
防抖: 原理:触发事件后,逻辑延迟执行,如果在一定时间内再次触发,就清除上一次的定时,重新计时 区别:与节流的区别在与,如果一直持续不间断的触发事件,那么逻辑将永远都不会执行 应用:按钮的点击 function event() { console.log('事件触发') } function deb
阅读全文
摘要:
本地持久化存储,分别有4种方案: cookie 4kb 可以但不建议 localStorage 持久化存储,存储大小 5M 浏览器关闭,也不会消失,需要手动清除 sessionStorage 回话存储,存储大小 5M 浏览器关闭 会消失 indexDB 存储大小非常大,需要手动删除
阅读全文
本地持久化存储,分别有4种方案: cookie 4kb 可以但不建议 localStorage 持久化存储,存储大小 5M 浏览器关闭,也不会消失,需要手动清除 sessionStorage 回话存储,存储大小 5M 浏览器关闭 会消失 indexDB 存储大小非常大,需要手动删除
阅读全文
摘要:
cookie 来源是由于 http 无状态的特性,导致服务端并不知道客户端访问者的身份是什么。所以社区研究出来一种 cookie 的技术,主要是用来维护状态,而非本地存储,cookie 的大小是 4kb ,它浏览器一起发生给服务器。
阅读全文
cookie 来源是由于 http 无状态的特性,导致服务端并不知道客户端访问者的身份是什么。所以社区研究出来一种 cookie 的技术,主要是用来维护状态,而非本地存储,cookie 的大小是 4kb ,它浏览器一起发生给服务器。
阅读全文
摘要:
1、loader 用于加载某些资源文件。因为 webpack 只能理解 JavaScript 和 JSON 文件,对于其他资源例如 css,图片,或者其他的语法集,比如 jsx, coffee,是没有办法加载的。 这就需要对应的 loader 将资源转化,加载进来。从字面意思也能看出,loader
阅读全文
1、loader 用于加载某些资源文件。因为 webpack 只能理解 JavaScript 和 JSON 文件,对于其他资源例如 css,图片,或者其他的语法集,比如 jsx, coffee,是没有办法加载的。 这就需要对应的 loader 将资源转化,加载进来。从字面意思也能看出,loader
阅读全文
摘要:
由于 2021 年 vue 已经升级了底层的所使用的API,所以要分版本讲原理 vue2 宏观上:vue2 的底层响应式主要依靠 Object.defineProperty , 做到对,单个数据源数据,存值和取值时,监听其状态的改变,依靠 发布者-订阅者模式,做到的。 vue3 宏观上:vue3 实
阅读全文
由于 2021 年 vue 已经升级了底层的所使用的API,所以要分版本讲原理 vue2 宏观上:vue2 的底层响应式主要依靠 Object.defineProperty , 做到对,单个数据源数据,存值和取值时,监听其状态的改变,依靠 发布者-订阅者模式,做到的。 vue3 宏观上:vue3 实
阅读全文
摘要:
一、你是谁? scrollTo和scrollBy这两个JS API也是用来控制元素或者窗体的滚动距离的。 我脑中的存储快速索引了一遍,发现JS API中控制元素或者窗体的滚动距离的API还真不少。 例如兼容性很好的scrollLeft和scrollTop,使用示意: // 设置element左滚动距
阅读全文
一、你是谁? scrollTo和scrollBy这两个JS API也是用来控制元素或者窗体的滚动距离的。 我脑中的存储快速索引了一遍,发现JS API中控制元素或者窗体的滚动距离的API还真不少。 例如兼容性很好的scrollLeft和scrollTop,使用示意: // 设置element左滚动距
阅读全文
摘要:
变量声明总结 首先,我们知道在学习javascript的过程中,学习到了多种 声明变量的方式,那它们有什么不同呢? 总共有下面这些: ES5 var 关键字 function 关键字 ES6 let 关键字 const // 声明常量 class // 声明类 import // 导入模块 ok ,
阅读全文
变量声明总结 首先,我们知道在学习javascript的过程中,学习到了多种 声明变量的方式,那它们有什么不同呢? 总共有下面这些: ES5 var 关键字 function 关键字 ES6 let 关键字 const // 声明常量 class // 声明类 import // 导入模块 ok ,
阅读全文
摘要:
三栏布局 三栏布局的概念 三栏布局的概念听起来,很简单,就是让三列从左到右,依次排列,左边区域和右边区域固定宽,而中间内容区域宽度自适应,就像下面这样 当然要注意:我们这里所说的中间部分宽度自适应就是随着屏幕大小的改变而自己适应的过程。这也是三栏布局产生的原因所在 三栏布局的具体实现以及原理 第一种
阅读全文
三栏布局 三栏布局的概念 三栏布局的概念听起来,很简单,就是让三列从左到右,依次排列,左边区域和右边区域固定宽,而中间内容区域宽度自适应,就像下面这样 当然要注意:我们这里所说的中间部分宽度自适应就是随着屏幕大小的改变而自己适应的过程。这也是三栏布局产生的原因所在 三栏布局的具体实现以及原理 第一种
阅读全文

浙公网安备 33010602011771号