秃头小小girl-CSDN博客

原创 vue中的keep-alive缓存组件

所以当我们从A页面跳转到B页面的时候，A页面已经被销毁了，假如在跳转之前我们对A页面进行了一个操作，接着我们从B页面再返回到A页面，发现原先在A页面上的操作没有了，但是假如我们想保存A页面原来的操作，我们应该怎么做呢？使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们，避免组件被返回后浏览器对它进行再度渲染，当组件在内被切换，它的。然后在App.vue中使用keep-alive包裹使用路由显示的入口**()**任何名称匹配的组件都不会被缓存。只有名称匹配的组件会被缓存。

2024-07-23 19:35:36 574

原创 TypeScript

使用abstract开头的方法叫做抽象方法，抽象方法没有方法体只能定义在抽象类中，继承抽象类时抽象方法必须要实现（子类必须对抽象方法进行改写）接口的作用类似于抽象类，不同点在于：接口中的所有方法和属性都是没有实值的，换句话说接口中的所有方法都是抽象方法；函数的返回类型可以是上述所列类型中的一种，若是函数没有返回值，则可以设置为viod(表示没有返回值)enum类型，又称为枚举类型，是预先定义的一组命名值的值类型，其中命名值又被称为枚举常量。如果在子类中添加了和父类相同的方法，则子类会覆盖父类的方法。

2024-07-15 19:16:40 468

原创对vue中数据添加新值，监测不到数据的变化的情况详解

1.vue会监视data中所有层次的数据vue监视的数据都是响应式的2.如何监测对象中的数据通过setter实现监视，且要在new Vue时就传入要监测的数据(1).对象中后追加的属性，Vue默认不做响应式处理(2).如需给后添加的属性做响应式处理1或13.如何监测数组中的数据？1.调用原生对应的方法对数组进行更新2.重新解析模版，进而更新页面。

2024-07-12 08:36:43 421

原创 Git分支

在版本控制过程中,同时推进多个任务,为每个任务,我们就可以创建每个任务的单独分支,使用分支意味着程序员可以把自己的工作从开发主线上分离开来,开发自己分支的时候不会影响主线分支的运行,可以简单理解为一个分支就是一个单独的副本。合并分支时,两个分支在同一个文件的同一位置有两套完全不同的修改,Git无法决定要用哪一个,必须人为决定。各个分支在开发过程中,如果某一个分支开发失败,不会对其他分支有任何影响,失败的分支删除重新开始即可。同时并行推进多个功能开发,提高开发效率。1.打开冲突的文件,手动添加修改。

2024-05-22 17:49:28 552

原创 Git常用命令

签名的作用是区分不同操作者身份,用户的签名信息在每一个版本的提交信息中能看到,以此确认本次提交是谁做的,首次安装Git必须设置用户签名。注意:版本穿梭会影响工作区里面的文件内容,会穿梭到要穿梭的那个版本文件。在本地库的内存里面,记录了很多个版本日志,通过调用指针指向不同的版本。注意:这里设置的用户签名和将来登录代码托管中心的账号没有任何关系。

2024-05-22 17:20:11 332

原创 Git简单理解

Git 是一个免费的开源的，分布式版本控制系统，可以快速高效的处理从小型到大型的各种项目Git占地面积小，性能极快，具有廉价的本地库，方便的暂存区和多个工作流分支等特性。

2024-05-22 16:05:48 421

原创 index.vue?a539:131 ReferenceError: Cannot access ‘result‘ before initializat

报错原因：在未声明result变量之前已经使用它了。上述属于声明前使用，将其调换位置即可解决问题。解决方法：将其放在变量声明之后使用。

2024-05-22 10:14:21 116

原创浅拷贝与深拷贝

但是这种方法只会拷贝一层的数据，当数组里面再嵌套一层数据的话，这层数据指向另一块内存空间中的数据，所以当有两层数据的时候，当拷贝第二层数据的时候还是相当于浅拷贝，修改第二层的数据也是会相互影响的。浅拷贝只会拷贝到这个值的内存地址，并不会直接拷贝到他的值，所以会出现两个值拥有相同的内存地址指向同一块堆中的数据，修改值时会相互影响。引用数据类型：在栈中存储的是内存地址，然后在堆中开辟一块空间去存储值，根据栈中的地址去堆中找相应的数据。将数组先转为JSON格式的字符串，再转为JSON格式的对象赋值给另一个变量。

