
小程序
微信小程序
林烈涛
代码改变世界
展开
-
房贷计算器微信小程序原生语言
微信小程序房贷计算器原创 2024-02-29 01:43:47 · 2058 阅读 · 1 评论 -
微信小程序canvas2d使用封装与案例使用
微信小程序canvas2d使用封装与案例使用,看一下这边封装效果canvas2d文档:https://www.canvasapi.cn/获取context方法封装好的获取函数。原创 2022-10-27 05:47:55 · 2467 阅读 · 0 评论 -
微信小程序flex弹性布局
微信小程序常用布局为flex。使用flex模型来提高页面布局效率,当页面需要适应不同屏幕大小以及设备类型,该模型一确保元素在恰当的位置。原创 2022-10-15 05:41:08 · 1143 阅读 · 0 评论 -
微信小程序摄影头样式设计
【代码】微信小程序摄影头样式设计。原创 2022-10-14 04:52:28 · 267 阅读 · 0 评论 -
微信小程序转发朋友与分享朋友圈
携带id如:“/pages/index/index?user_id=” + this.globalData.userInfo.id,转发给朋友 onShareAppMessage。分享朋友圈 onShareTimeline。全局设置在app.js,然后在各页面使用方法。原创 2022-10-14 04:23:24 · 1003 阅读 · 0 评论 -
微信小程序自定义函数返回值
两种自定义函数返回值,你们更喜欢那个。原创 2022-10-13 04:59:38 · 4176 阅读 · 0 评论 -
微信小程序逗号代码优化
为了让代码看起来更加优美,js,可以在后面加个 逗号。这样在格式化代码的时候,不会换行,给你看一下效果。java 可以加 分号:也能有相同效果,可以去试一下呢。这是未加逗号的,格式化代码会自动换行。这是加了逗号,格式化代码不会自动换行。原创 2022-10-13 04:11:20 · 450 阅读 · 0 评论 -
微信小程序获取头像open-type=“chooseAvatar“ bind:chooseavatar方法
个人建议你们放弃微信头像。1、首先用户多一个选择操作,体验不佳2、获取到头像路径是临时路径,开发者需要把整个图片存放在自己服务器上,不然下次又要选择一次3、由于头像客户可以随意选择,所以没有好的识别作用最后问大家一个问题,我们获取微信头像目的是什么?用户都可以随意选择自己其它图片做为头像,完全没有社交功能,所以最后还是推荐大家以后不用考虑头像问题了。原创 2022-10-12 00:39:41 · 16824 阅读 · 6 评论 -
微信小程序反编译简易教程与wxappUnpacker使用
方便微信小程序开发者,对前端思路的学习。所以必须学会小程序反编译技能。用到了2个工具《解密》与《逆向》原创 2022-10-11 03:26:45 · 22349 阅读 · 4 评论 -
微信小程序个性头像、国庆头像、新年头像、圣诞头像等合成
微信小程序头像合成工具,合成国庆头像,新年头像等个性头像原创 2022-09-28 06:15:25 · 969 阅读 · 0 评论 -
微信小程序选择按钮radio
【代码】微信小程序选择按钮radio。原创 2022-08-31 13:53:43 · 915 阅读 · 0 评论 -
微信小程序js把数字转化成字母
微信小程序 js 把数字转化成字母原创 2022-06-21 02:26:32 · 505 阅读 · 0 评论 -
个人小程序申请微信支付
个人小程序如何申请微信支付功能?给你们看一下效果一、准备材料① 个体户营业执照1️⃣可以去当地 工商局办理,免费(一般提供一个地址,提供3张身份证复印件)2️⃣可以去淘宝叫人代理办理,收费(60-200元)②新的QQ邮箱1️⃣一个手机号目前能注册5个,民生手机号不能注册QQ③一个服务器,一个域名材料准备号。 现在开始认证小程序二、认证小程序①自行认证(300元)②三方认证(淘宝19.9元)需要材料是认证小程序需要提供:1、法人的姓名2、法人微信号3、法人手.原创 2022-05-19 19:36:04 · 5352 阅读 · 0 评论 -
java.security.InvalidKeyException: Illegal key size
对接微信接口中间出现一些心酸的过程。明明本地测试没有问题,部署到服务器就出现 java.security.InvalidKeyException: Illegal key size,然后开始漫长的解决搜索过程。day1、搜索优快云查看了很多文章,其中这个写得比较齐全java.security.InvalidKeyException: Illegal key size错误分析错误原因:解密长度引起的提出来两个解决办法:1 、有policy 文件夹找到java.security#crypt.原创 2022-05-17 17:09:19 · 19253 阅读 · 13 评论 -
js把时间转化刚刚、几秒前、几分种前、几小时前、几天前
一、效果二、代码展示const formatBefore = oldDate => { //当前时间 var newDate = new Date(); var newDateTime1 = newDate.getTime(); //含有时分秒 newDate.setHours(0); newDate.setMinutes(0); newDate.setSeconds(0); newDate.setMilliseconds(0); var newDateTime2原创 2022-05-13 23:49:53 · 743 阅读 · 1 评论 -
微信小程序返回上一页各种方法
返回上一页,一共有4中方法,每种方法都有不一样细节一、方法罗列函数说明navigator保留当前页面,在wxml使用wx.navigateTo保留当前页面,在js使用wx.redirectTo不保留当前页面,在js使用wx.switchTab不保留当前页面,跳转到tabBar页二、讲解1️⃣ navigate<navigator url=".路径"> 其它</navigator>2️⃣wx.navigateTo.原创 2022-05-13 01:03:09 · 19008 阅读 · 1 评论 -
微信小程序投诉页面与交互设计
一、效果投诉原因:选择框 picker投诉描述:多选框 textarea图片证据:上传图片二、wxml<!--返回按钮--><view style="margin-top: {{CustomBar*5/8}}px;margin-left: 10px;color: black;"> <view class="cuIcon-back" bindtap="backPage"></view></view><!--标题-原创 2022-05-12 14:12:38 · 2925 阅读 · 3 评论 -
仿微信支付转账页面
一、效果你可累死自己,也要卷死他们。大家好。我是小卷二、解析说明此页面可分分为4部分1 返回箭头2 头像和昵称3 金额输入4 输入的键盘三、代码展示3.1、wxml<!--返回按钮--><view style="margin-top: {{CustomBar*5/8}}px;margin-left: 10px;color: black;"> <view class="cuIcon-back" bindtap="backPage"><原创 2022-05-11 00:48:10 · 3705 阅读 · 4 评论 -
微信小程序休眠setTimeout
在java C#中,都有自己的休眠函数,那在微信小程序中,也有对应的休眠函数。那是-------setTimeout使用小案例这个我在写微信小程绘制 canvas,生产图片的案例,因为绘制头像需要一点时间,这里先让程序停留20毫秒,等候绘制完,在生成图片setTimeout(() => { //转化为图片 wx.canvasToTempFilePath({ x: 0, y: 0, canvas: canvas, .原创 2022-05-09 15:49:34 · 2917 阅读 · 0 评论 -
微信小程序修改与添加对象
微信小程序修改与添加对象修改与添加对象 let a={ a:1, b:2 } a['a']=3 //更改 a['c']=3 //添加 console.log(a);存在,则会更改,不存在则会添加,简单又方便修改数组let arr=[1,2,3]arr[1]=5;//修改第2个数据arr.push(4);//在后面添加一个数据console.log(arr)修改原创 2022-04-16 22:50:37 · 1385 阅读 · 0 评论 -
微信小程中文特殊字符编码与解码
文章目录前言编码与解码还有其它方式编码与解码,这里使用encodeURIComponent前言在使用生成二维码的wxacode.getUnlimited时候,传入scene中,参数不支持中文和特俗字符。如果我们需要传入一个对象,却是不行的,这很尴尬 如:{u:abc,w:123}编码与解码 var str='{u:abc,w:123}' str= encodeURIComponent(str) console.log('encodeURICom原创 2022-04-16 01:44:18 · 2857 阅读 · 0 评论 -
微信小程序生成二维码、程序码、海报
文章目录前言一、二维码1 选用getUnlimited2 后端java3 前端(小程序页面)二、普通二维码使用总结:前言微信二维码,方便传播和列表,可以用于签到扫码,分销二维码,团长二维码,分享海报等一系列二维码效果如图:一、二维码1 选用getUnlimitedwxacode.getUnlimited因为它:永久有效,数量暂无限制。使用 后端生成,返回到前端显示2 后端javaservice写好的服务第一步:获取access_token,我这里把它做一个一下处理,把他存在red原创 2022-04-13 22:27:11 · 6216 阅读 · 6 评论 -
微小程序需头像居中
居中-头像<view style="display: flex;flex-direction: column;align-items: center;margin-top: -64rpx;"> <view style="width: 128rpx;height: 128rpx;border-radius: 50%;overflow: hidden;"> <open-data type="userAvatarUrl"></open-data&原创 2022-02-10 22:31:20 · 689 阅读 · 0 评论 -
微信小程序静态模框
效果图实现代码<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view><view class="modalDlg" wx:if="{{showModal}}"> <text>欢迎来到模态对话框~</text> <button bindtap="go">确认</button> <b原创 2022-01-17 18:24:27 · 687 阅读 · 0 评论 -
微信小程序获取openid用springboot
文章目录前言一、openid是什么?二、微信 前端写法1.使用wx.login获取code2.request三 spring boot 后端写法1 新建数据模型2 解析code总结前言在微信中如何获取用户的openid,一般思路如下,首先通过wx.login获取的code,然后解析出code,从而获取到openid一、openid是什么?微信用户唯一标识,说白了就是唯一值二、微信 前端写法1.使用wx.login获取code代码如下(示例):wx.login({ success (r原创 2022-01-17 17:27:29 · 1443 阅读 · 0 评论 -
ColorUI使用与技巧
1 ColorUI学习1.1 准备引入资源 demo中的colorui – app.wxss@import '/colorui/icon.wxss';@import '/colorui/main.wxss';1.2 自定义导航栏app.json 配置取消系统导航栏,并全局引入组件 "window": { "navigationBarBackgroundColor": "#39b54a", "navigationBarTitleText": "Color UI", "naviga原创 2021-12-23 16:21:20 · 15680 阅读 · 0 评论 -
微信小程序添加icon图标教程
1 官方自带icon 官方地址 https://developers.weixin.qq.com/miniprogram/dev/component/icon.html <icon type="success"></icon>type一共有8个2 自定义添加阿里巴巴矢量图标库 地址 https://www.iconfont.cn/2.1 使用比如:我搜索 爱心选择点击 购物车点击右上方的 购物车添加至项目我随便选择 一个 demo项目,然后点确认原创 2021-12-22 21:18:33 · 25785 阅读 · 2 评论 -
微信小程序关闭按钮样式设计
先看一下样式,这样大家更加明白下面居中效果代码 <view class="cancelBtn"> <icon type="cancel" size="40" color="#fff" bindtap="clickNo" ></icon> </view>样式.cancelBtn{/*取消按钮*/ text-align: center; margin-top: 100rpx;}右上角效果代码(这里包含cs原创 2021-12-16 02:42:33 · 2621 阅读 · 0 评论 -
小程序button样式class无效问题
class 的样式优先级没有 app.json v2 高,导致被覆盖了第1中办法,去掉v2原因是这个导致的:什么是 style:v2官方解释:微信客户端 7.0 开始,UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。本次改动涉及的组件有 button icon radio checkbox switch slider。可前往小程序示例进行体验。去掉他对 button 不影响,但是个人目前不知到.原创 2021-12-05 23:33:43 · 2250 阅读 · 0 评论 -
wx.login与wx.getUserProfile不能同时用问题
微信小程的坑!调用wx.login获取code后,再调用wx.getUserProfile,可能会失败,触发fail函数上代码noPwdLogin: function () { //1 获取code let code=''; wx.login({ success(res) { code=res.code; } }); //2 获取用户信息 wx.getUserProfile({ desc: '用户原创 2021-12-04 22:59:42 · 969 阅读 · 0 评论 -
小程序过滤替换特殊字符问题
这里用正则方法 let str="你好[12/ ? * 345--{}6 ]"; var res =str.replace(/[\u00A0\s"`~!@#$%^&*()+=|{}':;',\[\].<>/?~!@#¥%……&*()——+|{}【】‘;:”“'。,、?]/,""); console.log(res);运行结果从上可以看出来,他只是 替换了[一个更预期不一样怎么办?加 g问题是不是解决了!!!...原创 2021-12-04 00:44:03 · 796 阅读 · 4 评论 -
小程序封装 wx.request技巧与使用
小程序开发,避不开 wx.request请求。为了提高我们的工作效率,我们对 他进行封装,使代码更加优雅,易读1 先了解官方的文档1.1重要参数url 请求地址method 请求方式(目前关注 Get/Post)data 请求的参数header 请求头(常用放token之类)success 接口调用成功的回调函数fail 接口调用失败的回调函数1.2 重要例子wx.request({ ur.原创 2021-11-30 00:24:21 · 7175 阅读 · 0 评论 -
微信三方登录与注册逻辑处理
微信,作为三方接口的处理逻辑。以下是个人项目处理的逻辑,欢迎大家吐槽!这边展示项目部分代码 /** * 微信 登录与注册 * @param request 请求 * @param code 要解析的code,或 已解析的 openid * @param nickName 昵称 * @return */ public Map<String,Object> wxLogin(HttpServletRequest req原创 2021-11-25 17:08:41 · 626 阅读 · 0 评论 -
weui.wxss中的icon整理(微信小程序)
weui.wxss 自带的 icon.个人用了1个小时整理出来!给大家节省时间效果图 是一一对应的<text>1</text><view class="weui-icon-circle"></view><view class="weui-icon-download"></view><view class="weui-icon-info"></view><view class="weui-ico原创 2021-11-24 20:37:25 · 2816 阅读 · 0 评论