- 博客(19)
- 收藏
- 关注
RSS订阅原创 21. 对浏览器缓存的理解+优化效果
浏览器缓存指的是浏览器在请求资源时缓存了这些资源，使得在请求同一资源时可以直接从本地获取，从而避免了再次发起请求到服务器，降低了网络请求的带宽压力和响应时间。1.减少网络请求次数：对于已经存在于缓存中的资源，浏览器可以直接从客户端获取，从而避免了再次发起请求到服务器，提升网站的性能和响应速度。2.减少数据传输量：对于已经存在于缓存中的资源，浏览器可以直接从本地获取，从而减少了网络传输的数据量，提高了网站的性能和响应速度。
2024-01-14 20:24:32
303
1
原创 讲讲变量和函数提升
注意：在JS代码执行之前，浏览器的解析器在遇到 var 变量名 和function 整个函数 提升到当前作用域的最前面。在不同的函数里面，变量和函数提升互不影响，也不影响全局作用域（父级影响子级，子级不影响父级，3>1,3>1,3>1）在不同的script块里面，变量和函数提升互不影响，但影响全局作用域（这里无所谓父子级之分，1+1+1=3）如果在函数内部用var声明了和外部相同的变量，则优先看函数作用域当中的变量。JS引擎在读取js代码的过程中，有以下步骤。同步任务大于异步任务。
2024-01-14 20:21:06
359
1
原创 浅谈Vue的属性，computed和watch
computed是依赖的值变了，它去重新求值，watch是目标值变了，它去执行函数。状态会立即改变, 而监听属性与组件重新渲染, 至少都会在下一个。直接上demo，了解一下语法先~：在数据更新时, 计算属性的。属性，本质上都是同一个。computed带有。
2024-01-14 18:33:23
410
1
原创 Vue中组件data为什么是函数，不能直接对象
组件实例对象data必须为函数，目的是为了防止多个组件实例对象之间共用一个data，产生数据污染。即原理是如果data是一个对象的话，两个组件中设置的data都会引用同一个内存地址，而用函数的话，则会在每次引用的时候返回一个新的地址。根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况。
2024-01-10 20:59:52
328
1
原创 浅谈Vue.nextTick的作用和原理~
为何要延迟回调，这跟前提里提到了Vue实现响应式原理有关，Vue是异步执行DOM更新的，这就导致了DOM不会立马更新，而nextTick则就是等到DOM更新后，再去执行回调，这就是说其为。由此，我们可以推测其作用，在vue的数据发生改变后，DOM也更新后，才执行nextTick里面的代码。而是等所有的数据发生改变后，才去更新DOM。那问题来了，如果我们就是要通过DOM拿到更新的值，Vue实现响应式，并不是数据发生改变后，DOM立刻随之变化，从以下可以看出。怎么获取更新后的DOM元素值呢，
2024-01-10 17:07:00
350
1
原创 浅谈Vue2生命周期
生命周期：出生到死亡，即一个实例的开始到结束，即一个生命周期，这里主要讲一个vue组件实例的一个生命周期。$data：数据，即我们在组件中data或computed中定义的数据el元素，即像这种无$data，无$el在组件实例初始化完成之后立即调用。会在实例初始化完成、props 解析之后、data()和computed等选项处理之前立即调用。
2024-01-09 21:35:45
838
原创 浅谈JavaScript 的事件循环机制
微任务队列会在每次宏任务执行完毕后立即执行，而不会等待所有宏任务执行完毕 才执行。这意味着微任务具有高优先级，且会在下一个宏任务之前执行。的原则执行微任务队列中 的任务，然后执行宏任务队列中的一个任务。这个过程是一个循环，直到任 务队列为空。4. 重复执行上述步骤：事件循环不断重复执行上述步骤，按照微任务优先。用于存储需要在当前任务执行结束后尽快执行的任务。是一个持续运行的循环，用于检查任务队列并执行任务。用于存储那些需要稍后执行的任务。的事件循环机制是指一种用于。同步任务会直接放在执行栈。
2024-01-08 21:56:25
319
原创 浅谈async，await，与promise的区别
都是处理异步请求的方式，promise是ES6提出的，async，await是ES8提出的，后者是前者的一个语法糖。async，await是基于promise实现的，二者都是非阻塞性的。
2024-01-08 21:46:49
352
原创 浅谈JS中的promise
初始状态 pending，操作成功状态 fulfilled，操作失败状态 rejected，状态一旦发生改变，便不可逆转。Promise上面的then方法用来指定状态改变时的确定操作，resolve执行第一个函数，reject执行第二个函数。实例化一个promise实例，传参是两个参数，两个参数的类型都是函数，一个为resolve，一个是reject。自身有resolve，reject，all，race方法，原型上有then，catch方法。处理异步请求的方式，异步操作队列化。解决了回调地狱的问题。
2024-01-07 17:14:28
312
1
原创 浅谈CSS的盒模型
盒模型将每个元素看作是一个矩形的“盒子”，并定义了盒子的四个部分：内容区（context），内边距（padding），边框（border），外边距（margin）margin：元素的边框和相邻元素之间，控制元素间的边距 eg.margin:1px,1px,1px,1px；padding：位于内容区与边框之间, eg.padding:1px,1px,1px,1px；border：围绕内容区加内边距的线条，eg.border:1px,red,solid；元素的高度包括内容区，内边距和边框的大小。
2024-01-07 17:05:52
345
1
原创 vue中关于图片的处理，主要是如何把assets中的若干图片放置到一个组件中的data里面
背景：在做一个小项目的时候，需要有点击不同的按钮切换不同图片的功能，如何把图片放到data里呢，放的数据结构是什么呢，故在此简单做个笔记记录一下。
2024-01-07 16:35:57
377
1
原创 浅谈Vue当中的绑定，包括属性绑定（v-bind，v-model）和事件绑定（v-on），和它们之间的区别
给元素绑定事件监听器。当用于普通元素，只监听原生 DOM 事件。当用于自定义元素组件，则监听子组件触发的自定义事件。（注意：自定义事件是组件通信的内容，我们另外再系统讲！当监听原生 DOM 事件时，方法接收原生事件作为唯一参数。如果使用内联声明，声明可以访问一个特殊的$event。v-on还支持绑定不带参数的事件/监听器对的对象。请注意，当使用对象语法时，不支持任何修饰符。动态的绑定一个或多个 attribute，也可以是组件的 prop。（源于vue文档）（注意：那我们这里主要讲。
2024-01-06 22:03:06
970
原创 用flex实现两个子元素一左一右分布
由于笔者是在做一个小项目的时候做的笔记，效果图并没有非常好看，望海涵～❤️。到这里，两个子元素将靠近左边和右边分布。两个子元素的宽度会平均分配父元素的剩余空间。父元素: display:flex;右子元素:flex:1;左子元素:flex:1;
2024-01-04 22:19:07
992
原创 浅谈Vue3项目下的各个文件
在创建了且运行后，会有生成下图的，笔者好奇他们的，搜索了一番后在此做个记录，如果有错误的地方，望海涵和修正啊❤️话不多说，让我们开始介绍吧～
2024-01-04 18:10:37
1408
1
原创 win11 系统环境变量下方的“新建 编辑 删除”是灰色的，无法点击
解决方法就是通过 管理员身份进入，从 “控制面板－系统和安全－系统－高级系统设置－环境变量”这种路径进入即可！于是乎各种搜索，了解到这种直接搜索是使用用户身份进入的，不是管理员身份，故不可以设置系统环境变量。
2024-01-02 15:58:12
2076
3
原创 打开clash没关，重启电脑无法联网的解决方案
为什么会出现这种情况呢，我很挺想知道的，似乎是因为梯子的使用是违法行为，所以重启电脑发现违法行为后不给联网？那里面是怎么实现的呢，我还在摸索，也不知道是不是这样，且先在此做记录，也欢迎小伙伴们一起交流鸭～火绒进入工具箱，断网修复试一试～（但这个是网友分享的方法之一，我还没有试过诶，且做记录，防忘记，下次可一试！打开梯子，再关闭（这个也是网友提供的方法，俺也没有试过，且做记录～）于是乎研究了一下怎么解决，目前已解决，步骤如下！元旦快乐，2024冲鸭～
2024-01-01 16:21:19
6640
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人