2024-05-20 11:22:54 497

原创解决使用post请求获取不到node后端req.body数据的问题

今天写东西发现使用post请求获取不到后台的数据，输出req.body一直是空数据而改为get请求则正常，排除了参数形式传递错误的问题，通过查阅网上资料得到以下解决方法。

2024-05-18 11:34:25 313

原创 Tree树形结构渲染时出现错误[Vue warn]: Duplicate keys detected: ‘1‘. This may cause an update error. found in

在数据库表中有大于两行相同的id值，所以会报id key值不唯一的错误。加上另一个表中的字段与id一起作为key值。el-tree中默认的是以id为key值。，或者修改为数据库表中不会重复的字段。

2024-05-16 09:40:53 243

原创 element ui Tree树形控件

【代码】element ui Tree树形控件。

2024-05-15 20:46:26 179

原创 xhr.js?1a5c:258 GET http://localhost:8080/api/order/list%20?page=2 404 (Not Found)

xhr.js?1a5c:258 GET http://localhost:8080/api/order/list%20?page=2 404 (Not Found)

2024-05-13 09:16:01 158

原创 vue中数组去重的Set方法

【代码】vue中数组去重的Set方法。

2024-05-10 09:23:03 169

原创解决vuex刷新页面后数据丢失的方法

刷新页面vuex的数据会丢失属于正常现象，因为js的数据都是保存在浏览器的丢站内存里面的，刷新浏览器页面，会将堆栈申请的内存释放，堆栈里的数据自然也就清空了。

2024-05-08 20:33:43 411 1

原创优化路由-路由懒加载

当打包构建应用时，js包会变得非常大，影响页面加载如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，使加载组件更加高效，随用随加载。

2024-04-18 09:18:46 157

原创 vue.runtime.esm.js?c320:4625 [Vue warn]: Failed to resolve directive: lazy

原因：vue2与懒加载插件默认版本不相容导致的。解决方法：重新安装lazyLoad。

2024-04-17 16:55:38 442

原创 cancel at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:2

cancel at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:2。

2024-04-16 16:45:50 320 1

原创 Promise简单概述

回调地狱Promise是一种用于处理异步操作的编程模式，它可以更好地管理和组织异步代码。1.Promise是一个代表了异步操作最终完成或失败的对象。pending（进行中）、fulfilled（已完成）和rejected（已失败）。2.Promise通过链式调用的方式来处理异步操作，使得代码更加清晰和易于维护。可以通过then()方法来注册成功回调函数，通过catch()方法来注册失败回调函数。3.Promise提供了一种解决回调地狱（callback hell）问题的方式，使得异步代码更加可读和可控。

2024-04-12 11:53:25 1010

原创防抖(debounce)与节流(throtttle)

节流与抖动。

2024-03-31 16:31:22 633

原创 vue-v-for遍历index与id

当添加一个新的数据时，会生成新的数据段，然后生成新的虚拟DOM，这时就会使用虚拟DOM对比算法用新的虚拟DOM和旧的虚拟DOM进行对比。如果key相同的话，比较其他的一样不一样，若一样将旧虚拟DOM中映射出来的真实DOM的值进行复用，反之直接写入新的真实DOM之中。紧接着Vue就会根据新的数据生成新的虚拟DOM，然后新的虚拟DOM就会去和旧的虚拟DOM进行diff(虚拟DOM对比算法)如果key一样的话，进行其他的对比，一样的可以进行再次的复用，使用id作为key，保证了key的唯一性，防止数据错乱。

2024-03-29 20:43:15 741 1

原创 vue2完结

（1）拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突（2）实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用（3）一个组件在用：放在组件自身即可（4）一些组件在用：放在他们共同的父组件上（Vue上叫做状态提升）（3）实现交互：从绑定事件开始2.props适用于（1）父组件---->子组件通信（2）子组件---->父组件通信（要求父组件先给予一个函数）v-model绑定的值不能是props传过来的值，因为props传过来的值不建议修改。

2024-03-29 20:31:34 1222 1

原创 vue-路由详解

