-
微信小程序中生成二维码工具：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... -
微信小程序 从本地相册选择图片或使用相机拍照chooseImage()和预览图片previewIma
2021/3/31 23:21:13
要实现的效果如图所示wxml: <view class='suggest_img'>请提供相关问题的截图或照片</view> <view class='img_box'> <block wx:for="{{add_img}}" wx:key="{{index}}"> <view class='have_img'> <image src='{{item}}' class='sug_picture' data-num="{{index}}" catchtap='preview_img'></image> <imag... -
偷偷迭代的重磅功能：小程序的像素处理能力
2021/3/31 23:21:09
不知道是什么时候？也许是春节期间？小程序的绘图api默默新增了两个接口：wx.canvasGetImageData，返回一个数组，用来描述 canvas 区域隐含的像素数据wx.canvasPutImageData，将像素数据绘制到画布的方法官方没有发文说明，而是偷偷放在开发文档里，程序员同学真调皮， 这两个在花叔看来相当实用的功能，却发布得这么低调， 接下来从不同角度说说这是什么。一.屏显原... -
【附源码】小程序初窥之简单查单词
2021/3/31 23:21:07
新年假期百无聊赖，于是就看了一下微信小程序的开发方法，花了两天时间入了个门，这里记录一下。阅读之前，先确定你知道基本的 html+css+js 语法，这样就能更好地和我一样，以一个新手的视角来理解小程序。目标目标是编写一个查单词的小程序，很明显需要一个输入框（如果有一个placehoder就更好了），然后再加上一个按钮，点击之后如果成功就显示结果，如果失败就提... -
微信小程序之状态管理B
2021/3/31 23:21:03
书接上文哈咱们定义了个状态管理对象 逻辑应该是这样的 if (json.product.activity.type == "Coin1") { this.activity.coin1Show = now > json.product.activity.preAt && now < json.product.activity.postAt } if (this.activity.coin1Show) { this.activity.unStart = now < json.product.... -
微信小程序之小技能篇(一)
2021/3/31 23:21:01
1，三目运算改变class值：<view class="{{flag ? 'change' : 'change_after'}}">改变字体颜色</view> //flage为true／false时，选择class名应用场景：需要动态改变元素样式。比如：点击某按钮，改变字体颜色。2，利用缓存实现：点击按钮，数字减一//XML页面：<text style='font-size:26rpx; color:#ff0000'>{{counts}}</text> //JS页面： onLoad... -
微信小程序之状态管理A
2021/3/31 23:20:57
其实这个标题 不是很对 主要是最近小程序项目中 有这么一个状态所有商品都共用一个商品详情页面 大概就是这样子 为了公司 保险起见，一些展示的内容已经处理 但是无伤大雅就是这么两个按钮 左侧粉色的为商城活动价格，右侧为活动价格那么说什么时候展示什么样子的按钮啊呢？首先的思路为判断该商品是否属于我们做的活动中的商品，如果是我们活动中的商品，那么右侧... -
小程序基于加速度计判断横竖屏
2021/3/26 0:03:06
也许有人会问，小程序中都是竖直app形态，要横竖屏判断有什么用？即使判断出了横屏状态，你能把小程序横过来？答案是不能的，但是判断当前设备处于横屏或者竖屏状态来实现一些友好的用户体验交互方式的需求确实存在。例如手机横屏，让视频播放自动全屏，手机竖屏，让视频切换回来小屏。然而，截止至目前，小程序官方的API中并没有提供这样的横竖屏判断的方法。那么我们只能自己... -
微信小程序之圆形进度条
2021/3/26 0:03:00
需求概要小程序中使用圆形倒计时，效果图：思路使用2个 canvas 一个是背景圆环，一个是彩色圆环。使用 setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景，canvas-id="canvasProgressbg"另一个canvas，使用相对定位作为进度条... -
小程序实现语音识别到底要填多少坑？
2021/3/26 0:02:56
前不久写了个工具型微信小程序（Find周边），里面用到了语音识别技术。现将实现细节整理如下：接口预览通过阅读了解科大讯飞接口文档、小程序接口开发文档以及对后端ThinkPhp框架的学习，我整理了如下开发步骤:注册科大讯飞账号( 国人的骄傲，全球领先的语音识别技术 )进入AIUI开放平台在应用管理创建应用并记录APPID和ApiKey进入应用配置，配置符合自己的情景模式、... -
【每日出击运签】小程序“踩坑”总结
2021/3/26 0:02:52
最近刚好接手支持了每日出击运签的小程序，在小程序完成以后，整理了一下初次接手小程序的一些体验，所以有了现在这篇小总结。在小程序需求的进行期间，十分感谢泽贤，小苏，俞焕，花花的指导~话不多说，立马送上小程序码，大家可以扫码体验一下每日出击运签小程序主要划分为几个功能模块：摇一摇抽签并显示运签结果保存图片预约功能签到功能积分功能评论功能下面重点介绍一下... -
第一个摇一摇小程序？在Nodes里摇一摇
2021/3/26 0:02:48
话说，小程序也能做摇一摇功能，但好像没怎么看到过有什么小程序做了这个？（大家如果看到，可以留言推荐一下），按耐不住心中好奇心的花叔这两天研究了一下。在说这之前，请允许我描述一下Nodes的新功能，因为由于这功能，花叔才萌生了研究小程序摇一摇的好奇心。最近给Nodes加了个人首页”的功能，大致的功能点如下：目前在Nodes的主页或者某个思维导图的详情页里，点击头像... -
微信小程序-ios系统-下拉上拉出现白色，如何处理呢？
2021/3/26 0:01:49
这几天做小程序，有些页面都是全屏的背景，在安卓上背景是固定的，而在ios上上拉下拉出现白色，测试说体验不太好，一开始我以为是下拉上拉刷新造成的，关闭了依然是这样。为了体验好点，可以按一下解决：方式一： 可以在page.json文件内配置 ："backgroundColor": "#ccc" 属性，这个方法比较便捷。但是对于一些全屏背景的页面体验还不是很好方式二： 对于一些全屏背景页...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
