接上文:微信小程序开发04-打造自己的UI库github地址:https://github.com/yexiaochai/wxdemo我们这里继续实现我们的日历组件,这个日历组件稍微有点特殊,算是相对复杂的组件了,然后一般的日历组件又会有很多的变化,所以我们这里实现最基本的标签即可: 1 let View = require('behavior-view');
2 const util = r
API宿主环境提供了丰富的API,可以很方便调起微信提供的能力。wx.navigateTo可以保留当前页面,然后跳转到新的页面。小程序提供的API按照功能主要分为几大类: 网络 媒体 文件 数据缓存 位置 设备 界面 界面节点信息还有一些特殊的开放接口,我们介绍一下API一般调用的约定:1 wx.on*开头的API是监听某个事件发生的API接口,接受一个CallBack函数作为参数。当该事件触发时
1.只显示用户头像和名称(简化代码)<!-- 如果只是展示用户头像昵称,可以使用 <open-data /> 组件 -->
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>使用实例wxml<op
1: https://main.qcloudimg.com/raw/document/product/pdf/619_11444_cn.pdf微信公众号开发平台2:https://mp.weixin.qq.com/wxopen/devprofile?action=get_profile&token=502218461&lang=zh_CN腾讯云平台3https://...
原创
2021-08-10 10:39:17
184阅读
MINA文件结构文件结构MINA程序包含一个描述整体程序的app和多个描述各自页面的page。一个MINA程序主体部分由三个文件组成,必须放在项目的根目录,如下:文件必需作用app.js是小程序逻辑app.json是小程序公共设置app.wxss否小程序公共样式表一个MINA页面由四个文件组成,分别是:文件类型必须作用wxml是页面结构wxss否页面样式表json否页面配置js是页面逻辑注意:为了
转载
2023-07-12 10:24:53
250阅读
云开发三大基础能力云函数:运行在微信服务器上的函数,处理微信相关操作有天然优势,如获得用户信息异常方便(以前服务端解析很麻烦)数据库:一个小程序可以直接操作的JSON数据库,可以直接操作数据库,不在需要服务端了。存储:用来存储文件和图片阅读本文之前最好对微信小程序有基本的了解,这个能够更加方便理解,如果能有一点点数据库知识那就更好了云函数(配置) 第一步: project.config
转载
2023-09-24 17:21:26
92阅读
(官网)1、创建小程序选择云开发 对应的环境在app.js中配置环境Id//app.js
App({
onLaunch: function () {
if (!wx.cloud) {
console.error('请使用 2.2.3 或以上的基础库以使用云能力')
} else {
wx.cloud.init({
// env 参数说明:
对于接触过微信支付的朋友来说,利用小程序调用微信支付接口就容易很多。我在这里简单介绍一下小程序调用微信支付。一、准备工作 第一件事当然是开通微信支付功能了。微信小程序暂时不对个人开发支付接口,所以个人的微信小程序是无法使用微信支付的。 对于开通微信支付功能,有两种方式: &nb
转载
2023-10-12 09:45:16
90阅读
刚接触小程序,页面跳转一般是最先遇到的一种需求之一。 对于小程序中的跳转,官方文档给出了几种 api 来根据不同场景,实现业务需求。这是针对 wx.navigateTo 来写的一片文章。 微信小程序官方api文档给出的wx.navigateTo方法是通过拼接url的方式进行参数传递。造成参数传递很不方便(个人感觉不习惯)。wx.navigateTo(OBJECT)保留当前页面,
本文主要是分享自己的开发过程,希望能给部分存在同样问题的朋友一点点帮助;最近项目中的网页通过微信分享朋友或朋友圈等功能出现了无法显示分享图片等信息,后经过排查发现是微信版本升级导致,采用js-sdk完成分享接口,为了快速实现该功能效果,于是我打算通过前台js进行实现来看看分享效果。通过查看微信公众平台文档,找到自己所需要的说明文档,明确开发步骤,说明文档截图如下:开发步骤:1、按照说明文档完成步骤
https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316505&token=&lang=zh_CNhttps://open.weixin.qq.com/cgi-bin/showdocument?acti...
转载
2021-08-10 12:29:31
394阅读
一、初识1、微信小程序介绍 微信小程序自2017年1月9正式上线以来就引起广泛关注。微信之父张小龙说:“小程序是一种不需要下载安装就可以使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。这也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装下载”2、注册小程序账号https://mp.weixin.qq.com/3、查看
文章目录前言一、自带图标二、实现图标的五种方案1.图片2.精灵图3.CSS绘图4.矢量字体4.1 使用步骤5.SVG格式 前言在小程序中经常会用到各种各样的图标,如果这些图标都使用图片的话,将会大大增加小程序打包后的体积,而小程序限制代码最大2MB,分包加载4MB,所以为了缩小体积,我们可以使用图标来缩小体积。使用图标有两种方式:自带图标外部图标(图片、精灵图、CSS绘图、矢量字体、SVG格式)
提示:每一步都有涵盖,没有的话本鹅每天下楼必坐不上电梯!前言 更新微信小程序并不困难,但是对于第一次实施更新的朋友且没有人指导的情况下,还是有些许慌张,本鹅第一次更新小程序的时候,很担心某个环节给人家整崩,那本鹅特意出此巨细文章,以便各位朋友借鉴。话不多说,直接上图!1、微信开发者工具右上角点击“上传”,
原创 Dr Hydra 码农参上 2020-09-13 11:00收录于合集#微信开发技术3个#java实战34个最近在工作中用到了一些微信开放平台授权第三方登录,来获取用户基本信息的操作。看了一下微信给出的官方文档,写的已经很详细了,这里按照自己的步骤进行了一下总结,并附带了一些示例,方便大家理解。微信公众号进行对第三方授权的流程可分为以下四步:用户同意授权,获取c
1.认识微信小程序1.完成小程序注册微信公众平台 (qq.com)根据步骤进行小程序注册,最终获得一个AppID,下载开发者工具,安装后建立第一个小程序项目,填入AppID,才可通过微信扫码进行真机测试。2.小程序项目的构成project.config.json小程序配置程序,在该文件可以修改小程序的id和项目名称。sitemap.json小程序允许被微信索引文件,文件内容为一个Json对象,如果
注册这些事,在API上说的都很详细了,相信大家也都看的懂,这个我就直接贴上来了..下面是微信小程序的API地址https://developers.weixin.qq.com/miniprogram/dev/api/开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。跟随这个教程,开始你的小程序之旅吧!申请帐号点击 https://mp.weixin.qq.
业务需求:微信小程序提交表单的时候必填的项要提示,还要电话要校验首页,先搞一个校验的公共方法validate.js/**
* 表单验证
*
* @param {Object} rules 验证字段的规则
* @param {Object} messages 验证字段的提示信息
*
*/
class WxValidate {
constructor(rules = {}, m
一、前言WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。二、下载
点击链接进入 GitHub ,进入下面的页面,点击 Code 选择方式进行下载。 下载好打开应该是这个
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
转载
2019-01-09 12:55:00
82阅读
2评论