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

微信小程序日历选择-类似酒店预订方式有节日标识

微信小程序的日历选择,主要针对酒店选择时间段的日历,带有公历的节日。 主要函数: 通过选择入住与离店时间,记录对应的时间段,判断选择的开始时间和结束时间,通过改变背...

阅读(198)

教程

微信小程序开发基础(1)

微信小程序开发文档 https://mp.weixin.qq.com/debug/wxadoc/dev/ 设置入口文件 微信小程序开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/设置入口文件 自动生成目录 在pages下新建一个文件夹(a1),然后在...

阅读(127)

教程

微信小程序开发基础(2)事件

事件的类别 点击事件 tap 长按事件 longtap 触摸事件 touchstart touchend touchmove touchcancel 其他 submit input. 事件的绑定 bind绑定 父类及父父..类都触发 catch绑定 父类不触发 事件的对象 类型 ty...

阅读(190)

教程

微信小程序开发基础(3)app.json配置

页面配置 第一个配置的为首页 pages:[ pages/case/kuaidi, pages/event/index, pages/index/index, pages/logs/logs, pages/firstpage/first ], 窗口配置 window:{ backgroundTextStyle:light, navigationBarBackgroundColor: #ccc, navigat...

阅读(51)

教程

微信小程序开发基础(4)生命周期(app.js)

onLaunch 小程序启动 onShow 处于前台时执行 onHide 处于后台时执行 //app.jsApp({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync(logs) || [] logs.unshift(Date.now()) wx.setStorageSync(logs, l...

阅读(118)

教程

微信小程序开发基础(5)传参

1. index.js wx.navigateTo 可返回 1 2 3 4 5 itemClick : function ( ) { wx . navigateTo ( { url : ../log/log?id=1 } ) } 2.redirectTo 不可返回 1 2 3 4 5 itemClick : function ( ) { wx . redirectTo ( { url : ../log/log?id=1 } ) } 3.naviga...

阅读(197)

教程

滴滴一下,小程序专车来了(上)

最近时常感叹道:时间总是那么的快,转瞬即逝。对于像我这种刚入门的小生来讲,技术每天都在更新,框架也层出不穷,有时候还没弄懂这个知识大牛们又推出了更好的技术。当然学...

阅读(80)

教程

滴滴一下,小程序专车来了(下)

功能四: 滴滴等待进度 怎样去做这个页面呢,或于你以后也需要计时器(不是倒计时)或者进度条,可以参考这里。 圆形进度条有很多实现的方法,但我觉得canvas还是挺方便的。两个can...

阅读(65)

教程

如何开发小程序中的朋友圈功能

一、开发功能分析: 1.各条内容以列表展示 2.点击,可展示内容详情 3.评论功能 二、数据库建立 这里列表与详细,我们用一个表来实现,评论用第二个表。总计2个表 1.post 表 我们可以...

阅读(67)

教程

手把手教你在小程序里使用 Redux

前阵子一直在做小程序开发,采用的是官方给的框架wepy, 如果还不了解的同学可以去他的官网查阅相关资料学习;不得不说的是,这个框架确相比于传统小程序开发模式确实方便很多,...

阅读(145)

教程

一个同时支持移动端与小程序的聊天机器人

应公司需求,着手开发一个同时部署到移动端和微信小程序上产品需求相同的聊天机器人。 于是初步构想: 移动端 使用Vue.js开发。 小程序 使用美团点评的开源框架mpvue复用移动端代码...

阅读(52)

教程

小程序的这些坑你踩过吗?

随着跳一跳小游戏和头脑王者的洗脑式盛行,小程序似乎向广大用户宣布,它要发力了。 公司内部也越来越多小程序的需求,所以本人也慢慢地开发了好几个小程序的项目。下面我把自...

阅读(64)

教程

小程序之open-data userAvatarUrl头像做圆角

小程序可以在没有授权时是可以获取微信头像的信息显示的,即通过open-data获取显示,头像的type为userAvatarUrl。 //头像显示的写法open-data type=userAvatarUrl/open-data 接下来我们会给头像加个...

阅读(189)

教程

微信小程序自定义tab,多层tab嵌套实现

小程序最近是越来越火了 做小程序有一段时间了,总结一下项目中遇到的问题及解决办法吧。 项目中有个多 tab 嵌套的需求,进入程序主界面下面有两个 tab,进入A模块后,A模块最底下...

阅读(147)

教程

微信小程序开发BUG经验总结

小程序开发越来越热,开发中遇到各种各样的bug,在此总结了一些比较容易掉进去的坑分享给大家。 1. new Date跨平台兼容性问题 在Andriod使用new Date(2018-05-30 00:00:00)木有问题,但是在io...

阅读(160)

教程

只需两步获取任何微信小程序源码

第一次在掘金这样高大上的社区写文章,忐忑地敲下我获取小程序源码过程中的经验分享。 最近在学习微信小程序开发,半个月学习下来,很想实战一下踩踩坑,于是就仿写了一个滴滴...

阅读(176)

教程

手把手教会你小程序登录鉴权

导语 为了方便小程序应用使用微信登录态进行授权登录,微信小程序提供了登录授权的开放接口。乍一看文档,感觉文档上讲的非常有道理,但是实现起来又真的是摸不着头脑,不知道...

阅读(202)

教程

H5与小程序如何共用的一套代码? ——小程序混合开发

目标 很多时候,大家是不是有这种想法,开发的小程序,H5与小程序能否共用的一套代码,带后端并且可以提交给微信审核? 告诉你,可以! 如何做呢?看下边 准备工作 平台: 进入...

阅读(119)

教程

微信小程序分包加载实战

离线包机制 微信小程序采用的是类似离线包加载方案,以转转小程序为例,当用户第一次打开时会先下载好所有代码,然后再加载页面;当用户再次进入转转小程序时,会直接使用已下...

阅读(122)

教程

微信小程序登录方式的修改解决方案

微信小程序官方登录方式修改,要求通过button点击登录,和大家分享一下我的解决方案。 原先的登录逻辑是注册一个全局login方法, login方法中首先调用wx.login静默登录,获取临时登录...

阅读(130)

教程

看大神如何玩转微信小程序日历插件?

什么叫微信小程序插件呢?作为移动端的程序员肯定很熟悉这么一个概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相当于远程...

阅读(194)

教程

小程序实现长按删除图片

说明 最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹 需求: 长按删除指定图片 需要解决的问题 长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除...

阅读(98)

教程

(干货)微信小程序组件封装

概述 自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家。 一前言 相信大...

阅读(86)

教程

微信小程序AES解密失败

微信小程序分享群获取群id时后端接口返回微信AES解密失败,后来定位到原因是服务端用于解密的session_key失效。用户获取到openID存在缓存后,就不会每次login获取登录态了,这样会导致...

阅读(67)

教程

微信小程序之无埋点函数调用监控

有时候,面对一个bug,左思右想就是无法理解为什么。 我就有过这样的经历,耗时整个一个晚上,后来还是放弃了。不得不在所有可能的点都加上日志,部署等待再次报错,真的很让人...

阅读(123)

教程

微信小程序-雷达图

知识普及: 雷达图(Radar Chart),又可称为戴布拉图、蜘蛛网图(Spider Chart),是财务分析报表的一种。即将一个公司的各项财务分析所得的数字或比率,就其比较重要的项目集中划在...

阅读(165)

教程

案例研究|一款APP的UX & UI设计全过程

修图APP如今非常受欢迎,本文作者这次就来给大家分享一款针对年轻人的修图软件的设计过程。 照片是记录生活的方式之一,使用智能手机的人们可以拍成千上万张照片,再也不用担心...

阅读(65)

教程

微信小程序大转盘抽奖

微信小程序大转盘抽奖 说明 看到过太多骗点击量的大转盘抽奖,也写一个玩玩 需求 一个转盘界面 闪动的小点 奖品背景颜色的顺序改变 以及最终的结果提示 分析完界面后就开始动手...

阅读(142)

教程

深入wepy源码:wepy运行原理分析

分析源码之前,我们先来回顾一下,wepy 的使用: !-- 小程序入口 app.wpy --scriptimport wepy from wepy;export default class extends wepy.app { ......}/script 让我们一起看看 export 出来的 class,是怎么转换成...

阅读(88)

教程