- 博客(135)
- 收藏
- 关注
RSS订阅原创 uni-app快速入门
uni-app是一个非常优秀的跨平台应用开发框架，具有上手简单、开发效率高、性能优秀等优点。通过学习uni-app的基础语法、组件、API，可以快速掌握uni-app的开发技能，为开发跨平台应用打下坚实的基础。uni-app官网。
2024-05-24 15:43:07
630
原创 UNIAPP开发注意事项
12.非 H5 端不支持使用含有 dom、window 等操作的 vue 组件和 js 模块，安装的模块及其依赖的模块使用的 API 必须是 uni-app 已有的。45.分享到 QQ 必须含有 href 链接，分享文字到 QQ 时，title 必选，不能直接分享到QQ空间，可以分享到QQ，然后在QQ的界面里选择QQ空间。8.App端，在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位，只支持 px，不支持 rpx。如果你需要固定高度，则应该使用 px。
2024-05-24 15:13:56
271
原创 uni-app的简介及用法
uni-app是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译发布到iOS、Android、H5、小程序等多个平台。第一步，在HBuilderX选择运行->运行到小程序或模拟器->运行设置。一些标签/组件等的使用，延续用的微信小程序，js一些等对逻辑的处理，使用的vue.js的语法。js 因为uni-app的api是参考小程序的，所以和浏览器的js api有很多不同，如。标签的不同，以前使用的是html的标签，现在使用小程序的标签。注意要安装相对应的插件。
2024-05-24 15:09:33
198
原创 el-input只能输入整数，小数、最多保留两位小数、最多输入4位小数，过滤el-input输入框中的特殊符号
【代码】el-input只能输入整数，小数、最多保留两位小数、最多输入4位小数，过滤el-input输入框中的特殊符号。
2024-05-23 11:38:15
655
原创 微信SVG图文部署手册
以下使用chrome浏览器演示，下载地址Google Chrome 网络浏览器代码阅读和部分操作使用了vscode编辑器，下载地址https://code.visualstudio.com/素材及代码下载地址： gtja本地代码及素材.rar登录公众号，将images文件夹中的所有图片上传到素材库，为了避免混乱，最好在素材库中新建分组后上传注意：微信单次上传图片有数量限制，只能分批上传上传后，点击查看大图在打开的大图中，右键复制图片地址使用编辑器打开代码，在打开的文件中使用Ctrl+F快捷键搜索图片名称，进
2024-05-22 14:20:04
270
原创 el-input输入限制（只能输入0-100的正整数，最小值~最大值联动）
【代码】el-input输入限制（只能输入0-100的正整数，最小值~最大值联动）
2024-05-22 11:34:12
421
原创 vant-DatetimePicker 时间选择的使用
2,在UserEdit.vue页面使用, 定义相关变量。3,点击单元格, 弹出时间选择组件。4,绑定事件, 实现功能。
2024-05-22 11:26:23
185
原创 正则校验：去除带整数和小数的数字前后多余的0和多余小数点
对于用户输入的 0003.4000这种数字，其实我们需要的就是3.4，多余的0不仅视觉上不好看，在存储时也很不方便。怎么让我们在用户完成输入后，清除掉这些无用的0数字呢？此外，对于输入了2.3.3多个小数点这种错误字符，value为空，但输入框未清空，需要手动清空。
2024-05-17 16:26:49
155
原创 vue - vue中对Vant日历组件（calendar）的二次封装
1， 通过<template slot="footer">可以更改底部默认的按钮，我这边添加来了一个清除时间的按钮；3，通过default-date可以更改指定默认选中的日期范围，需要注意的是返回的是一个数组，开始位置和结束位置；4，点击确认按钮onConfirmAll()会把所选择开始日期和结束日期返回给父组件；2，通过min-date 和 max-date控制日期可以选择的开始和结束的范围；5，可以传入defaultData 默认值，没有默认值会显示： 请选择时间区间；日期区间选择（基本）；
2024-04-18 17:22:25
480
原创 屏蔽、去掉、修改谷歌浏览器input输入框背景透明色input:-internal-autofill-previewed和input:-internal-autofill-selected
【代码】屏蔽、去掉、修改谷歌浏览器input输入框背景透明色input:-internal-autofill-previewed和input:-internal-autofill-selected。
2024-04-15 17:08:52
238
原创 js几行代码判断打开页面的设备是电脑PC端或手机H5端或微信端
包含设备的一些信息，可以帮助我们判断，只需要以下几行js代码即可判断设备类型是电脑PC端或手机H5端或微信端（Vue也可以用）开发中我们有时候会根据设备的不同而进行不同的操作，那怎么判断打开的设备类型呢？
2024-03-26 18:59:18
325
原创 我的创作纪念日
提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等。
2024-03-18 10:35:03
303
原创 微信小程序配置支付（附完整代码）
个人开发的小程序，需要注册公司，并且开设对公账户，用于收款。如果怕麻烦，可以挂到别人公司（谨慎处理，涉及到对账什么的）其它小程序有已添加商户，是可以由小程序A接入小程序B的，有关联关系。提交资料，等待审核通过即可（一般1-3天），商户号管理是没有数据的，需要申请接入。由此，我们会拿到一个唯一的商户号，这个是。
2024-03-13 16:10:19
412
原创 微信小程序 一键已读功能实现
右上角条数显示实际未读条数 当未读大于99条时 显示···需求：点击全部标记已读 样式改变 按钮‘全部标记已读’以及右上角条数消失。
2024-03-13 14:43:15
168
原创 手机号，身份证号，邮政编码，统一信用代码，发票抬头，纳税人识别号正则校验
【代码】手机号，身份证号，邮政编码，统一信用代码，发票抬头，纳税人识别号正则校验。
2024-03-12 17:54:21
92
原创 微信小程序中调用手机拨号功能
在微信小程序中，如何实现点击电话按钮后跳转至手机的拨号界面，并且传入指定的号码要实现在微信小程序中点击电话按钮后跳转至手机的拨号界面，并传入指定的号码，你可以使用 wx.makePhoneCall 方法。首先，在按钮的点击事件处理函数中调用 wx.makePhoneCall 方法，传入要拨打的电话号码。然后，在按钮的。
2024-03-12 14:11:59
802
原创 微信小程序自定义导航栏 胶囊菜单按钮高度完美适配
导航栏高度 = menu.statusBarHeight + menu.height + (menu.top - menu.statusBarHeight) * 2。观察发现，胶囊顶部高度距导航栏顶部高度的高度差 和 胶囊底部高度距导航栏底部高度的高度差，是一样的。这是在没有设置自定义时的原生导航栏，我们发现整体的高度就是 （状态栏高度 + 导航栏高度）上图适配做的最好的是某东，但仔细看仍会有一点错位，但输入框的颜色，淡化了这种不和谐感。也就是说 导航栏高度 = 胶囊高度 +（高度差）x 2。
2024-02-27 18:24:11
1284
1
原创 微信小程序多选标签的实现（单选或者多选）
暑假留在社团跟别人一起开发一个校园小程序，如今也基本快开发完成了，整理一下日后可能用到的小组件。类似于上图，下方的待选项为一个组件，根据父组件传入传入的参数决定是否为多选。父组件的HTML代码如下。接下来是CSS样式。
2024-01-04 14:46:15
715
原创 微信小程序--多种类型日期选择器（年月、月日...）
微信小程序--多种类型日期选择器（年月、月日...）时间选择器（年月日）时间选择器（年月）时间选择器（年）时间选择器（月日）时间选择器（月）时间选择器（日）微信小程序–多种类型日期选择器（年月、月日…）在业务开发的过程中，有许多对picker选择器的使用场景，根据开发需要列出了几种常见的类型，可供大家共同参考、学习。
2023-12-14 12:05:53
2791
2
原创 微信小程序日历组件（可滑动，可展开收缩，可标点）
6.在需要的页面中引入：index.wxss。7.在需要的页面中引入：index.json。8.在需要的页面中引入：index.js。
2023-12-08 15:30:06
1414
原创 ES6中Object新增方法
它用来比较两个值是否严格相等，与严格比较运算符（ === ）的行为基本一致，是在三等号判断的基础上新增了两个不同之处。如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖。方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历。方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历。方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历。的所有可枚举属性，复制到目标对象（ target ）。也是，在判断对象和数组这些引用类型的数据是不相等的。
2023-10-20 16:19:31
67
原创 微信小程序——保存图片到手机相册（代码详解）
首先我们要知道，如果小程序首次发起授权被拒绝之后，再次点击同一个按钮执行的wx.authorize(...)不会再弹出授权窗口。所以我们需要到引导用户到设置页面进行手动授权。首次已经发起授权弹框了，但是用户拒绝授权了。我们就需要引导用户到设置页面进行手动授权。使用button按钮，并写上如下代码，点击此按钮打开设置页面。，所以我们一开始就要先判断用户是否已经授予这个权限了。来获取用户授予了哪些权限，再进行判断。3、用户已经授权了之后就可以使用。保存图片到临时路径相册中了。首次打开小程序，那么就调用。
2023-10-20 15:45:51
3207
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人