您现在的位置: 微信小程序 > 微信小程序开发 > 教程 >

前端开发微信小程序的个人经验总结–持续更新【原创】

1.开发微信小程序之前,先要知道小程序是什么,优势是什么。 知乎上看到的一个回复 :https://www.zhihu.com/question/50880960 2.开始看小程序的开发文档,网上很多教程,但还是看官方的文档...

阅读(189)

教程

美团点评开源用 Vue.js 开发小程序的前端框架 mpvue

美团点评近日开源了mpvue ,这是一个使用Vue.js开发小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改...

阅读(57)

教程

微信小程序通过api接口将json数据展现到小程序上

实现知乎客户端的一个重要知识前提就是,要知道怎么通过知乎新闻的接口,来把数据展示到微信 小程序端上。 那么我们这一就先学习一下,如何将接口获取到的数据展示到微信小程...

阅读(159)

教程

在 mpvue 使用 echarts 小程序组件

具体操作 下载 echarts-for-weixin。 把其 ec-canvas 目录移动到 mpvue 项目的 static 目录下。 对 ec-canvas/ec-canvas.js 进行小调整,考虑提 pr 到 ec-canvas。 修改 ready 为异步获取数据。 ready: function...

阅读(76)

教程

细数小程序的坑

最近做了一个应用,把玩了一下小程序。总体感觉还是可以,但是限制太多,最适合的场景可能就是手机小型应用。这节,我们来细数一下小程序开发过程的坑。 查看原文,获得更好的...

阅读(184)

教程

微信小程序分享朋友圈的实现思路与解决办法

简介 截止我写这篇文章的时候,小程序应该是还没有能够直接分享到朋友圈的api,转发给朋友和群是可以实现的,这篇文章主要是讲如何实现分享到朋友圈,所以分享给朋友我下面还会...

阅读(78)

教程

vue与微信小程序的一些区别

一.条件渲染 vue:使用v-if指令,v-else表示v-if的else块,v-else-if表示v-if的else-if 块 1 div v-if=type === A 2 A 3 /div 4 div v-else-if=type === B 5 B 6 /div 7 div v-else-if=type === C 8 C 9 /div10 div v-else11 Not A/B/C12 /...

阅读(121)

教程

微信小程序-实现扫码自动连接wifi(android)

项目实路 饭店,商铺存在共享的wifi的地方,只需要贴出二维码,用户扫描后自动连接 小程序缺点:android6版本 ios11版本 图片演示 实现代码(IOS没看懂文档说明 只简单的带过 希望能实现的朋...

阅读(83)

教程

微信小程序使用wxParse实现接入富文本编辑

简介 微信小程序中比如活动说明,简介这样的图文介绍说明页面,后台通常配置成富文本编辑框,由后台直接输入内容,然后在小程序界面展现。 但是富文本编辑提取到内容是html格式...

阅读(142)

教程

《冷暖自知》天气小程序

《冷暖自知》天气小程序 学无止境,以玩儿玩儿的心态去学习! 前一天晚上写的,写的不太好,第二天马上修改了,如有差错,请多指教。 花半天时间完成简单的小程序应用。适合小...

阅读(91)

教程

微信小游戏:无法进行网络请求的解决方案

跟大家在交流中很多人说源码是压缩过的可读性很差,拿到源码也没有意义。但是其实只要将代码格式化后,代码的可读性还是很高的,而且通过微信开发工具断点调试,一些逻辑还是...

阅读(196)

教程

微信小程序:使用Promise简化回调

了解什么是 Promise 对象在项目中,会出现各种异步操作,如果一个异步操作的回调里还有异步操作,就会出现回调金字塔。比如下面这种// 模拟获取code,然后将code传给后台,成功后获...

阅读(192)

教程

防止小程序多次点击跳转解决方案

场景 在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):...

阅读(90)

教程

《王者荣耀周边商城》经验总结

大家好,以下是《王者荣耀周边商城》小程序的一些经验总结,也许能帮到你,也许也帮不到,大家看着办哈,因为时间有点早,所以文中有些实现不是最新的,最终请以官方文档说明...

阅读(196)

教程

微信小程序live-pusher那些坑

最近在做用微信小程序实现实时通话,一个页面同时使用了live-pusher和live-player。中途踩了许多坑,在这里做一下总结,希望能帮到大家。 1问题:Live-player播着播着没声音了。 原因:对...

阅读(85)

教程

微信小程序-ios系统-下拉上拉出现白色,如何处理呢?

