摘要:
浏览器缓存分为两种: 强缓存 协商缓存 强缓存: 在规定的时间内,不询问服务器,强制使用浏览器缓存。 时间的设置根据响应头的expires字段和cache-control字段。 expires的值是一个绝对时间,在这个时间之前,浏览器都会使用强缓存。缺点就是如果客户端和服务端时间不同步,会出现是用不 阅读全文
posted @ 2022-08-03 23:54
简法
阅读(52)
评论(0)
推荐(0)
摘要:
区别一: 功能不同 get是从服务器上获取数据,post是向服务器传送数据。 区别二: 传值过程不同 1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。 2、post是通过HTTP post机制,将表单内各个字段与其内容放置在HT 阅读全文
posted @ 2022-08-03 23:49
简法
阅读(313)
评论(0)
推荐(0)
摘要:
1.border-radius 实现圆角 2.transform 实现水平垂直居中 3.transition 实现过渡效果 4.box-sizing 转换盒子模型变成IE怪异盒子 5.flex布局 justify-content 阅读全文
posted @ 2022-08-03 23:29
简法
阅读(51)
评论(0)
推荐(0)
摘要:
1.flex 是一个复合属性,它是3个属性的简写 flex-grow flex-shrink flex-basis 2.flex:1 相当于flex-grow: 1; flex-shrink: 1; flex-basis: 0%; flex-grow 是分配外层盒子剩余空间 flex-shrink 阅读全文
posted @ 2022-08-03 23:15
简法
阅读(145)
评论(0)
推荐(0)
摘要:
有两种盒子模型:标准盒子 IE盒子(也称为怪异盒子) 区别: 1.怎么算宽高:标准盒子 width,height 是实际宽高(得房率是100%),IE盒子width,height是包含padding,border(新小区建筑面积) 2.盒子模型怎么转换变成怪异盒子 box-sizing: borde 阅读全文
posted @ 2022-08-03 23:11
简法
阅读(128)
评论(0)
推荐(0)
摘要:
1.父元素加 display: flex; justify-content: center; align-items: center; 2.子绝父相 子 left: 50%; top; 50%; 负margin(盒子宽高的一半); 3.子绝父相 子 left: 50%; top; 50%; tran 阅读全文
posted @ 2022-08-03 22:52
简法
阅读(147)
评论(0)
推荐(0)
摘要:
我们通常创建一个构造函数,使用new关键字来new出一个新对象 new 的过程 1.在new开始时,创建一个空对象 2.这个空对象的__proto__属性指向构造函数的prototype属性 3.调用构造函数并改变this指向,让它指向我们新创建的这个空对象 4.返回这个空对象 在第4步时,可以先判 阅读全文
posted @ 2022-08-03 20:44
简法
阅读(696)
评论(0)
推荐(0)
摘要:
防抖和节流本质是不一样的。防抖是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。 防抖(debounce): 防抖触发高频率事件时n秒后只会执行一次,如果n秒内再次触发,则会重新计算。 概述:每次触发时都会取消之前的延时调用。 场景:输入框实时输入oninput 节流(thortt 阅读全文
posted @ 2022-08-03 14:19
简法
阅读(876)
评论(0)
推荐(0)
摘要:
$nextTick()是什么? nextTick是一个用于dom更新完成后执行回调函数的方法。 nextTick的执行机制 在vue中更新dom是异步的,当同步任务完成后才会去更新dom,nextTick会把此时回调添加到异步异步任务队列中,当dom更新的任务完成后才会去执行nextTick函数。 阅读全文
posted @ 2022-08-03 14:08
简法
阅读(46)
评论(0)
推荐(0)
摘要:
sync语法糖: :msg.sync="msg" > :msg="msg" @update:msg="msg=$event" v-model语法糖: v-model="msg" > :value="msg" @input="msg=$event" 阅读全文
posted @ 2022-08-03 13:09
简法
阅读(35)
评论(0)
推荐(0)