- 博客(365)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue PC仿小红书发文章时添加标题效果（选择特色标签可自行输入，删除时可控制光标位置
【代码】vue PC仿小红书发文章时添加标题效果（选择特色标签可自行输入，删除时可控制光标位置。
2025-03-31 12:01:45
190
转载 在项目中查看仓库的git地址
但是此时有个同事，本地是有这个代码的，让这个同事帮忙指向一下这个命令就可以知道项目的git地址了。需要看一个项目中代码，很尴尬，找不到项目的git地址，
2025-03-28 15:57:21
16
转载 el-date-picker组件的picker-options常规属性设置
【代码】el-date-picker组件的picker-options常规属性设置。
2025-03-28 10:54:55
27
转载 【Element】el-form和el-table嵌套实现表格编辑并提交表单校验
用户只对模块设置区的排序或多选框进行了操作，没有对自定义设置区进行操作就保存，因对自定义设置区的表单进行了校验，此时无法提交，需更改现有代码；自定义设置区默认要有一条空数据在页面展示，可供用户自定义操作，不管用户是否填写，保存时都能正常保存，如果用户填写了表单但不完整，此时需对表单进行校验通过再保存成功。表格增加操作项，具有添加和删除按钮，第一项无法删除，点击添加时，动态增加表格的行数，点击删除的时候，删除表格的行数据。背景：页面中包含2个功能设置区，当用户进行操作后，统一进行保存，如下👇。
2025-03-20 15:33:52
173
转载 uni-app 路由跳转方式
uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式。需要跳转的 tabBar 页面的路径（需在 pages.json 的 tabBar 字段定义的页面），路径后不能带参数pages.json。key=value&key2=value2，path为下一个页面的路径，下一个页面的onLoad函数可得到传递的参数。该组件类似HTML中的<a>组件，但只能跳转本地页面。保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
2025-03-18 10:25:14
41
转载 elementUI中validateField对多个部分表单字段进行校验时多次回调问题的完美解决方案
1.首先，我们得知道，使用validateField部分校验数组的时候，数组有几位，就会回调几次。当也就是空的时候，表示验证通过，回调返回为“ ”，所以就是，你校验几个规则，就会返回几个结果，如果通过就为“”（空）。//网上的其他方法错就错在这里，他们没有校验数组长度，从而第一次validateFieldList的每一项item就等于“”，从而并没有起到该有的效果。在网上看到了他人的解决方案，发现他们的方案是不对的，他们只是单单解决了验证错误，却没有解决验证正确的情况下。//这里的2为你要校验值的个数。
2025-03-11 12:01:44
61
转载 【小程序】新版uniapp登录流程以及获取头像和昵称
获取头像主要是设置按钮属性open-type="chooseAvatar" ，并通过@chooseavatar获取图片。注意，微信开发者工具的原生点击获取昵称，无法采用获取dom的方法去实时刷新data里的数据，采用真机调试去input事件赋值！微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。步骤二，登录按钮隐藏，展示上传按钮。步骤一，点击登录，获取token。步骤四上传按钮隐藏，展示一下按钮。步骤五，点击输入框，获取用户昵称。
2025-03-10 10:35:39
890
转载 Uniapp页面跳转方法完整解析
uniapp作为基于Vue.js的跨平台开发框架，其页面路由机制融合了小程序和Web的特性。本文将系统讲解6种核心跳转方式，深入解析参数传递技巧，并提供企业级实战方案。欢迎大家来学习本文哟~😄😄😄。
2025-03-07 19:03:02
213
转载 uniapp小程序更改swiper指示点样式
在App.vue文件中设置样式，微信小程序使用wx-的类名，App使用uni-类名。我是微信小程序，所以代码如下。更改后的样式如下，亲测有效。
2025-03-07 09:10:43
45
转载 uniapp实现点击图片预览放大。
思路：点击那个图片动态穿那个图片的url 点击事件方法接收参数使用。使用uniapp中的 uni.previewImage API。首先给你展示图片的标签注册点击事件。注意点：urls 配置项是数组。
2025-03-06 16:38:45
187
转载 uniapp实现微信小程序富文本之mp-html插件详解
本文介绍了如何在uniapp中利用mp-html插件处理微信小程序的富文本内容，涉及正则表达式的应用、图片自适应处理以及在项目中引入和使用的步骤。摘要由优快云通过智能技术生成uniapp实现微信小程序富文本之mp-html插件1 文章背景.1 正则表达式1.2 mp-html插件1.3 uniapp2 过程详解2.1 下载mp-html插件2.2 项目中引入mp-html2.3 引入正则规范图片自适应2.4 效果展示3 全部代码11 文章背景。
2025-02-28 15:05:32
648
转载 uni-app表单验证3种方法
本文介绍了uni-app中与vue类似的表单验证方法，重点在于将prop改为name，使用rules进行验证，并展示了自定义验证函数validateFunction的用法，如检查手机号码格式。同时提到了errorMessage的使用，确保用户输入的正确性。摘要由优快云通过智能技术生成。
2025-02-20 17:55:47
182
转载 webstorm开发中常用快捷键
右键subversion------>commit File------>选择提交的文件，描述：dev_is_详细内容_2024XXXX_leironghua，commit------>弹出框选中间提交成功检查是否提交成功（）ctrl+alt+F12 查看文件所在位置，打开文件。ctrl+shift+r 全局搜索。shift+ctrl+n 无痕模式。idea：F8执行下一行，F9放行。
2025-02-06 16:24:19
115
转载 设置固定高度渐变背景
高度为1.8rem的linear-gradient(180deg, #ff5289 0%, #f7f7f8 100%)渐变和跟着父元素高度发生变化的#f7f7f8纯色。
2025-01-22 15:50:51
46
转载 vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
解决：首先排除了v-model是否绑定正确，单词有无错误，校验有没有写错（例如触发事件、校验规则是否通过)。发现以上都没问题，开始百度、查看官方文档，发现给包裹 el-rate 组件的 el-form-item 添加了如下属性去控制提示信息的显隐就好了。问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。2.填写完所有的选项后，仍未消除提示。1.打开表单，直接点确定。
2025-01-16 14:27:04
93
转载 使用vue-seamless-scroll 横向无限滚动
使用vue-seamless-scroll 横向无限滚动 同时解决复制的dom事件无法触发的问题。链接：https://juejin.cn/post/7185325199556870205。
2025-01-07 15:37:14
172
转载 npm常用命令
npm常用命令简介npm是跟随node一起安装的包（模块）管理器。常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。常用命令检测是否安装及版本。
2024-12-03 11:11:26
44
转载 uni-app - 解决 rich-text 富文本解析图片无法自适应宽高问题
【代码】uni-app - 解决 rich-text 富文本解析图片无法自适应宽高问题。
2024-11-28 15:39:07
234
转载 Flex 布局教程：语法篇
作者：日期：网页布局（layout）是 CSS 的一个重点应用。正在上传…重新上传取消布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。正在上传…重新上传取消2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友。
2024-11-28 13:21:56
68
转载 Flex 布局教程：实例篇
页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。上面代码中，div元素（代表骰子的一个面）是Flex容器，span元素（代表一个点）是Flex项目。有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。在容器里面平均分配空间，跟上面的骰子布局很像，但是需要设置项目的自动缩放。下面，就来看看Flex如何实现，从1个点到9个点的布局。介绍了Flex布局的语法，今天介绍常见布局的Flex写法。某个网格的宽度为固定的百分比，其余网格平均分配剩余的空间。
2024-11-28 12:19:30
71
原创 niapp常用组件——顶部导航选项栏（可滑动）
UniApp常用组件——顶部导航标签栏（可滑动）自定义了一个组件，将其封装了起来，并将背景颜色，选中文字颜色，底部横条颜色等外抛，以便使用者根据需求来选择引用方式在script中导入并在component中注册template模板中引用。
2024-11-27 15:30:02
235
转载 uniapp面试题
在UniApp中，导航栏组件用于实现页面的顶部导航栏，并提供了一些常用的配置选项。UniApp中常见的导航栏组件是uni-navigator，它可以在页面中嵌入导航栏，并通过属性进行配置。以下是uni-navigator组件的一些常用属性：title：指定导航栏标题文字。color：设置导航栏文字颜色。background-color：设置导航栏背景颜色。back-icon：设置返回按钮的图标样式。home-icon：设置首页按钮的图标样式。
2024-11-27 12:18:08
234
转载 uniapp路由拦截器
uniapp提供了uni.addInterceptor方法在触发路由跳转时可以拦截，在做商城的时候限制未登录的用户访问一些页面，用这个处理起来很方便。navigateTo和redirectTo主要用于非 tabBar 页面之间的导航。switchTab用于 tabBar 页面之间的切换。示例url: 'request/login', //仅为示例，并非真实接口地址。// 打印： {code:1,...}});// request 触发前拼接 url},// 请求成功后，修改code值为1。
2024-11-19 14:06:20
324
转载 【理解异步函数async和await的用法
定义1. async 是异步的意思，await则可以理解为 async wait。所以可以理解async就是用来声明一个异步方法，而 await是用来等待异步方法执行2. async作为一个关键字放在函数前面，表示该函数是一个异步函数，异步函数意味着该函数的执行不会阻塞后面代码的执行；而 await 用于等待一个异步方法执行完成；
2024-11-18 13:06:25
221
转载 【UniApp】同步执行请求 async 和 await
文章介绍了在UniApp中，不使用await等待异步请求的处理方法，展示了如何使用Promise实现`fun1`同步执行`fun2`中的网络请求，并打印返回结果。摘要由优快云通过智能技术生成。
2024-11-18 12:04:31
441
原创 在Vue中，vue document.onkeydown 无效
来监听键盘事件，可能会发现该事件监听器无效。这通常是因为Vue实例或组件还未完全挂载到DOM上，因此无法接收到键盘事件。生命周期钩子中添加事件监听器。这样可以确保组件已经挂载到DOM上，可以接收到事件。生命周期钩子中移除事件监听器，以防止内存泄漏。在Vue中，如果你尝试在组件内直接使用。
2024-11-18 12:02:15
535
转载 2023前端面试题第二弹（真实，一般人我还不给看）
要自己带电脑还是公司配备，实习是80薪还是全薪，实习多久？symbol，let，const，解构赋值，map和set，扩展运算符(...)，assign，includes，startsWith，from，find，findIndex，fill，箭头函数，class，import，export，promise。可以说有哪些功能，是否有不同的权限，导致登入系统时显示不同的功能不同的模块，业务逻辑是什么，封装了哪些组件，哪些函数，项目周期是多久，项目组成人员是怎么分配的，整个项目的开发流程等等。
2024-10-23 16:54:15
231
转载 Visual Studio Code(vsCode)如何切换到中文版?
原文链接：https://blog.youkuaiyun.com/qq_19872493/article/details/140870491。在搜索框 输入 language 选中 Configure Display Language。启动vscode后，选择左下角 设置 =》CommandPalette...设置后的中文 界面如下。点击 Restart。
2024-10-22 11:05:57
237
转载 hasOwnProperty() 方法详解
今天，我们将深入研究JavaScript中的hasOwnProperty()方法，这是一个在对象中判断属性是否存在的关键方法。通过本文，我们深入了解了JavaScript中的hasOwnProperty()方法，掌握了它的基本用法和实际应用场景。hasOwnProperty()是在处理对象属性时非常有用的工具，帮助我们判断属性是否为对象的自有属性，避免对继承属性的误操作。在这个示例中，我们使用hasOwnProperty()方法判断student对象是否包含grade属性，然后根据判断结果进行相应的操作。
2024-08-19 15:59:13
200
转载 彻底理清防抖和节流（前端性能优化）
实现机制：两者都可以通过JavaScript的setTimeout函数实现，利用时间延迟来控制回调函数的执行。性能优化：它们的共同目的都是减少函数的执行频率，以此来提高程序的性能，避免不必要的计算资源消耗。
2024-07-16 15:52:23
278
转载 async、await详解
async/await没有这个限制，可以当做普通的局部变量来处理，用let或者const定义的块级变量想怎么用就怎么用，想定义几个就定义几个，完全没有限制，也没有冗余工作；在一个函数前面加上async，变成 async函数，异步函数，return:1，打印返回值，先执行，等到三秒后执行完再把得到的结果赋值给左边的n，也就是说test函数需要三秒钟才执行完成，所以test函数是异步的，因此前面必须写async。async 表示这是一个async函数， await只能用在async函数里面，不能单独使用。
2024-07-16 15:38:57
1305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人