微信小程序
微信小程序基础和实战项目
jiuwanli666
敲代码,赚钱钱,选好股,钱生钱,发发发!
展开
-
010-微信小程序支付
微信小程序支付流程:上图摘自官方文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=3微信小程序支付其实很简单,我把他拆成以下几个简单的步骤:1、登录获取code;2、用code向服务端换取openid;3、向服务端获取数据签名;4、调用小程序API唤起支付弹窗;data ...原创 2019-07-23 14:49:07 · 214 阅读 · 0 评论 -
009-用户分享(点击按钮分享)
button组件,在小程序中是一个功能强大的组件。其中有些原生组件所没有的功能。这就要归功于open-type属性。可以打开会话、获取用户信息、打开APP、打开授权设置页、分享等功能。// 1、点击去分享<button open-type="share">分享</button>// 2、监听分享:页面Page的onShareAppMessage事件处理函数。on...原创 2019-07-23 14:19:31 · 401 阅读 · 0 评论 -
007-01、微信小程序---组件之swiper(tab切换)
此tab切换以登录页面为参照。 1、WXMl&lt;view class="tab-title"&gt; &lt;block wx:for="{{msg}}" wx:key="mykey"&gt; &lt;view class="tab-name {{currentTab==原创 2018-03-29 16:16:10 · 316 阅读 · 0 评论 -
008、微信小程序---page的生命周期
每一个页面从生成到销毁这是一个周期,我们把这个周期叫做生命周期。在实际开发中,我们需要在页面不同的阶段进行逻辑操作,那么我们这个可以提供逻辑操作的场景叫做生命周期函数。接下来,我们来看看小程序的生命周期函数:onLoad—页面加载的函数此阶段,小程序页面刚创建时就会执行此函数。一个页面只会加载一次,且该函数会携带页面所调用的query参数。onShow—页面显示—每一次打开页面都会...原创 2018-03-24 18:10:43 · 425 阅读 · 0 评论 -
A00、微信小程序---插件功能简析
微信小程序自17年初正式上线以来,不断给开发者和消费者带来惊喜。 在3.13又一新功能上线了—插件功能。插件是什么?插件是可被添加到小程序内直接使用的功能组件,开发者可以像开发小程序一样开发插件,供其他小程序使用。同时,开发者可直接在小程序内使用插件为用户提供服务,无需重复开发。开发者工具新增“代码片段”功能,便于开发者交流开发经验。开放范围现阶段开放的范围包括企业、媒体...原创 2018-03-19 11:47:33 · 674 阅读 · 0 评论 -
007-01、微信小程序---组件之swiper(轮播图)
swiper是小程序提供的可以滑动的视图容器。常用来写轮播图。 1、json{"navigationBarTitleText":"轮播图"}2、wxml&lt;swiper autoplay="{{autoplay}}" current="{{current}}" circular="{{circular}}&原创 2018-03-12 17:16:01 · 341 阅读 · 0 评论 -
006、微信小程序---组件事件
1、组件事件使用<eg bind:myevent="onMyEvent"></eg>onMyEvent: function (e) { console.log(e)},2、事件触发自定义组件触发事件时,需要使用 triggerEvent 方法,指定事件名、detail对象和事件选项3、自定义组件中<button bindtap="on...翻译 2018-02-25 21:21:25 · 2193 阅读 · 0 评论 -
005、微信小程序---template模板
template和组件模板的区别: tempalte是代码片段; 而组件模板是类似于页面的,有自己独立结构和的样式。1、定义模板:/* a、nav1为从上层组件中传递的data值 b、name属性用来区别模板的。详细属性在以下连接中查看。 https://mp.weixin.qq.com/debug/wxadoc/dev/component ...原创 2018-02-24 19:20:28 · 663 阅读 · 0 评论 -
004、微信小程序---组件模板
组件模板的使用,需要借助&lt;slot&gt;节点将节点树(模板与数据结合后生成)挂载到引用的响应位置。1、组件模板 a、结构 &lt;vieW&gt; &lt;slot name="first"&gt;&lt;/slot&gt; &lt;/view&gt; b、原创 2018-02-18 16:30:41 · 558 阅读 · 0 评论 -
003、微信小程序---自定义组件的注册、使用
1、注册: a、定义:在json文件中声明该文件类型。 { "component": true } b、注册:在JS文件中用Component进行注册。 Component({ properties:{}, data: {}, methods: {} }) //详情参考Compo...原创 2018-02-17 16:55:48 · 1297 阅读 · 0 评论 -
002、微信小程序---目录结构
微信小程序主要有2部分组成:1、小程序整体程序部分: a、app.js 小程序逻辑部分 b、app.json 小程序公共设置(如页面的路由配置) c、app.wxss 小程序公共样式2、各个页面部分:(通常情况下,页面4部分的名称一致) a、wxml 页面结构部分(类似于HTML) b、wxss 页面样式(类似于CSS) ...原创 2018-02-17 14:49:52 · 345 阅读 · 0 评论 -
001、微信小程序---前言
微信小程序是由腾讯微信团队研发,与2017年1月9日正式上线以来,正快速的向各个行业拓展。并有愈演愈烈的趋势。几乎与微信团队同时研发小程序的支付宝团队推出的支付宝小程序知名度和使用度都远远的低于微信小程序,甚至是完全不能与之相谈并论的。那么接下来,就来说说微信小程序和支付宝小程序的相近点和微信的优势。 1、相近点: a、完全不用下载安装。需要时直接从‘小程序’入口进入,搜索自己所需要的...原创 2018-02-16 16:42:24 · 2105 阅读 · 0 评论