- 博客(373)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 JS判断当前对象是否为null和undefined和空
通过上面的代码结果显示null和undefined和空 时都返回了true，想判断一个值是undefined、null和空。如果想判断一个值不是undefined、null和空字符串中的一种，则用!中的一种，只要用!
2025-05-14 10:25:57
3
转载 如何在uni-app中计算出微信小程序导航栏的高度
本文详细介绍了在uniapp中为何需要获取并计算导航栏高度，主要目的是为了实现自定义导航栏以满足特定的业务需求，如放置搜索框或设置自定义背景。作者分享了如何通过获取微信小程序的状态栏高度和胶囊位置信息来计算导航栏高度，并提供了在App.vue和mixin.js中封装的方法，以便在不同页面中灵活应用。同时，文章提醒注意不同页面的可使用窗口高度变化，强调不应在全局变量中提前固定该值。拿到导航栏的高度当然是为了自定义导航栏，默认为我们提供了一个导航栏，也就是每个页面上面的标题，但如果对这个默认的导航栏不满意，我们
2025-05-06 13:54:49
37
转载 vue使用bus进行兄弟组件传值
3.定义传值的方法，使用bus.$emit('methodName',data), methodName是自定义的方法名。4.在要接收值的组件里，使用bus.on('methodName',val =>{ }) ,val 就是传过来的值。2.在需要传值和接受值的vue文件中，各自引入bus.js。子组件HelloWorld.vue。子组件Child.vue。1.新建bus.js。
2025-04-25 14:18:44
23
转载 Vue 中mixin的用法详解 （uni-app使用vue的语法，也同样适用）
vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。这篇文章主要介绍了Vue mixin 的用法,非常不错，具有参考借鉴价值，需要的朋友可以参考下说下我对vue中mixin的一点理解 vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ 组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本
2025-04-14 15:50:35
45
转载 uniapp中的easyCom是什么
uniapp中的easyCom是一种组件自动注册机制，可以让开发者更加方便地使用和管理组件。它能够自动扫描指定目录下的所有组件，并注册到全局组件中，这意味着无需手动在components中引入组件，也无需在每个页面中单独引入组件，只需要在组件的目录下创建一个index.vue文件，就可以自动注册组件并在全局中使用。使用easyCom非常简单，只需要在项目根目录下的pages.json中配置easyCom属性即可。例如JSON复制。
2025-04-14 15:38:04
81
转载 npm install报错提示证书过期CERT_HAS_EXPIRED
请注意，这种做法不推荐在生产环境中使用，因为它会使您的连接不安全。只有在服务器的SSL证书更新之前，才应作为临时解决方案使用。这个错误是由于您尝试连接的服务器上的SSL证书已过期。这不是您可以直接修复的问题，因为需要服务器所有者更新他们的SSL证书。运行此命令后，再次尝试您的npm命令。一旦您完成，或者SSL证书问题解决了，您应该将。然而，您可以通过告诉npm对此请求不需要SSL来临时绕过此问题。，以重新启用严格的SSL。
2025-04-10 11:19:08
90
转载 .env.development、.env.production、.env.staging
文件（如）用于根据环境（开发、生产、测试等）配置应用程序的行为。
2025-04-09 09:28:07
160
原创 vue PC仿小红书发文章时添加标题效果（选择特色标签可自行输入，删除时可控制光标位置
【代码】vue PC仿小红书发文章时添加标题效果（选择特色标签可自行输入，删除时可控制光标位置。
2025-03-31 12:01:45
218
转载 在项目中查看仓库的git地址
但是此时有个同事，本地是有这个代码的，让这个同事帮忙指向一下这个命令就可以知道项目的git地址了。需要看一个项目中代码，很尴尬，找不到项目的git地址，
2025-03-28 15:57:21
32
转载 el-date-picker组件的picker-options常规属性设置
【代码】el-date-picker组件的picker-options常规属性设置。
2025-03-28 10:54:55
162
转载 【Element】el-form和el-table嵌套实现表格编辑并提交表单校验
用户只对模块设置区的排序或多选框进行了操作，没有对自定义设置区进行操作就保存，因对自定义设置区的表单进行了校验，此时无法提交，需更改现有代码；自定义设置区默认要有一条空数据在页面展示，可供用户自定义操作，不管用户是否填写，保存时都能正常保存，如果用户填写了表单但不完整，此时需对表单进行校验通过再保存成功。表格增加操作项，具有添加和删除按钮，第一项无法删除，点击添加时，动态增加表格的行数，点击删除的时候，删除表格的行数据。背景：页面中包含2个功能设置区，当用户进行操作后，统一进行保存，如下👇。
2025-03-20 15:33:52
660
转载 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
283
转载 elementUI中validateField对多个部分表单字段进行校验时多次回调问题的完美解决方案
1.首先，我们得知道，使用validateField部分校验数组的时候，数组有几位，就会回调几次。当也就是空的时候，表示验证通过，回调返回为“ ”，所以就是，你校验几个规则，就会返回几个结果，如果通过就为“”（空）。//网上的其他方法错就错在这里，他们没有校验数组长度，从而第一次validateFieldList的每一项item就等于“”，从而并没有起到该有的效果。在网上看到了他人的解决方案，发现他们的方案是不对的，他们只是单单解决了验证错误，却没有解决验证正确的情况下。//这里的2为你要校验值的个数。
2025-03-11 12:01:44
209
转载 【小程序】新版uniapp登录流程以及获取头像和昵称
获取头像主要是设置按钮属性open-type="chooseAvatar" ，并通过@chooseavatar获取图片。注意，微信开发者工具的原生点击获取昵称，无法采用获取dom的方法去实时刷新data里的数据，采用真机调试去input事件赋值！微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。步骤二，登录按钮隐藏，展示上传按钮。步骤一，点击登录，获取token。步骤四上传按钮隐藏，展示一下按钮。步骤五，点击输入框，获取用户昵称。
2025-03-10 10:35:39
2131
转载 Uniapp页面跳转方法完整解析
uniapp作为基于Vue.js的跨平台开发框架，其页面路由机制融合了小程序和Web的特性。本文将系统讲解6种核心跳转方式，深入解析参数传递技巧，并提供企业级实战方案。欢迎大家来学习本文哟~😄😄😄。
2025-03-07 19:03:02
1424
转载 uniapp小程序更改swiper指示点样式
在App.vue文件中设置样式，微信小程序使用wx-的类名，App使用uni-类名。我是微信小程序，所以代码如下。更改后的样式如下，亲测有效。
2025-03-07 09:10:43
123
转载 uniapp实现点击图片预览放大。
思路：点击那个图片动态穿那个图片的url 点击事件方法接收参数使用。使用uniapp中的 uni.previewImage API。首先给你展示图片的标签注册点击事件。注意点：urls 配置项是数组。
2025-03-06 16:38:45
269
转载 uniapp实现微信小程序富文本之mp-html插件详解
本文介绍了如何在uniapp中利用mp-html插件处理微信小程序的富文本内容，涉及正则表达式的应用、图片自适应处理以及在项目中引入和使用的步骤。摘要由CSDN通过智能技术生成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
1465
转载 uni-app表单验证3种方法
本文介绍了uni-app中与vue类似的表单验证方法，重点在于将prop改为name，使用rules进行验证，并展示了自定义验证函数validateFunction的用法，如检查手机号码格式。同时提到了errorMessage的使用，确保用户输入的正确性。摘要由CSDN通过智能技术生成。
2025-02-20 17:55:47
328
转载 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
154
转载 设置固定高度渐变背景
高度为1.8rem的linear-gradient(180deg, #ff5289 0%, #f7f7f8 100%)渐变和跟着父元素高度发生变化的#f7f7f8纯色。
2025-01-22 15:50:51
62
转载 vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
解决：首先排除了v-model是否绑定正确，单词有无错误，校验有没有写错（例如触发事件、校验规则是否通过)。发现以上都没问题，开始百度、查看官方文档，发现给包裹 el-rate 组件的 el-form-item 添加了如下属性去控制提示信息的显隐就好了。问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。2.填写完所有的选项后，仍未消除提示。1.打开表单，直接点确定。
2025-01-16 14:27:04
115
转载 使用vue-seamless-scroll 横向无限滚动
使用vue-seamless-scroll 横向无限滚动 同时解决复制的dom事件无法触发的问题。链接：https://juejin.cn/post/7185325199556870205。
2025-01-07 15:37:14
220
转载 npm常用命令
npm常用命令简介npm是跟随node一起安装的包（模块）管理器。常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。常用命令检测是否安装及版本。
2024-12-03 11:11:26
54
转载 uni-app - 解决 rich-text 富文本解析图片无法自适应宽高问题
【代码】uni-app - 解决 rich-text 富文本解析图片无法自适应宽高问题。
2024-11-28 15:39:07
280
转载 Flex 布局教程：语法篇
作者：日期：网页布局（layout）是 CSS 的一个重点应用。正在上传…重新上传取消布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。正在上传…重新上传取消2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友。
2024-11-28 13:21:56
72
转载 Flex 布局教程：实例篇
页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。上面代码中，div元素（代表骰子的一个面）是Flex容器，span元素（代表一个点）是Flex项目。有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。在容器里面平均分配空间，跟上面的骰子布局很像，但是需要设置项目的自动缩放。下面，就来看看Flex如何实现，从1个点到9个点的布局。介绍了Flex布局的语法，今天介绍常见布局的Flex写法。某个网格的宽度为固定的百分比，其余网格平均分配剩余的空间。
2024-11-28 12:19:30
81
原创 niapp常用组件——顶部导航选项栏（可滑动）
UniApp常用组件——顶部导航标签栏（可滑动）自定义了一个组件，将其封装了起来，并将背景颜色，选中文字颜色，底部横条颜色等外抛，以便使用者根据需求来选择引用方式在script中导入并在component中注册template模板中引用。
2024-11-27 15:30:02
246
转载 uniapp面试题
在UniApp中，导航栏组件用于实现页面的顶部导航栏，并提供了一些常用的配置选项。UniApp中常见的导航栏组件是uni-navigator，它可以在页面中嵌入导航栏，并通过属性进行配置。以下是uni-navigator组件的一些常用属性：title：指定导航栏标题文字。color：设置导航栏文字颜色。background-color：设置导航栏背景颜色。back-icon：设置返回按钮的图标样式。home-icon：设置首页按钮的图标样式。
2024-11-27 12:18:08
274
转载 uniapp路由拦截器
uniapp提供了uni.addInterceptor方法在触发路由跳转时可以拦截，在做商城的时候限制未登录的用户访问一些页面，用这个处理起来很方便。navigateTo和redirectTo主要用于非 tabBar 页面之间的导航。switchTab用于 tabBar 页面之间的切换。示例url: 'request/login', //仅为示例，并非真实接口地址。// 打印： {code:1,...}});// request 触发前拼接 url},// 请求成功后，修改code值为1。
2024-11-19 14:06:20
421
转载 【理解异步函数async和await的用法
定义1. async 是异步的意思，await则可以理解为 async wait。所以可以理解async就是用来声明一个异步方法，而 await是用来等待异步方法执行2. async作为一个关键字放在函数前面，表示该函数是一个异步函数，异步函数意味着该函数的执行不会阻塞后面代码的执行；而 await 用于等待一个异步方法执行完成；
2024-11-18 13:06:25
268
转载 【UniApp】同步执行请求 async 和 await
文章介绍了在UniApp中，不使用await等待异步请求的处理方法，展示了如何使用Promise实现`fun1`同步执行`fun2`中的网络请求，并打印返回结果。摘要由CSDN通过智能技术生成。
2024-11-18 12:04:31
588
原创 在Vue中，vue document.onkeydown 无效
来监听键盘事件，可能会发现该事件监听器无效。这通常是因为Vue实例或组件还未完全挂载到DOM上，因此无法接收到键盘事件。生命周期钩子中添加事件监听器。这样可以确保组件已经挂载到DOM上，可以接收到事件。生命周期钩子中移除事件监听器，以防止内存泄漏。在Vue中，如果你尝试在组件内直接使用。
2024-11-18 12:02:15
569
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人