- 博客(35)
- 资源 (48)
- 收藏
- 关注
原创 『教程』微信小游戏开发(教程+Demo+跳坑)canvas
社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内专门开了一个canvas学习栏目,但是觉得仍然不够,canvas在全网的知识还是太少,所以今天集中一下全网的资料,方便以后遇到问题的同学,能够从中找到可能的参考。假
2017-12-13 14:39:16 40790 3
转载 微信小游戏---猜拳游戏
最近几天在学习小程序,看了网上的学习视频,于是自己捣鼓着做出了视频里面的小程序。这是实现的效果图一个小程序页面,一般有三个部分文件组成,index.js 这个文件里面放的是实现小程序的js代码;index.wxml文件里面放的是页面的结构层代码;相当于html,index.wxss放的是样式层代码,相当于css代码。index.wxml运用的是小程序里面的组件,代码如下
2017-12-29 12:11:36 2886 1
转载 这款跳来跳去的小游戏,是微信小程序的年度大招
虎嗅注:今天,应该有很多人的朋友圈都被一款跳来跳去的小游戏刷屏了。这是微信小程序年底的大招:“小游戏”。其实过去小程序一直没有排斥过游戏,只是在张小龙的规划里,还“时机未到”。如今,小程序全面更新,不仅有了小游戏这一功能,还把入口提到了微信首页。这背后,是微信小程序的一次自我升级,可以预见的是,一个崭新的生态正在逐渐形成。 本文转自公众号“极客公园(ID:geekpark)”,
2017-12-29 11:28:01 3032
转载 小程序功能升级:支持游戏开发啦!
“ 为了帮助用户更便捷地使用小程序,微信在主界面新增了小程序任务栏的功能。小程序菜单进行了升级,并提供小程序间快速切换的功能。同时,我们开放了小游戏开发文档和开发者工具。”01—新增小程序任务栏功能为了让用户更便捷地启动和使用小程序,微信在最新版6.6.1的主界面中,增加了小程序任务栏。用户可以通过下拉的动作,唤出任务栏,打开
2017-12-28 18:06:12 684
转载 小程序“圣诞帽”的实现思路
这两天朋友圈被“圣诞帽”刷屏,这个小程序连微信官方都出来辟谣了,又一个现象级的玩意儿。从产品角度而言无疑是非常成功,但从技术角度而言是确实习以为常,创意很重要!简单说一下思路:获取头像,把头像画在Canvas里面,接着往Canvas里画帽子,调整帽子的参数(位置、大小、旋转),最后保存为图片。先来看看效果思路1.获取用户头像w
2017-12-28 14:21:32 2991 1
转载 五分钟掌握微信小程序轮播图
微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了。微信小程序提供swiper组件,官网api提供的swiper滑块视图容器。从公共库v1.4.0开始,change事件返回detail中包含一个source字段,表示导致变更的原因,可能值如下:autoplay 自动播放导致swiper变化;touch 用户划动引起swiper变化;其他原因
2017-12-27 14:31:58 1063
转载 小程序新能力: 实时音视频录制及播放能力,开放 Wi-Fi、NFC(HCE) 等硬件连接功能
01 升级实时音视频录制及播放能力为更高效地连接用户与商家,小程序提供了实时音视频录制及播放组件。符合类目要求的小程序自助开通后,可自建或使用云服务,实现单向、双向甚至多向的音视频功能,如在线授课、远程咨询、视频客服,以及多人会议等。详见《实时音视频录制组件》《实时音视频播放组件》02 开放更多的硬件连接功能为丰富商家的服务场景,小程序开放了更多的硬件连接功能。
2017-12-27 14:26:48 875
原创 小程序社区双旦礼遇季 | 跨年福利重磅来袭!
伴随着轻盈飘舞的雪花,光影流动的温馨景象照亮浪漫圣诞季,佳节将至新年伊始,不知道大家所在的城市是否也发生了变化呢?公司门口的圣诞树和彩灯有没有让你倍感温馨?平安夜你打算和谁一起度过?心爱的TA悄悄为你准备了什么礼物?在这个圣诞&元旦节里不管大家在何方与谁一起度过,极乐君都祝愿所有的小程序社区的会员们收到心仪的礼物并且拥有美好的一天。当然,只有
2017-12-25 11:12:15 429
转载 微信小程序SEO优化
今年一月份上线的小程序,经过近一年的沉淀发酵,现在也进入了快速发展期。在未来肯定会有越来越多的小程序诞生,小程序多了就需要搜索,那么如何让自己的小程序在众多的小程序中脱颖而出,这就需要小程序SEO优化。小编在运营实践中总结出了一系列的小程序优化经验,今天就挑选一部分精华分享给大家现阶段,小程序主要有三大流量入口,我把它分为三种类型1:【被动型】搜索、附近的小程序
2017-12-22 11:42:59 4035
转载 微信小程序与内嵌网页交互实现支付功能
上个月,小程序开放了新功能,支持内嵌网页,所以我就开始了小程序内嵌网页之路,之前我只是个小安卓。内嵌网页中可使用JSSDK 1.3.0提供的接口,可坑就来了,居然不支持支付接口的调用,经过一番研究,总算打通了两边的交互。大概流程1、先说明涉及到的文件,下面会用到1.1 app.js:小程序的app.js文件,在globalData里定义一个全局变量p
2017-12-21 14:17:39 40685 12
转载 微信小程序-高仿vivo商城
说明最近微信小程序也是挺火的了,看了微信官方文档语法和vue.js有点相似,正好学过vue 也用vue写过一个商城项目,就尝试用小程序写个商城,一般来说你学过vue.js写个小程序那是很简单的,小程序和vue.js无非就是路由跳转、传参、传数据。如果你想学vue.js可以来看看我用vue.js写的一个商城项目 地址在这里 运行需要安装微信开发者工具,在开发者工具中打开该项目则可预览
2017-12-18 15:20:17 2750
原创 RxWX使用教程
之前写过一个开源项目RxWX,将RxJS移植到微信小程序(以下简称”小程序“)中。用 RxJS、RxWX 编写更优秀的微信小程序代码RxWX项目地址和介绍:https://github.com/yalishizhude/RxWX关于RxJS的介绍,读者可以去看官方说明或者关注公众号“Web学习社”的后续文章介绍,这篇文章主要讲解RxWX的几个使用场景。微信小程序SDK版
2017-12-18 15:19:07 1240
转载 微信小程序--左滑显示按钮demo
wxml结构(删除部分代码): {{item.title}} 时长:{{item.duration}} 撕书 分享
2017-12-15 12:06:14 3224
转载 手把手教你实现小程序中的自定义组件
之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,当时官方对这方面的文档也只是寥寥几句,一笔带过而已,所以写起来真的是非常非常痛苦!!好在微信小程序的库从 1.6.3 开始,官方对于自定义组件这一块有了比较大的变动,首先比较明显的感觉就是文档比以前全多了,有木有!(小程序文档),现在小程序支持简洁的组件化编程,可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中复用,
2017-12-14 11:47:35 50772 16
转载 微信小程序--代码包压缩策略
微信小程序自推出以来,逐渐发展,目前正受到越来越多的青睐。其中很重要的一点得益于小程序的轻量级特性,每个小程序最多不超过2MB,招之即来挥之即去,相比于几十上百兆的APP,用户进入小程序,或者说,小程序获取新用户,的成本大大降低。但与之相应的,是开发资源的限制。由于轻量级特性,小程序的代码包体积、可用内存空间、可用存储空间等均受限制。如何在有效支持业务逻辑的同时,尽量减少资源占用,在小程序开发
2017-12-14 11:45:42 11490
转载 微信小程序设置控件权重
项目中最常用的两种布局方式,水平布局和垂直布局,在微信小程序中实现起来也比较简单。1.横向水平布局:实现水平布局,需要四个view容器组件,其中一个是父容器。如下: box1 box2 box3 给父容器以下样式1 /**index.wxss**/ 2 .content{
2017-12-07 15:57:40 4624
转载 微信小程序分享到朋友圈之曲线救国
遇到的问题经过多次重大更新,微信始终没有开放小程序直接分享到朋友圈的相关api。曲线救国我们直接开门见山,用间接的方式来实现微信小程序分享到朋友圈这里先来罗列一下实现思路通过微信api申请小程序二维码获取小程序二维码接口文档下载二维码到服务器并返回url小程序接收url并从服务器下载图片wx.downloadFil
2017-12-07 15:53:11 6455
转载 小程序二次贝塞尔曲线,购物车商品曲线飞入效果
前段时间闲暇的时候看到一个贝塞尔曲线算法的文章,试着在小程序里去实现小程序的贝塞尔曲线算法,及其效果。主要应用到的技术点:1、小程序wxss布局,以及数据绑定。2、js二次bezier曲线算法。核心算法,写在app.js里。bezier: function (points, times) {// 0、以3个控制点为例,点A,B,C,AB上设置点D,BC上设置点
2017-12-07 15:31:45 1862
转载 微信小程序城市定位(借助百度地图API判断城市)
概述微信小程序提供一些API(地址)用于获取当前用户的地理位置等信息,但无论是wx.getLocation,还是wx.chooseLocation均没有单独的字段表示国家与城市信息,仅有经纬度信息。在实际使用过程中仅显示地名是不够的,我们可以将微信提供的经纬度信息利用第三方地图API转换为国家与城市信息。百度地图、高德地图、腾讯地图均有类似服务。本文以百度地图为例。微信小程序官方地
2017-12-07 15:20:06 3832
转载 微信小程序组件化 快速实现可用模态窗
纵观现代前端框架中(不论ng react vue ) 基本四架马车 声明式渲染 路由 组件化 状态管理。 反观小程序开发环境 缺失蛮多特性的 好在 11月初微信团队,发布了官方的component 化方案, 我们基本上可以告别现有的hack办法去实现 component 化。hack方式使用template实现组件化https://zhuanlan.zhihu.com/p/..
2017-12-06 15:39:55 814
转载 用Vue开发小程序的框架
在尤大微博铺垫着“将会引入一些关于 TypeScript 的改进”一周之后,代号为 Level E 的 Vue.js 2.5 带着日漫风来到了我们眼前。从 Release Notes 可以看到,Vue.js 2.5 有着更好的 TypeScript 集成,更好的错误处理,更好地支持单文件组件中的函数式组件以及与环境无关的服务端渲染。具体如下:更好的 TypeScript 集成
2017-12-06 15:10:23 29344
转载 微信小程序音频功能开发实(cai)践(keng)
1. 需求分析与开发方案1.1 需求简介最近产品给我们提出了“在小程序中播放音频课程”的需求,主要是有四个要点:课程管理:进入某个课程的播放页面,获取全部音频列表,但暂时不播放。音频管理:支持在播放页面,点击任意音频进行播放;可自动播放下一首。比如这样进度控件:支持拖动修改进度/上下首/暂停/播放,就像下面这样。
2017-12-06 14:59:14 9514 3
转载 gulp构建小程序
截止目前为止,自己开发过不下十款小程序。算是有些经验,其实对于一个熟悉了前端开发的工程师,小程序的入门会非常简单,无非是要多熟悉些API和小程序的开发工具。本质上和写一个H5页面没有什么区别。抽象化做的越多,就越觉得其实每个小程序都差不多。慢慢的就能够抽出一些通用的代码,作为公用模块。但是小程序的一个限制就是,代码必须在项目的根目录下。这个是由于小程序框架的限制,如果在根目录之外,
2017-12-06 14:23:47 1961
转载 微信小程序实战-仿盒马鲜生
盒马鲜生是阿里巴巴对线下超市完全重构的新零售业态,热度十分项目功能* 用户信息注册* 首页几个轮播和界面交互* 分类商品管理购买* 购物车界面交互及其操作* 个人信息界面 小程序设计过程小程序是一个易上手的东西, 对于新手来说,多看官方文档,可以初步做出比较完整的小程序,正是
2017-12-05 15:49:11 2856
转载 浅谈小程序内嵌网页及内嵌网页跳转分享实现
上个月,小程序开发内嵌web页面的功能,这个对于很多微信开发者都是个重大消息。最近两天,笔者项目中有这样一个需求,支持小程序内嵌网页,并且在内嵌网页中多次跳转,分享后,点开还是在跳转之后的网页。对于这样一个新技术,还是充满好奇,既然老大说了要做,那就尝试去做呗。首先,当然是参考微信小程序的api。其实使用起来特别简单,只需在页面中放入这样一个标签即可,其中src一定是要在小
2017-12-05 15:41:16 29611 16
转载 .NET开发微信小程序-生成二维码/上传图片到服务器
1.生成小程序二维码功能直接请求相应的链接。传递相应的参数以生成商铺的付款码为例:var shopsId = e.ShopsId //付款码的参数 var codeModel = new function () { } codeModel.path = "pages/PageWxPay/PageWxPay?shopsId=" + shopsId
2017-12-05 15:36:37 3103
转载 微信小程序实战:厕所雷达
紧急情况~ 找不到厕所? 晴天霹雳 裤衩一声? 完喽~快来用厕所雷达吧~~。作为一个优秀的楼主,胖子我不仅写了代码,连广告次都想好了,哇咔咔咔~~~~ “厕所找的快,排的才痛快”。练习区里看到一个“厕所雷达”就来做了下,主要还是为了练习小程序“控件的基本用法”和“页面间的交互”,CSS依旧让我感到头疼,不过比上次的demo“石头剪刀布”好了很多了HOHO。(PS:页面有好几个,就先
2017-12-05 15:30:29 1042
转载 微信小程序 - dialog
实现了标题,内容和按钮设置,可动态设置按钮,以及按钮点击事件的回调,可作为component 使用直接上代码//遮罩的代码//dialog的代码<view wx:if="{{uiComponent.dialog.show}}" class="uiComponent uiComponent-dialog uiComponent-dialog_{{ uiCompo
2017-12-04 15:31:00 1342
转载 微信小程序实现给循环列表点击添加类(单项和多项)
在微信小程序里面没有DOM对象, 不能操作DOM. 所有的操作通过数据来实现,下面主要实现了给循环列表点击添加类的操作一、单项目标需求:实现下图,给点击的view增加类,每次只能选择一个。主要思路:给点击的view增加类,依靠点击的index对state进行赋值。如果相同时,给该view增加类。实现代码:.wxml文件1
2017-12-04 15:18:23 20914 9
转载 微信小程序获取用户手机号详解
最近在做一款微信小程序,需要获取用户手机号,具体步骤如下:流程图:1、首先,客户端调用wx.login,回调数据了包含jscode,用于获取openid(用户唯一标识)和sessionkey(会话密钥)。2、拿到jscode后,将其发送给服务端,服务端拿它与微信服务端做交互获取openid和sessionkey。具体获取方法如下:(1)需要写一个Http
2017-12-04 14:38:31 10997 1
转载 关于微信小程序webview的使用
小程序微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了,本文主要还是体验了下web-view的功能。web-view详解有了这个组件之后,小程序可以很好的嵌入一些页面,可以环境小程序size告急的问题,同样也使开发更加便捷,毕竟小程序开发者基
2017-12-04 14:30:58 51188 3
转载 小程序页面pv统计数过高,导致页面转化率低问题
小程序页面pv统计数过高,导致页面转化率低问题详细描述对于业务开发者来说,业务数据和数据监控是不可缺失的。图例是我们小程序扫码付业务在数据体系搭建过程中的其中一步:技术流程拆解。在数据选型上,我同时使用了微信自定义数据统计和公司内部第三方数据统计,并将之与微信主动上报的数据分析进行对比,来确保数据准确性。微信自定义数据统计和公司内部第三方数据统计方法:
2017-12-01 15:08:29 1259
转载 小程序上传图片到七牛
小程序上传图片到七牛云存储,服务端使用nodejs的thinkjs框架服务端'use strict'import Base from './base.js';import qiniu from 'qiniu';export default class extends Base{ async uploadAction(){ var accessKey = '注
2017-12-01 14:55:23 6816
转载 连胜--小程序中滚动条的使用,wx.pageScrollTo和<scroll-view>的对比
前言:近期小程序项目中用到了滚动条功能,官方文档中提供两种方式。即wx.pageScrollTo滚动到page页面的指定位置,组件可以设置scroll-top或者scroll-left的值,今天探讨一下使用哪种方式更合适。1、wx.pageScrollTo官方文档地址: https://mp.weixin.qq.com/debug/wxadoc/dev/api/scroll.html
2017-12-01 14:50:54 15981
转载 微信小程序公共组件的引用与控制
思路:1.在组件wxml文件里实现布局、数据绑定、事件绑定;2.组件js文件里定义事件,并将文件所有内容作为一个对象export出去;3.在引用的文件引入组件(方式有两种,一个是用include引入,一个是import引入,详情: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/import.html
2017-12-01 14:45:09 6567
微信小程序Demo:ofo共享单车(高仿版)
2017-08-08
微信小程序Demo:找电影
2017-07-28
微信小程序Demo:;别踩白块小游戏
2017-06-13
微信小程序Demo:汇率计算器
2017-06-09
微信小程序Demo:二十四节气小程序
2017-10-13
微信小程序Demo:仿kindlePush的阅读小程序
2017-10-10
微信小程序Demo:阅享小程序(阅读评价类)
2017-10-09
支付宝小程序Demo:星巴克
2017-09-26
微信小程序Demo:电梯品牌商城
2017-09-22
微信小程序Demo:零距智能餐厅
2017-09-15
微信小程序Demo:健身小程序 (仿keep)
2017-09-12
微信小程序Demo:宝可梦图鉴(游戏)
2017-09-07
微信小程序Demo:随手涂鸦
2017-09-07
微信小程序Demo:页面效果(底部弹出、支付密码...)
2017-09-01
微信小程序精品Demo:云档(it技术开发)
2017-08-23
微信小程序Demo:事项助手(在日历上添加事件备注)
2017-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人