在完成任务的同时，还需要不断“复盘”，不论你多么的忙，都需要留下时间思考，可以思考哪些地方做的好，哪些地方我们可以改进，应该如何改进，注重总结才是王道

2023年7月17日

摘要： 1.卸载旧的vue-cli npm uninstall vue-cli -g 2.卸载旧版本的node(版本号可能不适用vue3) 3.进入node官网，下载并安装最新的稳定版本node (当前版本号：18.16.1) 3.1.检验是否安装成功 4.安装vue(当前版本号：3.2.13) npm i 阅读全文

posted @ 2023-07-17 16:11 pwindy 阅读(825) 评论(0) 推荐(0) 编辑

2023年7月11日

vue表单中输入框事件的使用@input、@keyup.enter、@change、@blur、@focus

摘要： 1.@input(v-on:input) 此触发方法适合在查询条件或实时规则校验中使用 <input type="text" placeholder="请输入查询内容条件" v-model="inputVal" v-on:input="search" value="" /> 2.@keyup.ent 阅读全文

posted @ 2023-07-11 20:26 pwindy 阅读(857) 评论(0) 推荐(0) 编辑

2023年7月8日

Vue详解设置路由导航的两种方法<router-link to=“”>和router.push(...)

摘要： 1.<router-link to=""> to里的值可以是一个字符串，也可以是一个描述地址的对象。 // 字符串 <router-link to="apple"> to apple</router-link> // 对象 <router-link :to="{path:'apple'}"> to 阅读全文

posted @ 2023-07-08 18:54 pwindy 阅读(228) 评论(0) 推荐(0) 编辑

2023年7月7日

Vue3主要的响应类方法(ref、reactive、toRef、toRefs)

摘要： 1.Vue.ref() 1.1.可以为单个属性添加响应式状态。1.2.可以为对象添加响应式状态，当给对象的某个属性单独ref后，改变后的属性值不会同时改变原始值。1.3.访问数据值，需要添加.value。1.4.原始数据的拷贝。(原始数据不被改变) 2.Vue.reactive() 2.1.给对象添阅读全文

posted @ 2023-07-07 11:01 pwindy 阅读(110) 评论(0) 推荐(0) 编辑

2023年7月3日

详细讲解js中的深拷贝与浅拷贝

摘要： 1.概述深拷贝与浅拷贝在其它语言中也经常被提及到，在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝，有时候在该使用深拷贝的地方，我们使用了浅拷贝，会导致深藏不露的bug。 2.数据类型在探讨深浅拷贝之前，我们先梳理一下js中的数据类型，js的数据类型分为两类：基本数据类型和引用阅读全文

posted @ 2023-07-03 21:06 pwindy 阅读(162) 评论(0) 推荐(0) 编辑

2023年6月1日

Object的属性和方法

摘要：先了解几个相关的概念 1.constructor(构造函数) 所谓构造函数，其实是一个普通函数，但是内部使用了this变量。对构造函数使用new运算符，就能生成实例对象，并且this变量会绑定在实例对象上。 2.实例对象对构造函数使用new运算符，就生成了实例对象。 3.构造函数和实例对象关联 3 阅读全文

posted @ 2023-06-01 16:58 pwindy 阅读(128) 评论(0) 推荐(0) 编辑

2023年5月10日

Vue插槽详解

摘要： vue插槽的作用 Vue插槽是Vue中常见的一种组件间的相互通信方式，作用是让父组件可以向子组件指定位置插入html结构，适用于父组件 >子组件，在要接收数据的组件页面通过<slot></slot>标签来表示，简单来说，就是通过此标签来起到占位的作用，而要插入的内容也会对应到标签所在的位置。 1.默阅读全文

posted @ 2023-05-10 15:30 pwindy 阅读(229) 评论(0) 推荐(0) 编辑

2023年5月9日

Vue watch 的handler,immediate,deep属性

摘要： new Vue({ el: '#app', data: { num: 0, sum:10, }, watch: { // 只要num的值发生变化，sum的值就会变化不用handler的简洁写法 num(newValue, oldValue) { this.sum= newValue; } // 也阅读全文

posted @ 2023-05-09 11:23 pwindy 阅读(254) 评论(0) 推荐(0) 编辑

2023年5月5日

一文弄懂CORS跨域原理

摘要： 1.前言由于同源策略的存在，导致我们在跨域请求数据的时候非常麻烦，首先阻挡我们的所谓同源到底是什么呢？所谓同源就是浏览器的一个安全机制，不同源的客户端脚本没有在明确授权的情况下，不能读写对方额资源。由于存在同源策略的限制，而又有需要跨域的业务，所以就有了CORS的出现。我们都知道，jsonp也可阅读全文

posted @ 2023-05-05 21:42 pwindy 阅读(123) 评论(0) 推荐(0) 编辑

2023年5月4日

从 async 和 await 函数返回值说原理

摘要： async 和 await 如何工作，如何正确的使用 async 和 await 。 1.什么是async和await 简单来说，它们是promise嵌套的语法糖 async function helloAsync() { const result = await new Promise((reso 阅读全文

posted @ 2023-05-04 12:16 pwindy 阅读(361) 评论(0) 推荐(0) 编辑


Copyright © 2024 pwindy Powered by .NET 8.0 on Kubernetes 博客园