- 博客(19)
- 收藏
- 关注
RSS订阅原创 Push cache推送缓存/启发式缓存
Push Cache（推送缓存）是针对HTTP/2标准下的推送资源设定的 ，是浏览器缓存的最后一道缓存机制，是在设置了Last-Modifed但没有设置Cache-Control或者Expires时触发，也就是只拿到最后更新时间，但没有设置过期时间，这种情况下浏览器会有一个默认的缓存策略push cache，自动设置过期时间：(Date - Last-Modified)*0.1，也就是当前时间减去最后更新时间后再乘10%。这种策略只在会话session中存在，会话结束就被释放了。这种策略也有个弊端，
2021-10-27 23:46:57
1151
原创 vue3数据响应式 diff算法 MVVM
$mount挂载做了什么事？本质上和el没什么区别。获得渲染之后的dom，追加到宿主元素$option是什么：用来获取data外面的数据和方法你对数据响应式的理解?先说概念：是什么数据响应式其实是一种机制，是侦测JS数据发生变化的一种机制。为什么需要数据响应式因为MVVM框架都需要数据驱动，要是不能检测数据变化，怎么驱动更新呢，所以我们需要数据响应式。怎么实现这里又涉及到Vue2 及 Vue3 数据响应式的对比Vue 对于数据响应式的升级主要在变化侦测部分
2021-09-20 17:15:38
295
原创 fetch和XHR的区别
fetch和XHR（XMLHttpRequest）分别是什么？fetch和XHR都是是获取远端数据的方式。 fetch是原生js方法，没有使用XMLHttpRequest对象，使用fetch可以不用引用http的类库即可实现。提供了一种简单，合理的方式来跨网络异步获取资源。 XMLHttpRequest（XHR）是一个构造函数，对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL。即允许网页在不影响用户操作的情况下，更新页面的局部内容。可以用于获取任何类
2021-09-19 12:35:37
15484
原创 vue2黑马
Vue3中的核心知识：ref与reactive响应式、CompositionAPI、customRef都没有讲，Vue3的核心几乎都没讲。vue3.0最大的核心就是Composition API
2021-09-11 11:39:32
588
原创 jQuery笔记
简述domready和onload事件的区别DocumentContentLoaded在DOM树加载完之后立刻触发，DOM树加载完成之后，继续加载图片等外部文件，加载完成之后，onload事件触发。jQuery的入口函数$顶级对象$是jQuery的别称 可以用jQuery代替$ $是jQuery的顶级对象 相当于JS的 Window $('div')是jQuery对象（伪数组） 和 Dom对象不同 jQuery对象只能使用jQuery方法，DOM对象只...
2021-08-25 07:49:58
75
原创 Vue2工程化 webpack配置 loader插件
ctrl+c连按两下终止模块化：JS的复用组件化：UI样式的复用Webpack： 前端工程化具体解决方案gulp：前端自动化任务管理工具（旧）webpack核心:模块化(互相依赖强)模块指css / 图片 webpack核心为模块化开发：处理模块间的依赖关系 代码压缩、处理兼容性问题（高级语法开发效率快，转成低级语法解决浏览器兼容性问题）、性能优化 模块化后打包， 主要功能是（将代码 / 图片）压缩，TS转JS等过程只是附加...
2021-08-20 19:48:55
955
原创 ES6模块化
ctrl+~出现终端webpack运行依赖node环境需要底层解析CommonJS导出的是对象,es6的module不是对象运行npm init -y初始化包管理文件在json头部添加 "type": "module"终端用 node 地址 打印js默认导出（只能用一次）每个模块，只允许使用一次export default{ 必须使用括号 }默认导入import 自定义名称from ' ./1.2ES6模块化 '按需导...
2021-08-18 10:24:07
170
2
原创 正则表达式
Regular ExpressionJS实现字面量创建：/.../\d：数字\D：非数字+：一次到多次正则实现不推荐使用构造函数，性能上不如上面的方式这种匹配变量更方便，//方式不能使用+a+辨别变量g：全局匹配 查找多个匹配正则方法： test excetest测试是否有匹配，返回true falseexec不支持全局匹配g，但可多次匹配...
2021-08-18 00:29:51
77
原创 promise异步 await 事件循环 微任务
同步异步是一种消息通知机制同步理解成阻塞，异步理解成非阻塞，但不绝对同步异步针对与图书管理员，异步会有回调函数或者返回值通知阻塞非阻塞针对小明，非阻塞不会等待，会去做其他事同步alert（）会阻塞其他打印异步setTimeout函数、递归解决 打印222在setTimeout之后的问题function fn（cb）{setTimeout（（）=>{ console.log("111"); ...
2021-08-16 10:11:27
380
原创 作用域 闭包 new过程 箭头函数和普通函数
目录JS一、什么是this、call、apply、bind？二、箭头函数和普通函数的区别JS一、什么是this、call、apply、bind？ 后三者作用都是动态改变了上下文，也就是改变了this的指向。call方法接收的是若干个参数列表 apply方法接受的是一个包含多个的参数数组 bind方法是返回改变指向的函数 call、apply立即执行 bind不立即执行二、箭头函数和普通函数的区别 箭头函数的this值在声明时就确认了，普通函数...
2021-08-11 21:57:58
224
原创 js面向对象new 类 原型笔记
一、new运算符特点1.执行函数 new fn / new fn（） 2.自动创建一个空对象 new Tab(); --->this 3.把创建的对象指向另外一个对象 let tab = new Tab(); 返回的是obj 4.把空对象和函数里的this衔接起来 this指向实例化对象 5.隐式返还this二、new简化工厂模式 = 构造函...
2021-08-05 20:34:13
353
原创 sort()数字数组排序错误原因，含解决办法JavaScript
参考文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort原因sort()的默认排序顺序是元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的。简单来说，默认转换为字符串进行比较，而字符串比较是逐个字母比较，所以数字也是逐个比较案例const months = ['March', 'Jan', 'Feb', 'Dec'];mont
2021-07-31 18:57:31
1429
1
原创 ES6知识点总结
一、var let constvar let 变量 const 常量 const必须赋值 const a; //会报错！！ const a = undefined；作用域：var 作用域：全局作用域 函数作用域let 作用域：全局作用域 块级作用域 { for循环每次循环重新声明 出循环undefined } const...
2021-07-24 18:59:30
163
原创 css外边缘塌陷 解决办法（含BFC）
同时给两个兄弟/父子div设置上下边距20px，逻辑上是40px，实际塌陷成20pxhttps://www.bilibili.com/video/BV1DE41197Kc?from=search&seid=13391069951883524042发生在：垂直方向 、块级元素（行内元素无法设置垂直方向的外边距）计算：同为正数或者负数时，为绝对值最大的数 一正一负时，为和父子div的解决办法： 对父元素:1）添加边框2）添加内边距3）o...
2021-07-23 17:16:34
337
原创 input和button等高间隙水平对齐问题
二者间的间隙问题：input和button标签之间存在换行，产生的空白字符导致间隙解决办法：在同一代码行内写设置相同高度 不能等高：button的高度包含边框的高度，而文本框text则不包含边框高度。解决办法：给input加上属性box-sizing: border-box;水平不对齐：input 标签跟button布局不在一个水平线上解决办法：在button加上属性vertical-align: middle;可以给button加上margin-left: -2px;优化间隙
2021-06-22 14:19:30
286
原创 留言板（含图）案例：文字span水平对齐，flex布局垂直居中
留言板原效果图（布局待完善效果）解决的问题：1、多行字母换行： word-break：break-all；2、浮动导致的水平不对齐： flex布局3、不使用浮动时如何左右排布： flex布局的justify-content：space-between；4、隐藏显示需要占位的情况：opacity:0中间留言内容部分 代码 <li v-for="(item,index) in list"> <span>{{index+1}}.</spa
2021-06-19 22:42:07
1088
原创 自备web笔记
超文本标记语言——HTMLW3C（万维网联盟）——制定、规范标准、推广、更新维护网页制作的编程语言的非盈利组织<center> 使文本居中 </center><hr>分割线<b>加粗 空格</b>//牛逼三炮nbsp...
2020-08-10 11:13:37
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人