写bug啦-CSDN博客

原创 SPA 单页面

SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页> 面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 > HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。

2024-08-05 15:54:15 824

有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性。（类似于JS库，暴露出来的方法达到函数复用的效果。官方文档说的很详细，通俗易懂的话来说一个.vue文件由template，script，style组成，混入的方法可以把mixin这个对象和.vue文件的script里面的内容“混入”（mixin对象的结构和.vue的script里面的结构一样），既此组件既可以调用组件内部的script，也可以调用混入对象。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

2024-06-18 14:21:23 868

原创 async/await的特点和用法

Async 和 await 是一种同步的写法，但还是异步的操作，两个内容还是必须同时去写才会生效不然的话也是不会好使，而且 await 的话有一个不错的作用就是可以等到你的数据加载过来以后才会去运行下边的 js 内容，而且 await 接收的对象必须还是个 promise 对象.主要应用是在数据的接收，和异步问题的处理，主要是还是解决不同执行时机下的异步问题。当await作为求值关键字时后面可以跟Promise或表达式，可以直接获取Promise中的值或表达式的值。2.错误处理超时处理。

2024-05-20 17:09:03 1140 1

原创 vue插槽

插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。

2024-05-13 09:51:59 1917 1

原创计算属性和watch监听的区别

Deep是深入观察，监听器会一层层的往下遍历，给对象的所有属性都加上这个监听器但是这样性能开销就会非常大了，任何修改obj里面任何一个属性都会触发这个监听器。

2024-05-06 14:02:52 2280 1

原创 vue防抖和节流

登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖文本编辑器实时保存，当无任何更改操作一秒后进行保存。

2024-04-29 09:31:45 1127

原创 MVVM开发模式的理解

Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Model 和 ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发 View 层的刷新，View 中由于用户交互操作而改变的数据也会在 Model 中同步。这种模式实现了 Model 和 View 的数据自动同步，因此开发者只需要专注对数据的维护操作即可，而不需要自己操作 dom。ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作；

2024-04-28 15:34:45 2112 1

原创单页面和多页面区别

页面的切换其实就是组件的切换、所有跳转方式都是通过组件切换完成的！每个页面都是独立的HTML文件都需要去加载js、cssd等文件2跳转的时候通过刷新页面从而去重新加载新的HTML页面！单页面：页面片段间时间的切换快，用户体验良好，当初次加载文件过多时，需要做相关调优。多页面：页面切换加载缓慢，流畅度不够，用户体验比较差，尤其网速慢的时候。单页面：单页面的路由有hash、history（默认是hash路由）单页面：页面进行的局部刷新、组件之间的开会切换。多页面：多个完整的HTML页面。

2024-04-15 09:10:35 1637 1

原创 vue2和vue3的区别

但是对于一棵树而言，必须有一个根节点，所以虚拟节点在这种场景下就非常有用了，它可以作为 AST 的根节点，然后其 children 包含了 img 和 hello 的节点。vue3.0 AST 对象根节点其实是一个虚拟节点，它并不会映射到一个具体节点，另外它还包含了其他的一些属性，这些属性在后续的 AST 转换的过程中会赋值，并在生成代码阶段用到。vue3中的created和beforeCreated在vue3中用setup（）这个钩子函数代替，剩下的6个钩子函数在前面加上on这个单词。

2024-04-10 10:41:59 942 2

原创垃圾回收机制

引用计数的策略是跟踪记录每个值被使用的次数，当声明了一个变量并将一个引用类型赋值给该变量的时候这个值的引用次数就加1，如果该变量的值变成了另外一个，则这个值得引用次数减1，当这个值的引用次数变为0的时候，说明没有变量在使用，这个值没法被访问了，因此可以将其占用的空间回收，这样垃圾回收器会在运行的时候清理掉引用次数为0的值占用的空间。垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量以及被环境中变量所引用的变量（闭包），在这些完成之后仍存在标记的就是要删除的变量了。

2024-04-01 09:42:45 503

原创 this指向和箭头函数的区别

它们在功能上是没有区别的，都是改变this的指向，它们的区别主要是在于方法的实现形式和参数传递上的不同。箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。每个函数都会有自身的this，但是this并不是在函数声明完就绑定到某个对象上的，只有在函数调用时，this才会被绑定，箭头函数通过 call() 或 apply() 方法调用一个函数时，只传入了一个参数，对 this 并没有影响。箭头函数会捕获其所在上下文的 this 值，作为自己的 this 值，自己本身并没有this值；

2024-03-18 09:17:30 751 1

原创 Cookie与Session的区别

7、session和cookie的弊端：cookie的大小受限制，cookie不安全，如果用户禁用cookie则无法使用cookie。cookie如果在浏览器端对cookie进行设置对应的时间，则cookie保存在本地硬盘中，此时如果没有过期，则就可以使用，如果过期则就删除。6、cookie的session的应用场景：cookie可以用来保存用户的登陆信息，如果删除cookie则下一次用户仍需要重新登录。4、存储大小：``cookie最多可以存放4k大小的内容，session则没有限制。

2024-03-11 09:44:29 506

原创为什么javascript是单线程？

同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入”任务队列”（task queue）的任务，只有”任务队列”通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。如果排队是因为计算量大，CPU忙不过来，倒也算了，但是很多时候CPU是闲着的，因为IO设备（输入输出设备）很慢（比如Ajax操作从网络读取数据），不得不等着结果出来，再往下执行。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。

2024-03-06 14:52:04 585 1

原创 get和post的区别

对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。在网络环境好的情况下，发一次包的时间和发两次包的时间差别基本可以无视。而在网络环境差的情况下，两次包的TCP在验证数据包完整性上，有非常大的优点。这个也是最不好分析的，原则上post肯定要比get安全，毕竟传输参数时url不可见，但也挡不住部分人闲的没事在那抓包玩。

2024-03-04 11:04:58 1334 1

原创 vue跨域的几种方式

Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信，同时也是跨域的一种解决方案。服务器端接收到该请求，并将返回数据包裹在 callback 函数参数中，统一作为一个新的返回数据返回给前端。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。当本地发送请求的时候，代理服务器响应该请求，并将请求转发到目标服务器，目标服务器响应数据后再将数据返回给代理服务器，最终再由代理服务器将数据响应给本地。

2024-02-28 10:55:54 883 1

原创 vue语义化标签

每个HTML标签都有自己特定含义（语义），语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

2024-02-27 09:00:46 758

原创为什么要用promise而不用await

Promise的出现解决了传统callback函数导致的“地狱回调”问题，但它的语法导致了它向纵向发展行成了一个回调链，遇到复杂的业务场景，这样的语法显然也是不美观的。 async await代码看起来会简洁些，使得异步代码看起来像同步代码，await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖，只有这一句代码执行完，才会执行下一句。 async await与Promise一样，是非阻塞的。 async await是基于Promise实现的，可以说是改良版的Promise，它不能用于普

2024-02-26 08:48:49 503 1

m0_73300433的博客