-
前端系列——小程序开发记录片
2021/3/31 23:23:25
概要由于公司的业务需求,本想年底偷个懒,但是开发小程序的任务袭来。第一次开发这玩意,记录一些需要注意的点,以后再次开发时可以快速解决。如果你是新手,推荐你先看官方文档,如果你在开发小程序过程中遇到一些不懂的地方,可以看看这篇文章会不会给你启发。细则1、优先使用rpx替代px。2、设计图通常按照iPhone6的基准。3、当使用一些交互组件时,优先从官方组件里面挑选... -
wxaSortPicker小程序首字母排序选择器
2021/3/31 23:23:17
wxaSortPicker版本号1.0.1 github地址: https://github.com/nickrogit/wxaSortPicker 说明:小程序首字母排序选择器,网上有不少但觉得不太好,自己优化改进的这款觉得还不错,后面再慢慢完善丰富。版本说明1.0.0版本仅支持字符串数组 1.0.1版本加入json数组支持,如:[{name:'中国',value:'China'},{name:'美国',value:'America'}],value取值e.target.da... -
微信小程序实现顶部、底部滑动联动
2021/3/31 23:23:13
这个场景一般用于展示数据时,数据过多,每条一行显示不下,表头可以横向滑动,下面要显示的数据部分横向纵向都可以滑动。表头或下面数据部分横向滑动的时候,两部分可以进行联动具体效果像这样(随便写的丑样式布局)说说原理,主要是使用两个scroll-view组件,然后监听两个scroll-view的滑动事件,然后根据滑动的scroll-view横向滑动的距离,通过scroll-left来设置另一个scro... -
《欢乐坦克大战》微信小游戏开发总结
2021/3/31 23:23:10
前言 《欢乐坦克大战》是一款支持3V3实时对战并首批参与上线的微信小游戏中的作品。因为该游戏为微信小游戏中的重度之作,项目开发周期非常短,所以游戏复杂度、开发难度、性能挑战也是挺大的;项目组在一个月内就完成了单机、网络对战玩法的开发。 同时,因为客户端开发团队的核心成员有多年的cocos2dx引擎开发经验,所以项目组决定使用CocosCreator V1.6.1版本的... -
微信小程序之多文件下载的简单封装
2021/3/31 23:23:00
需求需要生成一个宣传的图片分享到朋友圈,这个宣传图片包含二维码,包含不同的背景图片和不同的文字。对于这种图片生成,我们考虑过使用服务端生成,但是这样会比较耗服务器性能,所以最终决定使用本地生成。首先小程序有一个限制,包不能大于2m,而且我们可能多个背景图,所以计划把背景图和二维码图片放在服务端,这样可以减少小程序包的大小,也可以灵活的切换背景图。在绘... -
微信小程序客服消息模块
2021/3/31 23:22:57
weapp-kefu微信小程序客服消息模块,基于驱动开发,可以有效解决群发消息的问题,单个类型的消息独立不干扰发送文字消息$type = 'text'; // 可选参数,text,link,image,miniprogrampage $kefu = new \Com\Kefu($type,$token); //群发消息一般都是群发一种类型的消息的,所以将type加载到构造中 $data = https://www.wxapp-union.com/array('touser'=>'xxxxx', 'text'=... -
小程序支持打开移动应用到底是怎么回事?
2021/3/31 23:22:51
从苹果官方微信号 微信公共平台 发布的文章 《小程序支持打开移动应用》 来看,小程序新增了两个功能:支持打开移动应用标题栏区域开放自定义针对第二个功能,就是开发者可以自定义小程序菜单栏的颜色风格,根据需求,对小程序菜单外的标题区域进行自定义,比如设置标题区域的颜色。这里主要介绍一下支持打开移动应用的功能。支持打开移动应用乍一看其实有... -
撸一个会话备忘录的小程序(白山羊备忘录)
2021/3/31 23:22:45
说明: 数据在本地缓存中操作,纯前端无后台,不用担心信息泄露问题实现步骤(个人版):1、注册微信小程序,获取appid注册网址: https://mp.weixin.qq.com2、下载新版微信开发者工具,新建备忘录项目,填写appid,确定后自动生成初始化代码开发者工具下载: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html3、目录结构+-- assets //静... -
《王者荣耀周边商城》经验总结
2021/3/31 23:22:26
大家好,以下是《王者荣耀周边商城》小程序的一些经验总结,也许能帮到你,也许也帮不到,大家看着办哈,因为时间有点早,所以文中有些实现不是最新的,最终请以官方文档说明为准,废话不多说,直接上高清无码大图。以上截图是之前的版本,中间做了改版,大家可以直接扫码识别体验:项目结构我们都知道,小程序有自己的一套实现规范,下面我们看下小程序的项目结构,如下图:一... -
防止小程序多次点击跳转解决方案
2021/3/31 23:22:24
场景在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次): 解决办法然后从 轻松理解JS函数节流和函数防抖 中找到了解决办法,就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。/u... -
微信小程序:使用Promise简化回调
2021/3/31 23:22:20
了解什么是 Promise 对象在项目中,会出现各种异步操作,如果一个异步操作的回调里还有异步操作,就会出现回调金字塔。比如下面这种// 模拟获取code,然后将code传给后台,成功后获取userinfo,再将userinfo传给后台 // 登录 wx.login({ success: res => { let code = res.code // 请求 imitationPost({ url: '/test/loginW... -
微信小游戏:无法进行网络请求的解决方案
2021/3/31 23:22:17
跟大家在交流中很多人说源码是压缩过的可读性很差,拿到源码也没有意义。但是其实只要将代码格式化后,代码的可读性还是很高的,而且通过微信开发工具断点调试,一些逻辑还是很容易梳理清楚的。上图就是通过断点调试找到了最终提交 score 的网络请求另外问的最多的就是目前小游戏无法进行网络请求的问题,如下图这是因为不管是小游戏还是小程序,网络请求都是受到限... -
微信小程序中生成二维码工具:weapp.qrcode.js
2021/3/31 23:22:11
前言在近期的小程序开发中,有一个离线生成二维码的需求。当时想到了一些优秀的前端开源库 jquery-qrcode 和 node-qrcode,由于小程序中没有DOM的概念,这些库在小程序中并不适用。所以,针对微信小程序的特点,封装了 weapp.qrcode.js ,用于在小程序中快速生成二维码。效果如下图:下面来介绍一下使用方法:使用创建canvas标签先在 wxml 文件中,创... -
【babel+小程序】下
2021/3/31 23:22:09
babel插件替换全局常量1.思路想必大家肯定很熟悉这种模式let host = 'http://www.tanwanlanyue.com/' if(process.env.NODE_ENV === 'production'){ host = 'http://www.zhazhahui.com/' }通过这种只在编译过程中存在的全局常量,我们可以做很多值的匹配。因为wepy已经预编译了一层,在框架内的业务代码是读取不了process.env.NODE_ENV的值。我就想着要不做一个类似于web... -
【babel+小程序】上
2021/3/31 23:22:04
话不多说先上图,简要说明一下干了些什么事。图可能太模糊,可以点 svg 看看背景最近公司开展了小程序的业务,派我去负责这一块的业务,其中需要处理的一个问题是接入我们web开发的传统架构-- 模块化开发 。我们来详细说一下模块化开发具体是怎么样的。我们的git工作流采用的是 git flow 。一个项目会拆分成几个模块,然后一人负责一个模块(对... -
Discuz! + 微信小程序
2021/3/31 23:22:00
关于这个小程序Github : https://github.com/DowneyL/di...‘这个小程序是公司针对一个自家产品的需求,而这个产品就是 Discuz (我知道没啥人用了,就不要吐槽了),版本是 X3.2 ,还是 GBK 编码!在公司给了需求,稍微学习了一下小程序,就直接开干了,网上找到一个基础版本(可耻的不全是自己写的),修复了一些 BUG,新增了一部分功能,也砍掉了一部分功能,兼容了 GBK... -
微信小程序 wx.request 的封装
2021/3/31 23:21:56
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下小程序开发,坑么总是有的,但是我觉得还是request这部分实在是不好看,所以你懂得,我用Promise 对请求做了个简单封装。本文章所述方法主要针对第三方登录废话不... -
微信小程序在开发中遇到的问题与解决方法
2021/3/31 23:21:51
1. √ 这种错误多半是该js文件中没有Page这个方法,就算是空的js也必须要把Page({ })写上去 2. √ 这种错误多半是该json文件没有内容,所以必须要加上{ },就算是空内容也要加上{ }。 补一句:小程序里json文件中不允许有注释不然会报错。 3.未解决 这个问题我不知道怎么解决了。我使用了一个模板,iconClass在当前页面的j... -
绘制二维码添加中间头像Logo
2021/3/31 23:21:41
onLoad: function (options) { /** * 绘制带logo二维码 * @param url 二维码字符串 如 https://github.com/xlsn0w * @param canvas-id 画布ID 如 logoQRCode * @param width 二维码宽度 如 275 * @param height 二维码高度 如 275 * @param logo 二维码logo 如 /images/xlsn0w.png */ QRCodeJS.qrApi.d...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程,一看就会
- 小程序登陆设计-耐心看,讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些?如何快速获客!
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理:小商店不意味着腾讯要做电商
- 现在您还需要建网站吗?
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做?
- 直播带货开始降温,淘宝、抖音、快手决战新周期
- 云计算:多云策略的定义和三大优势
- 域名怎么通过实名认证?
- “啤酒”域名Bier.de以114万元登顶Sedo榜!
- 商标是买现成的还是去自己申请?
- 普通企业为何要做分销系统?