1.Vue路由是Vue.js官方提供的一种前端路由管理方式，它可以实现单页应用（SPA）的页面跳转和组件切换，提供了一种优雅的方式来管理应用的URL。2.路由的基本概念：路由是指根据不同的URL路径，展示不同的内容或组件。在Vue中，可以通过Vue Router来实现路由功能。3.安装和配置Vue Router：首先需要通过npm安装Vue Router，然后在Vue项目中引入并使用Vue Router。配置包括定义路由规则、设置默认路由、配置路由参数等。

2024-03-28 20:42:22 1016 4

原创 vue-Vuex详解

对Vue应用中多个组件的，也是一种组件间通信的方式，且适用于其实对于任意组件间通信也可以通过全局事件总线来完成，对数据管理包含数据的读和写，但是对于全局事件总线传递数据我们之前接触的只涉及读，而未涉及写数据（修改数据），当我们用全局事件总线同时读数据，修改数据的时候就会使代码变得混乱然而当我们使用vuex后，将每个组件都要使用的数据都放在vuex中，可以简化代码，进行数据的集中式管理，进行读写数据也非常方便。

2024-03-26 20:00:03 821

原创 vue-插槽简单概述

让父组件可以向子组件位置插入html结构，也是一种组件间通信的方式，适用于父组件--->子组件。

2024-03-24 11:34:45 221 1

原创 Vue-全局事件总线

在发送数据的组件中触发事件并传递数据（给school组件的按钮绑定事件，触发自定义事件）全局事件总线实现了任意组件间的通信，有效简化了开发过程中一些数据传递的操作，同时也提高了程序的性能，但是在开发中，使用全局事件总线时要根据实际业务情况进行选择，避免事件总线太繁琐1.父传子：props2.子传父：props(要在父组件中提前写好函数，将函数传递给子组件，让子组件合适时机触发，将子组件数据传递给父组件）自定义事件（通过v-on,ref给子组件绑定自定义事件）3.兄弟组件或者爷孙组件：事件总线。

2024-03-23 09:47:01 2280

原创 vue-组件的自定义事件

假如子组件是Demo，父组件是app，子组件已经在父组件中被引用了,例如要给demo绑定一个hello自定义事件,在A中事件的回调是updatethis.$off('绑定的事件名’）在父组件使用组件实例对象身上的$off进行解绑若解绑多个事件，则使用数组包裹，如果不传参数，所有的自定义事件都解绑若想让自定义事件只能触发一次，可以使用once修饰符，或者$.once方法。

2024-03-22 10:26:09 2117 1

原创 Vue-浏览器本地存储

以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求获取同一个信息。在你离线时，使用本地存储的数据而不是向远端服务器上请求数据就非常方便，客户端存储可以通过这些技术来实现：cookie,webStorage（LocalStorage，sessionStorage），这一篇我们着重说webStorage。

2024-03-21 21:35:14 767 1

原创解决vscode输入英文时有黄色小方框且字母间间距过大的问题

今天写东西时，就突然不知为什么写一个字母就会有黄色方框而且间距还很大，经过网上查找原因，下面解决方法亲测有效。

2024-03-21 09:10:27 952 1

原创关于Vue脚手架ref属性，props配置，mixin混入，以及插件plugins的简单使用

被用来给元素(html元素，例如span)或子组件注册引用信息（子组件在父级组件中使用）（id的替代者）应用在html标签上获取的是真实的DOM元素，应用在组件标签上是组件实例对象（vc)定义插件：对象.install = function(Vue,options){-- 1.添加全局过滤器 -->-- 2.添加全局指令 -->-- 3.配置全局混入（合） -->-- 4.添加实例方法 -->使用插件：Vue.use()在Vue中合理的运用插件，让代码变得更强大。

2024-03-19 16:16:25 1014 1

原创 Vue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names

写成一个单词首字母大写其实也是可以的，只是Vue建议我们写成驼峰式的，Vue将代码语法的不规范书写当成了错误对待,我们可以用下面两个方案进行解决。报错大概说的是组件名Student应该是一个多单词构成，也就是说要么写驼峰式，要么写两个单词中间加个横杠。在通过脚手架创建文件夹中找到vue.config.js文件，在里面加上。也就是遵循报错信息说的代码规范来进行命名。

2024-03-18 15:14:33 554 1