vffa-CSDN博客

原创 promise

他有两个重要的办法，all()和race()，他们都接收数组为参数，数组对象为promise对象，all是在所有promise对象的状态都为fulfilled时才输出，race是只要其中一个promise对象有变化，他就输出，其他的对象都不再管了。promise有三种状态①pending等待，promise对象刚创建时，②fulfilled成功，调用resolve时，③rejected失败，调用reject时，这三种状态都只能由等待转为成功或从等待转为失败。这种回调函数中嵌套回调函数的情况就叫做回调地狱。

2025-04-09 10:29:44 156

原创 prop和attr异同

prop()可以动态获取标签的状态，attr()不能动态获取标签的状态（例：input未设置checked时，不论input是否被选中，attr()获取checked属性，均是返回undefined，若设置均返回checked；prop()和attr()给dom设置属性时，如果有多个可匹配的dom，全部都被设置上属性；prop()获取未设置的固有属性，返回空值，attr()获取未设置的属性，返回undefined。prop()和attr()取dom时，如果有多个可匹配的dom，只取第一个。

2025-04-09 09:41:33 366

原创 JavaScript中的事件循环机制

当第一个宏任务进入主线程，进行第一次事件循环，如遇到宏任务，则将其分发到宏任务队列中，若遇到微任务，则将其分发到微任务队列中。同步代码执行完毕，微任务队列先进入主线程直至任务执行完毕，下一个宏任务进入主线程开始下一次的事件循环。以上过程会不断重复，直到宏任务队列全部执行完毕，这就是Javascript中的事件循环机制了。

2025-01-06 23:42:39 1613

原创页面优化的方法

首先，要监测关键词的排名情况，可以使用类似 Ahrefs 的排名追踪工具 Rank Tracker 来追踪目标关键词的排名，并在接下来的三个月内观察排名情况。如果 Google 认为你的内容比竞争对手的内容不相关，他们会把你的排名降低。内容角度 — 高排名点的独特卖点，例如 “最好的”，“最便宜的”，“适合初学者的” 等等。如果你的内容涵盖了相关的子主题，那么它更有可能符合搜索者的期望。页面优化是一项可以重复进行的工作，如果你对自己在 Google 的排名不满意，可以通过改进和重新发布内容来提升排名。

2025-01-05 23:23:38 542

原创父子组件生命周期的执行顺序

生命周期阶段父子组件执行顺序加载渲染父beforeCreate → 父created → 父beforeMount → 子beforeCreate → 子created → 子beforeMount → 子mounted → 父mounted更新过程父beforeUpdate → 子beforeUpdate → 子updated → 父updated销毁过程父beforeDestroy → 子beforeDestroy → 子destroyed → 父destroyed。

2025-01-03 19:09:18 443

原创计算属性和监听属性

computed: { // 计算属性；特点：当计算属性中所以来的任何一个 data 属性改变之后，都会重新触发本计算属性的重新计算，从而更新 fullName 的值

2024-12-26 19:19:10 296

原创 vue路由

router-link :to='{name:'pageB',params:{参数，参数}}'>在路由里给要跳转的页面设置name，在路由对象路径里path后边/:参数名，传谁就冒号谁。在methods里定义一个方法，在这个方法里用this.$router.push（{name:'要跳的路由对象中的name'},parmas:{参数}）传参。<router-link :to="{path:'/要跳转的路径'，query:{要传的参数，参数，参数}}">路由跳转传参的两种方式。

2024-12-24 23:48:36 404

原创 vue组件

使用:is属性来切换不同的子组件，并添加切换动画使用component标签，来引用组件，并通过:is属性来指定要加载的组件。flag">切换组件1.在父组件中的子标签中自定义一个方法，方法中的参数就是子组件传过来的数据。2.在子组件中$emit('自定义方法名',传递的参数)方法中进行传参。使用flag标识符结合v-if和v-else切换组件。1.在父组件中的子标签中自定义一个属性。2.在子组件中用props接收。

2024-12-24 18:48:24 295

原创常见状态码

当我们访问一个网页时，浏览器会向网页所在服务器发出请求，当服务器收到请求后，就会解析请求并做出响应，同时服务器会返回一个包含HTTP状态码的信息头（server。当请求者应对不同的位置进行单独的 GET 请求以检索响应时，服务器会返回此代码。请求的资源已被永久的移动到新URL，返回信息会包括新的URL，浏览器会自动定向到新URL。HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。表示请求的资源被分配了新的URL，希望本次访问使用新的URL。

2024-12-22 23:06:26 808

原创九种请求方式

表示向指定资源提交数据，数据包含在请求头中。POST 请求是 HTTP 请求中使用最多的一种请求方式。：返回服务器针对特殊资源所支持的 HTML 请求方式或允许客户端查看服务器的性能。：类似于 GET，只不过返回的响应体中没有具体内容，只有报文头，用于获取报文头。：从客户端向服务器传送的数据取代指定的内容，即向指定的位置上传最新的内容。：请求服务器删除 Request-URL 所标识的资源。：回显服务器收到的请求，主要用于测试和诊断。：表示请求指定的页面信息，并返回实体内容。

2024-12-22 23:02:44 689

原创 vue-过滤器、键盘修饰符、自定义指令

通过Vue提供的filter方法定义：Vue.filter()参数：过滤器的名字或过滤器执行函数Vue.filter(过滤器名字,回调函数(data管道符前面或上个过滤器返回的数据,format传递的参数))filters:{过滤器名字(data,format){}}Vue.directive('自定义指令名字',{bind,inserted})'自定义指令名字':{

2024-12-19 19:56:08 213

原创路由的使用

1.后端路由：对于普通的网站，所有超链接都是URL地址，所有的URL地址都对应服务器上对应的资源2.前端路由：对于单页面应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；3.在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）如何使用路由在router文件下找到index.js。

2024-12-19 19:43:09 165

原创 vue基础02

原理：采用“数据劫持”结合“发布者-订阅者”模式来实现，通过Object.defineProperty方法来劫持各个属性上面的getter和setter函数，在数据发生变动时发布消息给订阅者，触发相应的监听回调，进行视图的更新。v-if直接删除dom元素。v-if可以与v-if-else、v-else组合使用中间不能有其他元素。2.遍历对象 v-for="(value,key,index) in 对象"应用场景不同：修改少次的情况用v-if，频繁操作使用v-show。v-for与v-if尽量不要连用。

2024-12-16 22:41:03 181

原创 Vue详细介绍

MVVM：M是model模型层，作用是进行数据的逻辑处理；V是view视图层，作用是展示数据；VM是view-model视图模型层，作用是连接模型层和视图层，起承上启下的作用。MVC：M是model模型层，作用是与数据库打交道，处理数据；V是view视图层，作用是展示数据、发送数据；3.1 库：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可可以很容易切换到其它库实现需求。MVC是后端分层开发的概念，MVVM是前端视图层的概念。轻量级框架:只关注视图层，是一个构建数据的视图集合。

2024-12-15 14:46:53 662

m0_67418845的博客