自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (48)
  • 收藏
  • 关注

原创 轻松生成小程序分享海报

小程序海报组件https://github.com/jasondu/wx...需求小程序分享到朋友圈只能使用小程序码海报来实现,生成小程序码的方式有两种,一种是使用后端方式,一种是使用小程序自带的canvas生成;后端的方式开发难度大,由于生成图片耗用内存比较大对服务端也是不小的压力;所以使用小程序的canvas是一个不错的选择,但由于canvas水比较深,坑比较多,还有不同海报需要重...

2018-08-29 16:28:56 4312

转载 简易微信小程序签到功能

一、效果图点击签到后二、数据库用一张数据表存用户签到的信息,每次用户签到都会往表中添加一条记录了用户id和签到日期的数据,如下图三、后端后端写两个接口,一个用于查询用户今日是否签到和签到记录总数,一个用于添加用户签到信息到数据库。这里用的是python的flask框架。(1)查询用户签到信息接口:@app.route('/get_sign/<user...

2018-08-24 12:09:58 25313 2

原创 如何在小程序wxml文件中编写js代码

当我们创建页面时  发现有个.wxs文件 发现有个.wxs文件,关于wxs文件如何使用呢?WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的js表达式,而不能调用方法,例如直接在wxml页面中直接保留数据的小数点的后两位。...

2018-08-22 13:59:16 17366

转载 微信小程序-仿微信朋友圈

自学小程序已有2个月,经手的项目及demo也已经让我快速入门当前最火热的语言之一,小程序确实有着移动APP不可比拟的优势,开发快,上线快,迭代也快......本篇简书文章只为给大家讲解思路及怎么处理,有任何不当之处,欢迎大家指出!!! 结构解析:  剖析图1、不管是拿到何种需求,我们第一步骤不是直接撸起袖子就写代码,而是先把结构弄清楚,把UI拆分成N多小模块。① ...

2018-08-17 14:40:47 13175 4

原创 微信小程序后台返回大量多余数据的处理

 台接口返回一个数组,数组里面N多对象,每个对象里面几十上百条数据,最好玩的是,我只需要每个对象里面的某两个数据、、、、 类似这种:datas:[ { id:1000, name: "帅哥", title: '...', b: '...', d: 0, f:0, .... }, { id:1001, name: "美女", title: '...', ...

2018-08-16 11:32:56 4056

转载 微信小程序实现常见的user效果

用户个人页面  为了便于以后的使用,所以把这个效果记录下来,以后直接复制粘贴本篇的代码。wxml<view class='circle'> <view class='userAvatar'> <open-data type="userAvatarUrl" ></open-data> </view> &lt..

2018-08-13 11:08:47 1213

转载 小程序页面效果 - 下载图片并且显示进度

 wxml  js1. `1 downImg: function(e) {`2. `2 var _this = this;`3. `3` 4. `4 // 获取图片地址(http://www.playsort.cn/...)`5. `5 var img = e.currentTarget.dataset.src;`6. `6` 7...

2018-08-10 10:50:44 1679

原创 小程序红包雨

效果图//建立临时红包列表 var packetList = []; //建立临时红包图片数组 var srcList = ["../images/hogbao.png", "../images/hogbao2.png"]; //生成初始化红包 for (var i = 0; i < that.data.packetNum; i++) { // 生成随机位置(水平位置) va...

2018-08-08 10:58:35 2784 1

原创 小程序聊天会话组件

 场景用于在线客服的聊天对话等 一、布局圈点1、三角箭头绘制一个26rpx*26rpx矩形,使它旋转45度,然后隐去对半,形成气泡上的直角三角形。<!-- 画三角箭头 --> <view class="triangle" style="{{item.myself == 1 ? 'right: 140rpx; background: #7ECB4B'...

2018-08-06 11:16:16 2130

转载 小程序的持续集成方案

半年前,有机会开始接触微信小程序开发。却因为只是接触而并没投入开发小程序的过程中,因此对很多小程序的细节并未有充分的理解,仅仅停留在了解类似的理论层面,比如mpvue修改了 Vue.js 的 runtime 和 compiler 实现了编译及运行在原生小程序能力,比如原生小程序不支持npm包的使用及管理等,当然那时候的技术细节难点都是由非常给力的好同事解决消化了,所以也没多去细究。最近,我开始...

2018-08-02 12:58:57 1630

微信小程序Demo:高仿网易云音乐

微信小程序Demo:高仿网易云音乐

2017-08-09

微信小程序Demo:ofo共享单车(高仿版)

微信小程序Demo:ofo共享单车(高仿版) 项目地址:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=8672&page=1&extra=#pid59526

2017-08-08

微信小程序Demo:找电影

微信小程序Demo:找电影。相关电影类Demo资源http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=37

2017-07-28

微信小程序Demo:仿麦当劳微信小程序

微信小程序Demo:仿麦当劳微信小程序

2017-07-18

微信小程序Demo:LifeTime

微信小程序Demo:LifeTime

2017-07-12

微信小程序Demo:漂亮的地址选择器

微信小程序Demo:漂亮的地址选择器

2017-07-12

微信小程序Demo:小程序教育类模板(课程预约)

微信小程序Demo:小程序教育类模板(课程预约)

2017-07-12

微信小程序Demo:大米前端

微信小程序Demo:大米前端

2017-07-12

微信小程序Demo:悦读神器

微信小程序Demo:悦读神器

2017-07-10

微信小程序Demo:青春521(基于LBS的动态分享小程序)

基于LBS的动态分享小程序

2017-07-10

微信小程序Demo:学习类小程序demo

微信小程序Demo:学习类小程序demo

2017-06-27

微信小程序Demo:问答小程序

基于Bmob开发问答小程序Demo

2017-06-26

微信小程序Demo:兵马俑小程序(旅游景点类)

微信小程序Demo:兵马俑小程序(旅游景点类)

2017-06-21

信小程序Demo:喜乐茶铺(商城类小程序源码)

信小程序Demo:喜乐茶铺(商城类小程序源码)

2017-06-21

微信小程序Demo:新闻爆料

微信小程序Demo:新闻爆料

2017-06-15

微信小程序Demo:宠物喂养记录

微信小程序Demo:宠物喂养记录

2017-06-15

微信小程序Demo:Github微信小程序

微信小程序Demo:Github微信小程序

2017-06-13

微信小程序Demo:;别踩白块小游戏

一个简单的微信小程序 灵感来自当年火热的别踩白块游戏 程序内分成三个模块 无尽模式 计时模式和极速模式 分别对应三种不同玩法 无尽模式和计时模式玩法相似 极速模式多了个自动滑动动画效果 动画效果采用JS实现 没有采用wx.createAnimation 感觉小程序不难 易于上手

2017-06-13

微信小程序Demo:小熊日记

微信小程序Demo:小熊日记

2017-06-13

微信小程序Demo:汇率计算器

wxapp-exchange 是一个微信小程序版的汇率计算器。练手项目,主要是为了学习微信小程序开发。 交互参考了极简汇率。 界面及计算的部分代码参考了sCalc。

2017-06-09

微信小程序Demo:二十四节气小程序

微信小程序Demo:二十四节气小程序 项目地址:http://www.wxapp-union.com/thread-12440-1-1.html

2017-10-13

微信小程序Demo:仿kindlePush的阅读小程序

微信小程序Demo:仿kindlePush的阅读小程序 项目来源:http://www.wxapp-union.com/thread-12368-1-1.html

2017-10-10

微信小程序Demo:阅享小程序(阅读评价类)

微信小程序Demo:阅享小程序(阅读评价类)项目地址:http://www.wxapp-union.com/thread-12325-1-1.html

2017-10-09

微信小程序Demo:任务清单

微信小程序Demo:任务清单 。 一个基于微信小程序的任务清单。包括所有任务列表、未完成列表和已完成列表,可以标识为未完成和已完成。

2017-10-09

支付宝小程序Demo:星巴克

支付宝小程序Demo:星巴克用星说 项目地址:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=11697

2017-09-26

微信小程序Demo:电梯品牌商城

微信小程序Demo:电梯品牌 商城系列的小程序,项目下载地址:http://www.wxapp-union.com/thread-11492-1-1.html

2017-09-22

微信小程序Demo:零距智能餐厅

微信小程序Demo:零距智能餐厅 智能点餐小程序 项目地址:http://www.wxapp-union.com/thread-11089-1-1.html

2017-09-15

微信小程序Demo:健身小程序 (仿keep)

微信小程序Demo:健身小程序 (仿keep) 项目原文的地址:http://www.wxapp-union.com/thread-10829-1-1.html

2017-09-12

微信小程序Demo:宝可梦图鉴(游戏)

一款很实用的游戏图鉴小程序,该作者已将其封装发布在极乐小程序商店里:http://store.dreawer.com/wxapp/bao-ke-meng-tu-jian.html

2017-09-07

微信小程序Demo:随手涂鸦

微信小程序Demo:随手涂鸦,简单的画画功能 项目地址:http://www.wxapp-union.com/thread-10360-1-1.html

2017-09-07

微信小程序Demo:页面效果(底部弹出、支付密码...)

微信小程序Demo:页面效果(底部弹出、支付密码...)项目地址:http://www.wxapp-union.com/thread-10125-1-1.html

2017-09-01

微信小程序Demo:点餐小程序

微信小程序Demo:点餐小程序 项目地址:http://www.wxapp-union.com/thread-9772-1-1.html

2017-08-23

微信小程序精品Demo:云档(it技术开发)

微信小程序精品Demo:云档(it技术开发)项目原地址:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=9771&page=1&extra=#pid63445

2017-08-23

微信小程序Demo:母婴商场

微信小程序Demo:母婴商场 项目原址:http://www.wxapp-union.com/thread-9699-1-1.html

2017-08-22

微信小程序Demo:事项助手(在日历上添加事件备注)

微信小程序Demo:事项助手(在日历上添加事件备注) 项目地址:http://www.wxapp-union.com/thread-9210-1-1.html

2017-08-16

微信小程序Demo: 商城(仿京东商城)

微信小程序Demo: 商城(仿京东商城)

2017-08-16

微信小程序Demo:会议排期

微信小程序Demo:会议排期

2017-08-15

微信小程序Demo:仿饿了吗

仿饿了吗小程序,项目源码:http://www.wxapp-union.com/thread-8296-1-1.html

2017-08-01

微信小程序Demo:带物小程序

微信小程序Demo资源:带物小程序,资源来自:http://www.wxapp-union.com/forum.php

2017-08-01

微信小程序Demo:云档(一个在线文档阅读的微信小程序)

云档(一个在线文档阅读的微信小程序),Demo资源来源于:http://www.wxapp-union.com

2017-08-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除