- 博客(25)
- 收藏
- 关注
RSS订阅原创 js数组方法
摘要：本文介绍了JavaScript中split()和reverse()方法的使用。split()可将字符串按分隔符(空字符串、指定字符或正则表达式)分割为数组，支持limit参数控制结果数组长度。reverse()用于反转数组元素顺序，会直接修改原数组，若需保留原数组可先创建副本再反转。特别说明字符串反转需先split()转为数组，反转后再join()转回字符串。两种方法均可处理各种数据类型，包括混合类型数组和类数组对象。
2025-11-14 10:03:22
124
原创 scroll-view设置scroll-into-view属性实现自动滚动到当前子元素的位置，类似锚点定位功能
本文介绍了一个基于uni-app的评论列表自动滚动实现方案。核心采用scroll-view组件配合scroll-into-view属性，通过为每条评论分配唯一ID（comment-0、comment-1等），在新增评论时将targetId设置为最新评论ID来实现自动定位。方案包含发送区域、评论列表渲染和自动滚动定位三个主要部分，通过$nextTick和setTimeout双重保障确保滚动可靠性，相比传统scrollTop方案具有更高的稳定性和更简单的实现逻辑。关键点包括：固定高度的滚动容器、唯一ID绑定机制
2025-08-14 09:29:47
220
原创 uniapp 调用手机定位获取定位信息
文章摘要：该代码片段展示了如何在APP中获取用户地理位置并转换为详细地址信息。通过调用plus.geolocation获取经纬度坐标，再使用天地图API进行逆地理编码，将坐标转换为省市区等地址信息并存储。关键步骤包括获取经纬度、构建请求参数、调用天地图API以及处理返回结果。开发者需自行申请天地图API密钥替换示例中的key值，实现基于位置的服务功能。
2025-08-04 10:25:40
370
原创 uview 轮播展示封面
文章摘要：通过设置u-swiper组件的poster属性，可以给视频封面添加静态图片。示例代码展示了一个轮播组件，其中第一个轮播项为视频，通过poster属性指定了封面图片"image1.png"，第二个轮播项为纯图片。关键参数包括轮播指示器颜色、高度和轮播列表数据，其中视频项同时包含url和poster属性，而图片项仅需url属性。
2025-07-07 15:49:02
209
原创 uniapp 取消顶部导航栏（uniapp一栏）
在不需要顶部导航栏的页面路径加上"navigationStyle": "custom"这个属性即可。
2025-07-03 10:26:31
166
原创 uniapp 小程序引入外部字体
如果下载的字体文件大小小于40kb，则不用压缩，直接引入即可。下载后会得到以下几个文件，只需复制其中的 stylesheet.css 文件到自己的项目中，
2024-12-31 10:06:09
509
原创 uniapp webscoket 实现简单通信
是一个 WebSocket 协议的测试接口，你可以发送消息到这个连接，并监听从服务器返回的回显消息。
2024-12-27 16:30:08
261
转载 h5页面内嵌js SDK实现微信分享
原因好像是苹果手机使用window.localtion.href获取的不是当前页面的路径，而是入口页面的链接，首页路径。具体说明可以百度看看。1.可以在调用了分享接口的页面组件中，判断是否是ios系统，如果是的话强制刷新一下当前页面。最后在页面中调用该分享方法就可以了。ios机型分享出去的链接不显示参数，2.写一个函数处理ios的url。安装 jweixin 模块。
2023-08-04 09:44:51
647
1
转载 去掉uniapp button 的边框，默认样式
直接在添加的样式里面写 border:none;还有添加行内样式 border-style:none;将边框设置为透明都是不起效果的。去掉点击效果 hover-class='none'
2023-07-17 09:49:46
3347
3
原创 修改数组对象里面的属性名
当我们直接将data赋值给 tabsList时候，会发现页面中标签文字不显示。有时候后端返回的数据格式跟前端所需要的不一样，这时候就需要作出修改。最后将 arr 数组 赋值给 tabslist 就可以正常显示了。所以需要我们将title属性名 改为 name。以上就是全部内容啦！
2023-07-14 16:33:11
365
1
原创 记录第一次 uniapp h5 微信支付
timestamp: payInfo.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。signType: payInfo.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'该文章是在前期微信公众号相关配置已经完成的情况下继续的。
2023-02-22 15:08:22
575
2
原创 记录在遍历数据时，如何将数据的每一项中的个图片遍历出来
如果是一张图片，在遍历外层的时候，用item.discuss_img就可以直接显示出来了，但多张图片该方法不起效果；解决办法是，给每一组数据再添加一个属性，该属性值就是图片数据值（字符串转换为数组后的），在渲染的时候，渲染这个新增的属性值就可以了。场景：商品评价页面，需将每一条评价显示出来，有图片评价的也要将图片显示出来。
2023-02-16 17:25:56
360
转载 盒子模型的理解
盒子模型就类似于一个封装的盒子，一个网页就是由一个一个的盒子堆积而成。里面装着的就是HTML所要叙述的内容。盒模型有两种：标准模型+IE模型一般默认浏览器使用标准盒模型，可以通过 设置box-sizing:属性为border-box，即为IE盒模型box-sizing:content-box,为标准盒模型标准盒模型和ie盒模型最大的区别就是，ie盒模型的content包含了padding和border。......
2022-08-15 17:15:53
1840
原创 使用easyui框架的时候，js和css样式都加载了，但是图标加载不了
第一次使用easyui框架，引入图标样式，发现在页面中不生效，还报错了，说是没有找到这个文件，错误如下：解决办法： 因为报错中说没有在icon文件下找到该图片，但是实际上我lib文件夹下面根本没有icons文件，那么哪里去找这个文件呢？哈哈，原来在解压easyui过后，在themes目录下有一个icons文件夹，把这个文件夹放到lib目录下，就成功了。其实后来打开icon.css文件才发现，图片的地址是写在icons目录下的，但我们又没有这个目录，所以就报错了...
2022-05-19 09:44:18
583
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人