言程序plus
全栈开发工程师,7年大型企业工作经验。优快云、阿里云、华为云等平台优质创作者;精通鸿蒙开发、前端、小程序、移动端应用开发、智慧大屏、gis、前后台管理系统等开发,数据挖掘分析运维。一直在探索AIGC,博客热衷分享实用项目和技术干货。技术栈:arkts\js\vue\react\node.js\three.js\cesuim.js\gis\uniapp\微信小程序\mysql\pgsql\java\python\opencv 。【诗词雅集】一款收录了30万首古诗词的微信小程序,旨在传承诗词经典,邂逅诗与远方。
展开
-
微信小程序rich-text组件中富文本框图片不能自适应
用了标签 rich-text 但是图片 莫名超过去,不会自适应问题解决。讲请求到的富文本字符串的img标签,全局匹配一下比替换。原创 2023-02-08 15:12:05 · 1377 阅读 · 0 评论 -
微信小程序在js中更改页面的标题
微信小程序在.js页面中更改上面的标题(默认在.json中设置)原创 2023-02-08 15:04:37 · 1484 阅读 · 0 评论 -
微信小程序uni.navigateTo跳转 携带的参数中有问号被直接截取问题处理
接受参数后使用decodeURIComponent 解码即可。传参前使用 encodeURIComponent进行编码。e.url 的参数 直接把问号后面的截取了 变成了。这样跳转过去 在 onLoad中。原创 2023-02-06 16:29:28 · 1148 阅读 · 0 评论 -
微信小程序下载、打开及预览PDF文件的方法
公司最近有一个需求需要在小程序中查看政策并下载打开PDF附件,这里博主给大家总结了方法如下,主要用到了微信小程序的。原创 2023-02-03 11:12:11 · 7544 阅读 · 0 评论 -
微信小程序事件绑定及传参问题
如果你小程序代码点击事件不响应并且提示报错Component "pages/trainForm/index" does not have a method "delWokerList(item)" to handle event "tap".,那么就是这个问题:不能在绑定事件的同时为事件处理函数传递参数原创 2022-12-28 09:53:11 · 932 阅读 · 1 评论 -
微信小程序开发之图片压缩方案
支持微信小程序,支付宝小程序,H5三端的图片压缩方案,开箱即用。原创 2022-07-27 09:10:51 · 3819 阅读 · 104 评论 -
【小程序】微信小程序版本更新如何通知用户?
微信小程序版本更新如何通知用户?解决思路:当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除), 则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新....原创 2022-07-11 08:15:00 · 3363 阅读 · 29 评论 -
【小程序】一文读懂微信小程序登录流程及获取手机号
目录一、小程序的登录流程首次登录再次登录的时候,就要判断存储的session_key是否过期了二、小程序怎么获取手机号总结 再次登录的时候,就要判断存储的session_key是否过期了 1. 获取缓存中的session_key, wx.getStorageSync('sessionKey') 2. 果缓存中存在session_key,那么调用小程序api接口 wx.checkSession() 来判断登录态是 否过期,回调成功说明当前 session_key 未过期,回调失败说明原创 2022-07-08 08:15:00 · 4239 阅读 · 25 评论 -
【小程序】一文学会微信小程序自定义组件封装
在实际开发过程中,经常会有代码复用的情况,即在不同的页面有类似结构的代码块,类似的代码反复出现,这样会增加代码维护成本,也会造成代码的高耦合,为了解决这一情况,微信小程序支持了更为简洁的组件化编程,称之为自定义组件。自定义组件在使用时与基础组件非常相似。...原创 2022-07-07 08:15:00 · 1216 阅读 · 35 评论 -
【微信小程序】一文读懂小程序的生命周期和路由跳转
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,微信小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。微信小程序能够实现消息通知、线下扫码、公众号关联等七大功能。其中,通过公众号关联,用户可以实现公众号与微信小程序之间相互跳转...原创 2022-06-26 16:51:20 · 1499 阅读 · 50 评论 -
微信小程序转uniapp的迁移步骤及遇到的问题
由于历史原因,公司有个历史项目使用vue开发的公众号H5,原生开发的微信小程序。两端功能的完全一样,但是需要维护两个项目,最近客户提了需求需要修改部分功能,博主接到需求后,觉得维护两套代码不仅是重复开发,测试起来也麻烦,因为之前是两个人开发不同端的缘故,导致大部分的bug都是因为两端不一致产生的。为了节省时间和维护成本,提升开发测试效率,在反复对比调研,最终选择了uniapp技术框架融合两端进行重构。博主目前正在使用uniapp开发H5和小程序,这篇文章是和大家分享并记录一下原生小程序在迁移到uniapp的原创 2022-06-21 09:48:56 · 14582 阅读 · 103 评论 -
微信小程序开发引用iconfont字体图标
uniapp微信小程序开发引用iconfont字体图标原创 2022-05-18 09:05:40 · 570 阅读 · 0 评论 -
mpvue小程序开发之 iconfont图标引入
背景:mpvue进行小程序项目开发时候,会有很多图标需求,但是小程序官方提供的icon图标库实在有限而且也不利于调样式,所有想到和之前前端项目一样引入iconfont。图标加入购物车及项目下载到本地,解压以后的文件夹列表如下:修正:只需要 复制 iconfont.css文件就可以了,其他的文件不需要把红框中的部分 粘贴到 自己的项目中(复制 iconfont.css就可以了),记...原创 2019-02-25 10:36:00 · 223 阅读 · 0 评论 -
mpvue小程序开发之 wx.getUserInfo获取用户信息授权
一、背景 在使用美团的mpvue2.0框架搭建起小程序项目后,做获取用户信息时遇到一些问题:微信小程序更新api后,获取用户信息只能通过button上的绑定方法 来获取用户信息,vue上方法绑定不能直接使用,下面是修改配置mpvue的步骤vue中代码:<template> <div> <button open-type="getUserI...原创 2019-02-22 11:39:00 · 315 阅读 · 0 评论 -
微信小程序开发之实现一个弹幕评论
先上图就是一个简单的弹幕发送功能弹幕区的页面: <div class="content" v-show="doommData.length"> <div class="textLeft"></div> <div class="textItem"> <p class="t...原创 2019-11-23 18:53:00 · 993 阅读 · 0 评论 -
微信小程序开发之数据埋点统计
微信小程序开发之 数据埋点统计在开发过程中,有数据统计的需求,需要获取小程序当前页面和来源页面的数据,以及页面的停留时间在对小程序api进行了一番研究之后,发现获取这些数据其实并不难当前页面: let pages = getCurrentPages(); let lastPages = pages[pages.length - 1].route;备注(在小程序任意生命...原创 2019-11-23 18:43:00 · 2111 阅读 · 0 评论 -
微信小程序开发之城市定位
背景:在进行小程序开发时,有一个定位城市的需求,下面就来讲讲怎么实现这个功能的吧解决方案:小程序的wx.getLocation()获得是经纬度并不包含地名,所以要通过经纬度用相应的地图转换出地名(本文使用的是百度地图)。 /* 微信获取城市定位 */ wx.getLocation({ type: 'wgs84', success(res...原创 2019-02-25 14:36:00 · 1392 阅读 · 0 评论 -
mpvue小程序开发之 集成第三方UI框架Vant Weapp UI
集成进第三方的UI框架其实很简单这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下:在src文件夹下,即我们写vue代码的位置,正在编写的页面中添加main.json文件(vue代码编译成小程序代码时会直接使用这个文件){ "usingComponents": { "van-button": "/static/vant-...原创 2019-03-05 15:11:00 · 193 阅读 · 0 评论 -
微信小程序开发爬坑汇总指南
1 微信小程序之动态获取元素宽高 var obj=wx.createSelectorQuery();2 微信小程序图片自适应 mode设置为widthFix 宽度100%3.小程序上拉加载 下拉刷新4.通过 this.$root.$mp.query 进行获取小程序在 page onLoad 时候传递的 options。通过 this.$root.$mp.appOptions 进行...原创 2019-04-28 20:17:00 · 653 阅读 · 0 评论