这几天做小程序,有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白色,测试说体验不太好,一开始我以为是下拉上拉刷新造成的,关闭了依然是这样。为了...

阅读(196)

教程

第一个摇一摇小程序?在Nodes里摇一摇 Rolan2018-2-8 00:13

话说,小程序也能做摇一摇功能,但好像没怎么看到过有什么小程序做了这个?(大家如果看到,可以留言推荐一下),按耐不住心中好奇心的花叔这两天研究了一下。 在说这之前,请...

阅读(71)

教程

【每日出击运签】小程序“踩坑”总结

最近刚好接手支持了每日出击运签的 小程序,在小程序完成以后,整理了一下初次接手小程序的一些体验,所以有了现在这篇小总结。在小程序需求的进行期间,十分感谢泽贤,小苏,...

阅读(95)

教程

小程序实现语音识别到底要填多少坑?

前不久写了个工具型微信小程序(Find周边),里面用到了语音识别技术。现将实现细节整理如下: 接口预览 通过阅读了解科大讯飞接口文档、小程序接口开发文档以及对后端ThinkPhp框...

阅读(71)

教程

微信小程序之圆形进度条

需求概要 小程序中使用圆形倒计时,效果图: 思路 使用2个 canvas一个是背景圆环,一个是彩色圆环。 使用setInterval让彩色圆环逐步绘制。 解决方案 第一步先写结构 一个盒子包裹2个...

阅读(173)

教程

小程序基于加速度计判断横竖屏

也许有人会问,小程序中都是竖直app形态,要横竖屏判断有什么用?即使判断出了横屏状态,你能把小程序横过来?答案是不能的,但是判断当前设备处于横屏或者竖屏状态来实现一些...

阅读(159)

教程

小程序:图片和文字合成一张图片

代码例子 今天在百般的无聊中,去看了看小程序的api文档,抱着学习,增加点知识的态度下,又是很认真的看了一边各个api的说明和使用例子,看着看着就萌发了怎么一个想法,记得以...

阅读(160)

教程

微信小程序之状态管理A

其实这个标题 不是很对 主要是最近小程序项目中 有这么一个状态 所有商品都共用一个商品详情页面 大概就是这样子 为了公司 保险起见,一些展示的内容已经处理 但是无伤大雅 就是...

阅读(108)

教程

微信小程序之小技能篇(一)

1,三目运算改变class值: view class={{flag ? change : change_after}}改变字体颜色/view //flage为true/false时,选择class名 应用场景:需要动态改变元素样式。比如:点击某按钮,改变字体颜色。...

阅读(176)

教程

微信小程序实现顶部、底部滑动联动

这个场景一般用于展示数据时,数据过多,每条一行显示不下,表头可以横向滑动,下面要显示的数据部分横向纵向都可以滑动。表头或下面数据部分横向滑动的时候,两部分可以进行...

阅读(81)

教程

wxaSortPicker小程序首字母排序选择器

wxaSortPicker 版本号1.0.1 github地址: https://github.com/nickrogit/wxaSortPicker 说明:小程序首字母排序选择器,网上有不少但觉得不太好,自己优化改进的这款觉得还不错,后面再慢慢完善丰富。...

阅读(84)

教程

微信小程序--录制音频,播放音频

1.在pages创建一个main文件夹 2.在main文件夹下创建一个miain.js文件。 添加代码: const constant = require(../../utils/constant.js) const app = getApp() const recorderManager = wx.getRecorderManager() const innerAudioCo...

阅读(151)

教程

扒一扒小程序的坑

小记最近几个月和公司的同事一直在马不停蹄的开发小程序,经历了几个版本的迭代后也总算是稳定了下来。而我们的小程序也是得到了腾讯的认可,还拿了个奖 奖杯上是不是应该刻上...

阅读(178)

教程

前端系列——小程序开发记录片

概要 由于公司的业务需求,本想年底偷个懒,但是开发小程序的任务袭来。 第一次开发这玩意,记录一些需要注意的点,以后再次开发时可以快速解决。 如果你是新手,推荐你先看官...

阅读(196)

教程

解决小程序点击弹出模态框,子父级都有滚动条问题

思考步骤: 1.使用作为根节点包裹所有view,并动态绑定scroll-view的scroll-y属性,自定义它的高度,var calc = clientHeight * rpxR-100; -100是因为我底部有选项卡,你若不需要就不用减; 2.点击...

阅读(159)

教程