小程序
文章平均质量分 79
Y__Cheng
...
展开
-
【小程序】分离上传图片、视频
上需求,上传图片视频时:1:让用户自行选择照片或者视频,更方便、更精确上传,如下图2:上传图片限制最多6张,视频最多一个3:上传了图片就隐藏掉选择视频的选项,上传了一个视频就不能继续上传其他图片或者视频4:图片预览、视频预览小程序UI用到的是colorUI,提取出来该部分代码如下WSML// firstType 为控制显示视频还是图片<view class="cu-bar bg-white margin-top"> <view class="action">原创 2021-01-28 10:05:17 · 599 阅读 · 0 评论 -
小程序检测更新
// 更新小程序 checkUpdateVersion:function(){ if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate(function(res) { // console.log(res) if (res.hasUpdate) { .转载 2020-08-03 17:07:12 · 577 阅读 · 0 评论 -
【小程序】小程序测试号解绑,重新申请appid空白问题
这几天我不小心在公众平台安全助手公众号里面把我的测试号给解绑了,后果自然是小程序一直无法创建;然后我就想着重新申请。微信小程序测试号申请地址:https://developers.weixin.qq.com/sandbox扫码登录【注意微信开放社区】登录成功你会发现页面中,一片空白,appid和密钥都是空白的,这我还玩个G儿啊,疯狂刷新一波,还是空白。刷新无果,我只好去微信社区准备发...原创 2019-05-29 11:04:45 · 7698 阅读 · 2 评论 -
【小程序】小程序上传照片,拖拽,放大缩小
最近在做的一个关于照片上传打印成相册的小程序,功能主要在用户处理图片,放大缩小,拖拽,不同模板不同表现直至最后打印,过程中碰到很多坑。接下来我主要叙述的路线如下:用户操作 --------------上传图片用户操作 --------------选中图片初始化 -----------------模板 / 用户选择模板 (例如相框,背景模板)图片处理 --------------初...原创 2019-05-06 14:50:49 · 3023 阅读 · 8 评论 -
【小程序】构建npm失败,没有找到 node_modules 目录
小程序从基础库版本 2.2.1 以上就开始支持npm安装第三方包了,看了文档之后,我就吐槽(妈的写这么笼统,坑不死人)。文档:一般我们看了文档后,就会跟着文档走流程,果然就被文档带跑了。首先,如果你按文档走下去:1、执行命令安装npm install2、工具 -> 构建npm恭喜你,将会看到没有找到 node_modules 目录。问题原因:一直开发小程序,没怎么用过npm...原创 2019-02-21 15:24:30 · 7122 阅读 · 6 评论 -
【小程序】自定义导航栏
这个需求要不是UI和我讲有其他小程序实现了,我都还以为小程序还不能做到自定义导航。还好是在设计阶段给出的需求,不然。。。先看看效果吧微信小程序自定义导航栏开始接介绍用法:1:配置app.json扫码都别管,先查看文档window配置然后在app.json设置navigationStyle为custom(自定义导航栏)注意!: 如果这里设置为自定义导航,那么所有页面都会变成自定...原创 2018-11-02 15:47:13 · 12333 阅读 · 22 评论 -
利用php拼接图片,实现水印的效果
利用后台php拼接图片,实现水印的效果前提: 我是个小小小前端,收到老大布置的任务需求如下 - 运行:微信小程序 - 提供图片,处理图片 - 使用自定义输入的问题替换图片中的一些文字 - *保存,分享开始当得到这个任务,第一个想法就是canvas或者图文堆叠,html5的canvs还是做过一些实例,简要说明下,我目前对微信小程序的组件只是了解,API还好点。就兴致勃勃的开始做。先是看小程序原创 2017-12-20 15:42:07 · 1214 阅读 · 0 评论 -
【小程序】小程序swiper组件实现间距轮播
swiper组件实现出间距轮播先不急着看实现过程,先看看效果图,如果是你想要的效果那请看下面的过程,不是的话也不浪费大家的时间(就是这么体贴唉)。效果图一效果图二如果是你想要的效果,那就继续往下看,不是那就出门右(别)拐(走)吧。一开始想着如果和swiper.js一样,那就好了,看了下文档就放弃了。网上找了一下还是没找到具体实现方法,就开始自己倒腾,就想到css处理了。第一种效果...原创 2018-09-19 12:16:07 · 23613 阅读 · 17 评论 -
【小程序】未来七天日期,30分钟时间段
时间上的处理有段时间没弄小程序了,现在又来堆点低级问题处理,需求如下,预定类型小程序的一个页面,之前很少会计算time,应为都是后台返回,但是这次有点特殊,后台不好弄,我就全权接下呗,不怕需求难,就怕需求多啊。 - 状态的简单管理,可选,不可选,选中 - 上面是更具当天得出未来七天日期 - 下面是固定时间段,选中后增加半小时,取消后恢复给看客老爷上图一:选择状态的处理...原创 2018-08-24 14:35:58 · 4339 阅读 · 10 评论 -
【小程序】小程序评论审核后发送弹幕
小程序弹幕需求:小程序实现弹幕功能,然后评论的内容需要审核(需要时间),所以不是及时的出现在弹幕(对我有利)。小程序实现弹幕并不难,主要这次我们的需求并不是用户点击发送就马上出现在视频上,而是审核后才能出现。 先看看小程序的video组件和APIVIdeo组件 API 这里我们要用到danmu-list 下面为他的数据格式,包含了内容(text),颜色(colo...原创 2018-07-16 20:04:10 · 2413 阅读 · 1 评论 -
【小程序】小程序评论板块加入emoji表情
直接上稿: 图中的【笑脸.icon】功能就是类似手机输入法的表情功能,下方升起一个包含很多表情的区域,供选择。我说手机输入法有表情,为什么还需要表情功能呢?(苦笑.gif),UI大佬:不行,这就是表情功能,你写不出来就算了! me:行,我来搞定(不服)。 自己扛的需求,跪着也要写出来啊~ 网上一顿浪,大概了解了思路1:从网上下载好表情包文件 ———点击前往下载高清emoji表情包 ...原创 2018-05-16 12:58:19 · 19671 阅读 · 146 评论 -
【小程序】根据需求下载,预览pdf文件
小程序之wx.downloadFile、wx.openDocument组合使用(二)应为中间还要接手其他的项目,所以时间间隔有点尴尬,接下来接着上一次,继续填坑。 这次需求开始是一个特刊板块,用大背景+滑动切换选择,选择滑动切换的小图,背景背景全景就显示相应特刊图片。直接上图看吧: 都已经做好了!,然后产品问能不能 直接使用pdf在线预览(苦笑。。。),当时是懵的,因为没用过,而且小程...原创 2018-05-08 15:48:39 · 17999 阅读 · 5 评论 -
【小程序】获取到的e.target与e.currentTarget区别
在html中这两个事件属性,很容易让我混淆,小程序中这两个属性也很重要,因此又必要好好深入理解下,让自己分清这两个Dom的属性。这里是MDN给的解释target:一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时。currentTarget:在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于 target 属性。它指的是当事件遍历DOM时,标识事件的...原创 2018-05-14 16:34:12 · 13145 阅读 · 1 评论 -
【小程序】Web-View 小程序跳转外部链接
写这个是因为,最近小程序的一个需求需要从小程序跳转到客户的官网,或者其他外部报名链接。 如果是以前的话,可能就无法实现,但是小程序的版本更新速度还是可观的,现在既可以跳转外部链接,还可以跳转APP;话不多数,直接上文档:这里需要在小程序后台配置业务域名(不是服务器域名),并且还是https协议开头,不是的话无法添加成功,需要下载一个校验文件放置外部网站的更目录下,可通过ftp传值更目录(让后台去弄原创 2018-05-10 14:26:38 · 37361 阅读 · 4 评论 -
【小程序】解决遍历过程中,类似排名前几个不同的样式处理
小程序之wx:for(一)初次开发小程序,能猜测到会遇到很多坑,所以在此记录,工作中开发小程序遇到的问题,以及如何解决问题的方法。也方便遇到类似问题的小伙伴思路。话不多说,直接上图,上需求需要达到这个效果,一开始遍历出来的结果是这样: 这里wx:for列表渲染就不说了,没有什么问题,正对于标题的问题后来就开始思考如何达到这个效果,想在后台数据中添加状态,感觉太麻烦(放弃)...原创 2018-04-20 13:45:09 · 2375 阅读 · 0 评论