- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue中的keep-alive用过吗？什么是keep-alive？
keep-alive是Vue的一个内置抽象组件，通常用于缓存动态组件或路由组件。被keep-alive包裹的组件在切换时不会被销毁，而是被缓存下来，下一次切换回这个组件时，会直接复用之前的实例，保持其状态。在这个例子中， homeComponent在被切换时不会被销毁，而是被缓存，当再次展示时，状态和数据都保持不变。
2024-10-09 15:30:02
898
原创 Vue2和Vue3路由区别及原理
Vue2中，通过Vue.use()注册路由插件，并通过new VueRouter()来创建路由实例Vue3中，通过createRouter 和 createWebHistory等API创建路由实例，直接使用app.use()挂载，不再需要Vue.use()来注册插件。
2024-10-08 17:42:11
761
原创 深度选择器的区别与用法
在vue项目中，尤其是组件化开发中，有时需要对组件内部的某些样式优化，但vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。于是，为了能够跨越组件定制内部元素样式，引入了深度选择器，也称为穿透选择器或阴影穿透选择器。接下来就讲讲＞＞＞、/deep/、::v-deep、::v-deep()和:deep()的区别与用法。
2024-09-29 17:31:02
428
原创 npm切换到淘宝镜像
请注意，切换镜像可能会有一些副作用，比如某些包可能在淘宝镜像上不存在或更新较慢。3、切换后就可使用淘宝镜像加快npm包的下载速度。1、输入以下命令后回车，npm切换至淘宝镜像。2、输入以下命令后回车，检查是否切换成功。若返回此信息，表示切换成功。
2024-09-27 10:02:54
404
原创 8个前端库-小且美
1.前提：前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。1.radash相比与 lodash，更加面向现代，提供更多新功能（tryit，retry 等函数），源码可读性高，大部分函数可以直接复制到本地使用。更轻量与全面：Radash自称为lodash plus版本，声称比lodash更轻量、更全面。它不依赖任何第三方库，仅在自己的源码里实现功能，因此非常轻量。
2024-09-14 13:43:52
571
原创 vue中v-bind和v-model的区别和应用
v-model的应用：用于文本、复选框、单选按钮、下拉列表等的双向数据绑定；v-bind的应用：用于访问data中的数据，在html标签的属性中使用；
2024-09-13 17:03:45
644
原创 elementUI中el-form 嵌套el-from 如何进行表单校验？
在el-form中嵌套另一个el-form进行表单校验和添加规则，通常不是Vue或Element UI推荐的做法，因为这可能导致一些意料之外的行为，特别是在处理表单验证和提交时。在el-form中嵌套另一个el-form进行表单校验和添加规则，首先，需要确保每个嵌套的。
2024-09-12 11:06:36
623
原创 vue开发｜qs是什么？
qs是一个JavaScript库，主要用于查询字符串的解析和序列化。它提供了一些附加安全性的特性，是处理URL查询字符串（如将对象序列化为查询字符串或将查询字符串解析为对象）的理想工具。
2024-08-30 16:05:38
1186
原创 还有人不清楚Object.keys()的用法？对，那就是我
下面是我总结Object.keys()的基础用法，如有其他用法，欢迎各位大佬在评论区留言！！
2024-08-06 13:17:49
274
原创 Git的安装、配置及使用教程
Git 和其它版本控制系统（包括 Subversion 和近似工具）的主要差别在于 Git 对待数据的方式。从概念上来说，其它大部分系统以文件变更列表的方式存储信息，这类系统（CVS、Subversion、Perforce 等等） 将它们存储的信息看作是一组基本文件和每个文件随时间逐步累积的差异，它们通常称作基于差异的版本控制。反之，Git 不按照以上方式对待或保存数据，Git 更像是把数据看作是对小型文件系统的一系列快照。
2024-08-01 17:39:10
1015
原创 npm必备知识
（Node Package Manager，即node包管理器）是的一个程序包管理和分发的管理工具，它可以让全世界与Web前端相关开发者共享代码，非常方便的使用各种插件、库和框架，无需再到处去搜寻需要用到的这些程序。
2024-07-02 10:38:30
635
原创 vue报错：Do not mutate vuex store state outside mutation handlers.
原因：在vuex store的state外部直接修改了state的值，但是Vuex要求所有的state的修改必须在vuex中，不允许直接咋组件中修改store中的状态，除非通过mutation来进行。1.通过提交一个mutation来修改store中的状态。首先在store中定义一个mutation来触发这个mutation，然后在组件中提交mutation。这样就可以避免直接修改。中的状态是VueX的最佳实践，可以确保状态的改变是可追踪和可控的。中的状态而引发的错误。
2024-06-26 12:00:00
224
原创 Vue中lang=pug模板引擎之pug模板语法
pug 是一种前端模板引擎，原名 jade，可用来生成 HTML，它的写法类似于 CSS。入门指南 – PugHTML标签必须进行闭合，如果不闭合的话容易报错。HTML没有模板机制，如果不使用前端框架维护起来非常困难。易理解，极大的简约了我们的代码。
2024-06-25 11:10:30
789
1
原创 前端实现异步的方法
这是最基本的异步编程方法。它允许将一个函数作为另一个函数的回调。这种方式简单易懂，但可能导致代码结构混乱，每个任务只能指定一个回调函数。
2024-03-19 11:12:04
607
1
原创 vue2和vue3的区别
的双向数据绑定是利用ES5 的一个 API ，对数据进行劫持结合发布订阅模式的方式来实现的。使用了 es6 的ProxyAPI 对数据代理。
2024-03-16 17:11:17
1201
1
原创 vue3+Element-plus el-pagination分页组件英文如何转换为中文
解决方案如下：在main.js中导入相应的包，引入zhCn ，在使用时添加语言，代码如下：转为中文样式如下：
2024-01-22 16:52:31
1603
2
原创 vue3使用百度地图简单步骤
2.没有设置 center 和 zoom 属性的地图组件是不进行地图渲染的。当center 属性为合法地名字符串时例外，因为百度地图会根据地名自动调整 zoom 的值；3.由于百度地图 JS API 只有 JSONP 一种加载方式，因此 BaiduMap 组件及其所有子组件的渲染只能是异步的。1.BaiduMap 组件容器本身是一个空的块级元素，如果容器不定义高度，百度地图将渲染在一个高度为 0 不可见的容器内；Tips:具体控件实用规则可参考该链接。
2023-11-23 17:30:57
528
原创 解决执行Set-ExecutionPolicy RemoteSigned报出的的错误：对注册表项“HKEY_LOCAL_MACHINESOFTWAREMicrosoft.”的访问被拒拒绝。
set-ExecutionPolicy : 对注册表项“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\PowerShell\1\ShellIds\Microsoft.PowerShell”的访问被拒绝。要更改当前用户的执行策略，请运行 “Set-ExecutionPolicy -Scope CurrentUser”。6.关闭PowerShell，然后执行get-ExecutionPolicy，发现变成了RemoteSigned，就成功了。输入PowerShell；
2023-08-15 15:37:26
1800
2
原创 你们公司的代码规范都是啥样的？
小驼峰式命名法（lower camel case）： 第一个单词小写字母开始，第二个单词首字母大写，例如：myList。大驼峰式命名法（upper camel case）： 每一个单词首字母采用大写字母，例如：MyList。components下的组件命名规范遵循大驼峰命名规范。pages下的文件命名规范：遵循小驼峰命名规范。统一使用类方法，内部方法定义每个接口，最后统一。，接口使用到的类型全部定义在同级目录文件中。目录下面，按照功能划分，分为不同的目录。所有export的类接口方法都在。
2023-08-15 15:30:47
179
1
原创 使用Map数据结构来管理数据，提高代码的可读性；
当页面中有多个表单元素需要进行数据交互时，可以使用Map来存储表单数据。当页面中存在一个列表需要管理时，可以使用Map来存储列表数据。当页面中存在一些状态需要管理时，可以使用Map来存储状态。当我们需要缓存一些数据时，可以使用Map来存储缓存数据。
2023-05-22 11:11:05
161
1
原创 Cannot read properties of undefined (reading ‘key‘)
Cannot read properties of undefined (reading ‘key‘)
2023-03-04 16:15:20
5680
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人