摘要: 浏览器缓存 基本的原理就是: 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中 按位置分类 Server worker Service Worker 是运行在浏览器背后的独立线程,一般可以用来实现缓存功能。使用 阅读全文
posted @ 2024-05-02 22:45 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 父子组件 prop和event style和class 父组件可以向子组件传递style和class,它们会合并到子组件的根元素中 attribute 如果父组件传递了一些属性到子组件,但子组件并没有声明这些属性,则它们称之为attribute,这些属性会直接附着在子组件的根元素上 不包括style 阅读全文
posted @ 2024-04-29 21:25 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 虚拟dom是什么 虚拟dom本质上就是一个普通的JS对象,用于描述视图的界面结构。在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟dom树,这也就意味着每个组件都对应一棵虚拟DOM树。 为什么使用虚拟dom 框架设计 响应式的本质是数据变化就运行相应的函数,比如re 阅读全文
posted @ 2024-04-29 20:55 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 盒模型 box:盒子,每个格元素在页面中都会生成一个矩形区域(盒子) 行盒在页面中不换行,块盒独占一行 盒子的组成部分 内容 content 填充 padding 边框 border 外边距 margin 补充 box-size: 盒子尺寸,宽高范围 background-clip:背景覆盖范围 w 阅读全文
posted @ 2024-04-27 15:59 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 包含块(containing block) 包含块可以理解为盒子的参考系。盒子的尺寸和位置,会受它的包含块所影响。对于一些属性,例如 width, height, padding, margin,绝对定位元素的偏移值top,bottom,left,right,当我们对其赋予百分比值时,这些值的计算值 阅读全文
posted @ 2024-04-27 14:25 冰凉小手 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 定位 一个元素,只要position的取值不为static,认为该元素是一个定位元素 定位元素会脱离文档流(相对定位除外) 一个脱离了文档流的元素: 文档中的元素摆放时,会忽略脱离了文档流的元素 文档流中计算自动高度时,会忽略脱离了文档流的元素 相对定位 不会脱离文档流,在原来位置进行偏移,盒子的偏 阅读全文
posted @ 2024-04-27 14:00 冰凉小手 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 浮动 应用场景 文字环绕(最初的使用场景) 横向排列 浮动的基本特点 当一个元素浮动后,元素必定为块盒(会更改display为block) 浮动元素的包含块与常规流一致为父元素的内容盒。 盒子尺寸 宽度为auto时,适应内容高度 高度为auto时,与常规流一致,适应内容高度 margin为auto, 阅读全文
posted @ 2024-04-26 20:19 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 开发类 HTML CSS Support html提示css自动补全。 Auto Close Tag:自动闭合标签。 Auto Rename Tag:重新命名标签。 CSS Peek:快速查看当前标签设置的css属性。「将光标移动要需要查看的标签,然后按下f12即可查看」 Prettier - Co 阅读全文
posted @ 2024-04-03 15:55 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 使用场景 处理异步操作 数据变化后执行多个副作用操作 数据变化后,执行的操作需要旧值参与 阅读全文
posted @ 2024-03-27 09:31 冰凉小手 阅读(1) 评论(0) 推荐(0) 编辑
摘要: Vue2中的v-model v-model即可以作用于表单元素,又可作用于自定义组件,无论是哪一种情况,它都是一个语法糖,最终会生成一个属性和一个事件 当其作用于表单元素时,vue会根据作用的表单元素类型而生成合适的属性和事件。例如,作用于普通文本框的时候,它会生成value属性和input事件,而 阅读全文
posted @ 2024-03-26 09:27 冰凉小手 阅读(7) 评论(0) 推荐(0) 编辑