最近公司项目不是很忙，有时间研究研究微信小程序。参考了目前市场上各类答题类的app、小程序等等，做了一款自己的微信答题小程序，包括前端和后端，后端是用node做的。现在已经上线了，名字叫【你问我猜猜猜】，大家感兴趣的话可以去试玩一下。 会vue、react, 微信小程序，so easy 如果之前用过 ...
你们家的App是不是越来越“重”？小程序碎片化的实践思考银行、证券业机构在智能手机上发展App，到今年应该说有十年时间了。这十年来，相信很多机构的App都经历过数次的“伤筋动骨”的大改造。开始的时候外购了一些技术，然后让开发商在上面订制、修修补补，但是发现无法响应市场变化、业务创新需求、监管规则变化，于是要么是购买源代码、组建自己的研发团队接手彻底自研，要么是另起炉灶采用新的技术框架重新开发。相信
利益相关 无 说明 该小程序代码已开源，点击可查看源码，可随意 star。也可以先扫描下方的小程序码直接体验。 写在前面 前段时间写了一个简单的小程序 QuietWeather，源码在这里，具体实现相关可查看这篇文章：两天撸一个天气应用微信小程序。但是这个 小程序 和 QuietWeather 完全 ...
2048 小程序移植版 使用mpvue编写的2048小程序, 仅供交流学习. 图片展示 核心代码 初始化 [00][01][02][03] [10][11][12][13] [20][21][22][23] [30][31][32][33] (例)左移 假设 索引为 => [00][01][02][ ...
阅读本文约“2分钟” 还是同一个开源小组件。。。。 针对微信小程序的图片（文件）上传，这次是SpringBoot版本的了，数据库操作换了Jpa 原业务是针对用户反馈的图片上传。（没错，本次还提供小程序页面源码，具体如下页面） 本推文SpringBoot的框架，大家根据需要自行获取哈。 SpringB ...
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。 o ...
公司团队制作，主要用于内部使用，觉得这个感觉不错，所以推荐出来，让大家试试~ 日历功能 日历基本功能，自定义样式 先睹为快 使用方法： 1、 在微信小程序管理后台——设置——第三方服务，按 AppID（ wx23a9cef3522e4f7c）搜索到该插件并申请授权。 2、在要使用该插件的小程序 ap ...
图示： index.wxml <!--index.wxml--> <button bindtap="map">定位</button> index.js //index.js //获取应用实例 const app = getApp() Page({ data: { }, map:function(){ ...
angular 开发微信小程序 webview ChangeDetectionStrategy 使用 angular/cli 创建angular 项目 略 创建一个服务封装小程序接口以方便组件调用 ng g s service/wx将 WxService 加入到模块(app.module.ts)的 ...
第一步：生成access_token https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$app_id&secret=$app_secret 第二步：判断用户是否已关注公众号 https://api. ...
第一步：获取用户微信登录code 打开微信开发者工具执行生成code。（注意：开发者工具打开的程序就是你要获取openid的程序，如果不是则可以做在工具右边详情——基本信息修改appid） wx.login({ success(res) { console.info(res.code); } }) ...
1.消息提示框 uni.showToast({ title: '亲，请输入关键字', icon: 'none', duration: 2000//提示的延迟时间，单位毫秒，默认：1500 }); 2.应有结果的错误信息： 报错： https://uniapp.dcloud.io/api/ui/pro ...
css的变化 标准的css基本都是支持的。 选择器有2个变化：*选择器不支持；元素选择器里没有body，改为了page。微信小程序即是如此。 复制代码page{ } 单位方面，px无法动态适应不同宽度的屏幕，rem只能用于h5。如果想使用根据屏幕宽度自适应的单位，推荐使用rpx，全端支持。 尺寸单位 ...
这是小程序开发第二篇，主要介绍如何上传图片到腾讯云，之所以选择腾讯云，是因为腾讯云免费空间大? 准备工作 上传图片主要是将图片上传到腾讯云对象存储（COS）。 要使用对象存储 API，需要先执行以下步骤： 购买腾讯云对象存储（COS）服务 在腾讯云 对象存储控制台 里创建一个 Bucket 在控制台 ...
这个模块做了2周，找了很多资料文档，看示例看别人的demo，最后发现其实还是得靠自己，不吐槽了，开正文。我实现的小程序模块自动连接（根据需要，可改手动），是在小程序初始化完成时开始自动调用执行。 大致流程： 1、 开启蓝牙适配2、 获取蓝牙适配器状态，判断设备蓝牙是否可用。3、 判断蓝牙适配器可用时 ...
在发送微信客服消息初始使用的是 设置 或者是 都报 invalid openid hint 错误 后来发现 是 未使用 ，改正后但是发送的消息还是中文乱码，这就很蛋疼了 鄙人才疏学浅，经过不断的肝，发现一个好用的类，使用 完美解决 invalid openid hint 报错以及中文乱码问题 所以说 ...
wechat-chart 基于微信小程序 Canvas API 实现的柱状图和趋势图 GitHub 地址 用法 let Line = require('../../utils/line.js'); let line = new Line(); line.draw({ renderTo: 'lineC ...
<swiper bindanimationfinish="Functionr" > 1 function:function(e){ 2 this.setData({ 3 swiperCurrent: e.detail.current 4 }) 5 } 将 bindChange 更换为 bindani ...
新闻列表渲染 1.设计静态新闻列表（wxml+wxss） (1)news.wxml <view class="articlelist"> <view class="author-time"> <image class="author-icon" src="../../image/head1.png" ...
条件渲染 vue:使用v-if指令，v-else表示v-if的else块，v-else-if表示v-if 的“else-if 块” div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="ty ...