微信小程序开发教程_微信小程序开发教程-微信小程序入门 - CSDN
精华内容
参与话题
  • 微信小程序开发实战

    万人学习 2019-04-01 14:05:00
    本套课程使用了元认知教学法,直接实战式教学,摆脱学院派的理论式讲解,对于0基础的学员可以入门编写微信小程序,过程中指导如何学习使用文档查阅接口等,通过两个完整的实战小项目的实例,入手小程序开发
  • 微信小程序开发教程--从零开始

    万次阅读 多人点赞 2018-02-27 17:01:13
    从零开始小程序今天一不小心拿到了小程序的内测资格,为了不辜负微信团队的信任,我决定十一奋斗一把!不过话说我可是一个Android工程师啊!所以就让我们从零开始!所以本文非常适合非前端工程师学习!哈哈!都说...

    从零开始小程序

    今天一不小心拿到了小程序的内测资格,为了不辜负微信团队的信任,我决定十一奋斗一把!不过话说我可是一个Android工程师啊!所以就让我们从零开始!
    所以本文非常适合非前端工程师学习!哈哈!都说小程序出来前端会抢移动端饭碗,但是据我所知现在好多学习的都是移动开发工程师,谁抢谁的还不一定呢!
    PS:表问我怎么拿到小程序内测资格的,有种东西叫内部资源!

    • 准备工作
      • IDE搭建
      • 知识准备
    • 从零开始
      • app.js
      • app.json
      • app.wxml
      • app.wxss
    • Hello World
      • 创建程序实例
      • 美化ActionBar
      • 美化页面
      • 配置首页
    • 超级Hello World
      • 事件绑定函数
      • 更新界面数据

    准备工作

    IDE搭建

    就不多说了,没有内测码去下载个破解版吧,我用了一下,学习完全够了!IDE破解版+安装教程

    图片发自简书App


    知识准备

    JavaScrip还是要看看的,推荐教程 廖雪峰大神的博客
    HTML+CSS 大概知道是干啥的就行


    从零开始

    微信小程序中就四种类型的文件

    • js ---------- JavaScrip文件
    • json -------- 项目配置文件,负责窗口颜色等等
    • wxml ------- 类似HTML文件
    • wxss ------- 类似CSS文件

    在根目录下用app来命名的这四中类型的文件,就是程序入口文件。

    app.json

    必须要有这个文件,如果没有这个文件,IDE会报错,因为微信框架把这个作为配置文件入口,
    你只需创建这个文件,里面写个大括号就行
    以后我们会在这里对整个小程序的全局配置。记录了页面组成,配置小程序的窗口 背景色,配置导航条样式,配置默认标题。

    app.js

    必须要有这个文件,没有也是会报错!但是这个文件创建一下就行 什么都不需要写
    以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

    app.wxss

    这个文件不是必须的。因为它只是个全局CSS样式文件

    app.wxml

    这个也不是必须的,而且这个并不是指主界面哦~因为小程序的主页面是靠在JSON文件中配置来决定的

    有了这两个文件你运行程序,IDE就不会报错了,也意味着这是最简单的微信小程序

    Paste_Image.png

    Hello World

    创建程序实例

    app.js文件管理整个程序的生命周期,所以在里面添加如下代码:(输入App IDE会有提示)

    App({
      onLaunch: function () {
        console.log('App Launch')
      },
      onShow: function () {
        console.log('App Show')
      },
      onHide: function () {
        console.log('App Hide')
      }
    })
    

    具体API解释如下


    Paste_Image.png

    美化ActionBar

    json文件负责配置ActionBar颜色,我们只需要在里面添加如下代码即可,下图有参数说明!

    Paste_Image.png
    Paste_Image.png
    {
        "window":{
            "navigationBarBackgroundColor": "#BBDEF8",
            "navigationBarTitleText": "Demo",
            "navigationBarTextStyle":"white"
        }
    }
    
    Paste_Image.png

    现在看ActionBar是不是像那么回事了!好接下来我们继续写我们第一个界面

    美化页面

    美化页面我们用到了 wxml 和 wxss文件
    为了程序代码结构简洁
    我们需要在跟目录下创建一个新文件夹 名字随意,我们这里叫pages
    然后在pages文件夹里再创建新文件夹 名字随意 这里我们叫 index
    然后我们创建index.wxml文件然后在里面写入以下代码

    <view>
        <text class="window">Hello</text>
    </view>
    

    然后创建index.wxss文件然后在里面写入以下代码

    .window{
      color=#4995fa;
    }
    

    然后我们创建 index.js文件
    在文件中输入如下代码(输入Page IDE会有提示)

    Page({
      data:{
        // text:"这是一个页面"
      },
      onLoad:function(options){
        // 页面初始化 options为页面跳转所带来的参数
      },
      onReady:function(){
        // 页面渲染完成
      },
      onShow:function(){
        // 页面显示
      },
      onHide:function(){
        // 页面隐藏
      },
      onUnload:function(){
        // 页面关闭
      }
    })
    

    函数解释如下:

    Paste_Image.png

    配置首页

    Json文件负责配置页面路径
    所以我们在里面加入如下代码
    其中index的含义 其实就是指index.js文件
    这里需要说明一点 pages 里面的路径其实是指向js文件的
    如果一个目录下没有该名称的js文件是会报错的!

    "pages":[
      "pages/index/index"
    ],
    

    完成了!我们来运行程序!

    Paste_Image.png

    超级Hello World

    为了学习事件绑定,以及如何将数据在页面上更新
    我们来做个超级Hello World,就是我点击文字,能让
    它变色!

    绑定事件

    我们打开index.wxml 将里面代码改成这样

    <view>
        <text catchtap="click" class="window">Hello</text>
    </view>
    

    其实也就是加了

    • catchtap="click"

    这两个属性是什么意思呢 别着急 我会一一解释

    Paste_Image.png

    上图展示了事件的一些的属性名称,这里需要注意红框标注起来的内容,区分出冒泡事件和非冒泡事件,其实冒泡事件就是需要往上面一层容器传递这个事件。

    看了这图 我们再来看 catchtap="click" 的含义
    catch 代表非冒泡事件
    tap 代表点击事件
    所以连在一起就是非冒泡点击事件
    那后面那个click是啥
    click 其实只是个变量名字
    我们在index.js需要用这个名字绑定接收事件的函数
    我们打开index.js
    然后添加如下函数

      click:function(){
        console.log("点击了文字");
      },
    

    添加完后代码长这样 红框中就是 添加的这个代码

    Paste_Image.png

    所以其实点击事件的回调函数 就是 catchtap="click"
    中的 click 后面加上 :function() 构成的
    现在我们来运行程序试试 然后点击文字

    Paste_Image.png

    看是不是调用了 click:function 函数 并且打出了log

    好接下来我们写点击一下变色的逻辑
    那如何让一个文字变色呢,当然是css
    所以我们需要再index.wxss 中添加一个样式

    .window-red{
        color:#D23933;
    }
    
    Paste_Image.png

    然后我们进入index.js文件
    你会发现代码里面有个 data:{} 它不是page生命周期函数
    其实他是个变量的数组,这个里面申请的变量都可以在 wxml中使用

    Paste_Image.png

    我们在这里申请一个color

    Paste_Image.png

    color的值就是index.wxss中的样式名称
    然后进入index.wxml中,将class中的值改成 {{color}}

    Paste_Image.png

    其实意思就是 将js文件中变量 color的值在这里使用
    也就是值等于 window
    然后我们再回到index.js文件
    在最上面申请一个变量控制点击
    然后在click:function() 函数中添加如下代码

     click:function(){
        console.log("点击了文字");
          if(flag){
            color = "window-red";
            flag = false;
          }else{
            color = "window";
            flag = true;
          }
          this.setData({
            color
          });
      },
    

    修改完后的代码如图

    Paste_Image.png

    其实就是在点击是后 更换color变量的值 而更换的这个值其实就是样式的名称

    更新界面数据

    这里有个问题 我们更换完值 但是在wxml中不会立即生效
    所以我们需要调用
    this.setData()方法将值同步给wxml 让它立即生效

    好了我们运行程序 点击Hello 看看是不是点一下 变一下颜色!

    111111.gif

    最后再补充一点 index目录下也是可以配置 json文件的
    也就是每个页面都可以配置自己独特的actionbar颜色等等
    这里的配置会覆盖 app.json文件的配置

    最后附上github 地址 https://github.com/pwh0996/WXDemo.git
    最后由于着急睡觉 ,所以错别字比较多,后面整理望大家见谅

    喜欢的话欢迎打赏~!!!我会继续写下去的



    作者:蒲文辉
    链接:https://www.jianshu.com/p/aaef5ceb3936
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    展开全文
  • 微信小程序开发全案精讲

    千人学习 2018-10-22 21:38:10
    微信小程序开发全案精讲是一套以案例为主线的课程,课程总共九章,第一章回顾基础知识,后面八章全部是以典型的案例作为讲解,选取了美食类:仿菜谱精灵微信小程序、资讯类:仿今日头条微信小程序、生鲜类:仿爱鲜蜂...
  • 微信小程序开发入门教程

    万次阅读 2017-04-28 20:38:31
    做任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档。 微信小程序开发文档链接为:...知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发:  /***************

    做任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档。

    微信小程序开发文档链接为:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html,如下图:

     

     

    这里就是做微信小程序开发的全部官方文档。

    知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发:

     /*********************************************************************

    插播:

    微信小程序全套视频教程下载地址:http://pan.baidu.com/s/1gf1KLEj

    本套视频教程包含了微信小程序开发的基础知识,特别适合学习微信小程序开发入门使用,请按照顺序观看学习。

    本套教程原来销售199元,现免费奉送,所有内容都是笔者亲自录制。

    需要课程讲解中用到的示例源码请关注微信公众号:“微little程序”,按照提示获取源码。关注成功后,也可直接点击公众号中的“视频教程”菜单,详细了解获取配套示例源码的方式。

    拿到示例源码后,自己再做尝试,学习会更有效果。

    也可扫描下方二维码关注该公众号:

    ******************************************************************************/

    继续:

    第一步:下载微信小程序开发者工具并安装,下载路径:

     

    https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

    进到下载界面后,根据自己的操作系统选择相应的链接进行下载,下载完成后进行安装。

     

    第二步:登录工具

    开发者工具安装完成后我们就可以将其打开,初次打开会需要用微信扫码登录,入下图,用手机微信扫一扫后确认登录就可以了。

     

     

    第三步:创建一个项目

    登录成功后,如果是第一次使用该工具会弹出创建项目的窗口,如下图:

     

    ​ 在创建过程中,如果选择的本地文件夹是个空文件夹会出来一个勾选项“在当前目录中创建quick start项目”,为方便初学者了解微信小程序的基本代码结构,请勾选此项,勾选后,开发者工具会帮助我们在开发目录里生成一个简单的 demo,如下图:

     

     

    第四步:项目代码结构解释

     

     

     

    点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。

    下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。

    ​ 1、app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。

    2、​ app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。

    3、app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

      我们注意到,在实例程序的代码中还有2个文件夹,一个是pages,一个是utils,其中utils是放通用工具类方法的一个文件夹,pages是存放所有页面的文件夹。我们着重讲一下这个pages.

     

    第五步:小程序页面文件构成

     

      在这个示例中,我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。

     每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。

    ​ index.wxml 是页面的结构文件:

    复制代码
    <!--index.wxml-->
    <view class="container">
      <view  bindtap="bindViewTap" class="userinfo">
        <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
      </view>
      <view class="usermotto">
        <text class="user-motto">{{motto}}</text>
      </view>
    </view>
    复制代码

     

    ​ 本例中使用了<view/><image/><text/>来搭建页面结构,绑定数据和交互处理函数。

    ​ index.js 是页面的脚本文件,在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。

    复制代码
    //index.js
    //获取应用实例
    var app = getApp()
    Page({
      data: {
        motto: 'Hello World',
        userInfo: {}
      },
      //事件处理函数
      bindViewTap: function() {
        wx.navigateTo({
          url: '../logs/logs'
        })
      },
      onLoad: function () {
        console.log('onLoad')
        var that = this
        //调用应用实例的方法获取全局数据
        app.getUserInfo(function(userInfo){
          //更新数据
          that.setData({
            userInfo:userInfo
          })
        })
      }
    })
    复制代码

     

    ​ index.wxss 是页面的样式表:

    复制代码
    /**index.wxss**/
    .userinfo {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .userinfo-avatar {
      width: 128rpx;
      height: 128rpx;
      margin: 20rpx;
      border-radius: 50%;
    }
    
    .userinfo-nickname {
      color: #aaa;
    }
    
    .usermotto {
      margin-top: 200px;
    }
    复制代码

     

    ​ 页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。

    ​ index.json 是页面的配置文件:

    ​ 页面的配置文件是非必要的。当有页面的配置文件时,配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用 app.json 中的默认配置。

    ​ logs 的页面结构

    复制代码
    <!--logs.wxml-->
    <view class="container log-list">
      <block wx:for-items="{{logs}}" wx:for-item="log">
        <text class="log-item">{{index + 1}}. {{log}}</text>
      </block>
    </view>
    复制代码

     

    ​ logs 页面使用 <block/> 控制标签来组织代码,在 <block/> 上使用 wx:for-items 绑定 logs 数据,并将 logs 数据循环展开节点

    复制代码
    //logs.js
    var util = require('../../utils/util.js')
    Page({
      data: {
        logs: []
      },
      onLoad: function () {
        this.setData({
          logs: (wx.getStorageSync('logs') || []).map(function (log) {
            return util.formatTime(new Date(log))
          })
        })
      }
    })
    复制代码

     

    运行结果如下:

     

     

    第五步:手机预览(只有获得AppId的才有权限预览)

    ​ 开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。

     

    本文由微信公众号“微little程序”整理发布,可在微信中搜索公众号“微little程序”关注,也可扫描下面的二维码关注。专注微信小程序领域,发布微信小程序资讯,探讨微信小程序开发技术。

    展开全文
  • 微信小程序开发视频教程全套

    千次下载 热门讨论 2020-07-30 23:32:06
    微信小程序(wei xin xiao cheng xu),简称小程序,缩写XCX,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。 全面开放申请后,主体...
  • 微信小程序开发简单入门教程

    万次阅读 2018-11-02 09:43:24
    开场白: 看的很清楚了 记得把IED升级到最新版本 才会有这个云开发. ...云开发顾名思义 就是后端开发,应该是微信上周才推出的开放能力,现在这让我想起了以前的leancloud,和更早的bmob了,而leancloud一早就开始...

    文章目录


    ###开场白:
    云开发顾名思义 就是后端开发,应该是微信上周才推出的开放能力,现在这让我想起了以前的leancloud,和更早的bmob了,而leancloud一早就开始支持微信小程序开发了,相比较而言,leancloud的资料应该更多些,但毕竟微信自家的产品,还是有必要试试的。
    这边总结一下使用体验,首先微信的API有微信味,下面是初始化方法。

    wx.cloud.init({
    		//环境ID
            env: 'much-de492f',
            //获取调用api者的信息
            traceUser: true,
          })
    

    所以还是很方便的。其次是添加数据的时候是完全图形化的的,这点很好。
    数据库

    ###看的很清楚了

    1. 集合 = 表
    2. 记录 = 数据元素
      当然 数据库只能建一个,第一次进来的时候是空的,新建的时候起好名字就行了。

    ###记得把IED升级到最新版本 才会有这个云开发.
    云开发

    ###其次将调用基础库也换成最新的
    调用基础库也换成最新的

    ###如果你表也建好了 那么剩下就是调用了

    requestData: function() {
        wx.showLoading({
          title: '加载中',
        })
        var that = this;
        //resourceItem为表名
        wx.cloud.database().collection('resourceItem').get({
          success: function(res) {
            that.setData({
    	      //res是json
    	      //res.data 是数据
    	      //res.errMsg 提示
              titleDatas: res.data
            })
            console.log(JSON.stringify(res))
            wx.hideLoading()
          }
        })
      },
    

    ###如果出现[]空数组情况:
    一般是上面数据库部分 的 权限设置未修改
    空数据

    ###后端云分页
    不过后端云都存在一个比较让人恼火的问题,就是所有的逻辑都需要在前端处理,尤其是分页,不管是lendCloud还是微信开发都没有支持,那么在建库的时候就需要自己编写ID,在获取时用
    where做过滤,虽然是一种解决方案,但是··我发现ID居然是一个随机数! 不过不要紧,在索引管理里面我们看到它时有升序的,虚惊一场,这样我们只需要将最后一条ID进行比较即可实现分页了。

    ###这里给出解决方案
    加载fun

     requesListData: function(type) {
        var that = this
        //获取相应类型的列表
        wx.showLoading({
          title: '加载中',
        })
        console.log("type = " + type)
        var db = wx.cloud.database()
        const _ = db.command
        db.collection(type).limit(2).where({
          _id: _.gt(this.data.lastId)
        }).get({
          success: function(res) {
            wx.hideLoading()
            if (res.data.length == 0) {
              if (that.data.pageNum == 1) {
                that.data.listData = []
              }
              that.data.hasMore = false
            } else {
              that.data.hasMore = true
              for (var i = 0; i < res.data.length; i++) {
                var data = res.data[i]
                that.data.listData.push(data)
                if (i + 1 == res.data.length) {
                  that.data.lastId = data._id
                }
              }
            }
            that.setData({
              listData: that.data.listData,
              selectedtype: type,
              pageNum: that.data.pageNum + 1,
              lastId: that.data.lastId,
              hasMore: that.data.hasMore
            })
          },
          fail: function(res) {
            //找不到该数据库
            console.log("===fail===" + res)
            wx.hideLoading()
          },
        })
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function() {
        if (!this.data.hasMore) return;
        var type = this.data.selectedtype
        this.requesListData(type)
      },
    
    
      /**
       * 页面的初始数据
       */
      data: {
        hasMore: true,
        lastId: '0',
        selectedtype: 'book',
        selectedTagId: '',
        pageNum: 1,
      },
    
    

    核心代码 :gt()函数为找到比该ID大的元素(默认返回20条,这里limit限制为两条)

     db.collection(type).limit(2).where({
          _id: _.gt(this.data.lastId)
        })
    

    好了,微信云开发简单的入门教程就这么多了。

    ###参考资料:

    1. Slog71_微信小程序之云开发-全栈时代3
    2. 小程序·云开发

    关注公众号领取更多干货
    小码家公众号

    展开全文
  • 微信小程序从零开始开发步骤(一)

    万次阅读 多人点赞 2019-04-12 11:22:23
    从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。 1:注册 用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 ...

    从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。
    1:注册
    用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。

     

    2:登录 https://mp.weixin.qq.com

    我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。有了小程序帐号之后,我们需要一个工具来开发小程序。
    根据官方教程进行开发https://mp.weixin.qq.com/debug/wxadoc/dev/

     

    3:安装开发工具

    前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!我的电脑是64位的:

     

    4:安装完成之后

    你的第一个小程序开启:新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。

    image

     

     

    5:编译预览

    点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。OK,你已经成功创建了你的第一个小程序,并且在微信客户端上体验到它流畅的表现。

     

    小程序初始化目录介绍:

    1:page 页面文件夹 存放项目页面渲染相关文件

     

    2:utils 存放js库和数字格式化文件

     

    3: 配置文件

     

    参考链接:https://www.jianshu.com/p/1eb4885a4cc1

    下一章:微信小程序从零开始开发步骤(二)创建页面

    • 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

    原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
    90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见。

    展开全文
  • 做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 零基础入门微信小程序开发

    万次阅读 多人点赞 2019-07-16 13:27:41
    本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
  • 摘要:微信小程序教程...微信小程序开发教程 微信小程序入门系列 微信小程序入门《六》头像上传微信小程序入门《五》登录注册微信小程序入门《四》本地缓存和搜索(附源微信小程序入门《三》详情页面,上滑加
  • 微信小程序开发视频教程,链接:http://pan.baidu.com/s/1eSKUDCA
  • 摘要:微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集 微信小程序开发工具 5款微信小程序开发工具使用报告...
  • 微信小程序教程整理合集,点击标题即可进入查看详细教程教程系列一: 微信小程序 轮播图 swiper图片组件 微信小程序 开发 微信开发者...微信小程序开发工具使用与设计规范(二) 微信小程序入门正确姿势(一...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 玩转2018微信小程序

    千人学习 2018-10-22 21:38:17
    认识微信小程序微信小程序框架分析、用微信小程序组件构建UI界面、必备的微信小程序API、微信小程序设计及问答、综合案例:仿智行火车票12306微信小程序、综合案例:仿糗事百科微信小程序、综合案例:仿中国婚博会...
  • 初级开发微信小程序支付实战

    千人学习 2018-10-22 21:38:06
    介绍微信小程序支付的接入,统一下单接口,支付接口,注意事项,微信支付回调。
  • csdn-爬虫 ip代理

    2018-01-06 11:11:58
    微信小程序开发官方文档 2 .CSDN博文精选 微信小程序全方位解析 3 .一名Android开发者的微信小程序填坑之路(1) 4 .微信直播在小程序上使用 5 .Android 实现微信,QQ的程序前后台切换:back键切换后台;点击通知...
  • 原文的链接再 http://bbs.larkapp.com/thread-9183-1-1.html 教程系列一: 微信小程序 轮播图 swiper图片组件 微信小程序 开发 微信开发者工具 快捷键 ...微信小程序开发工具使用与设计
  • 微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序...
  • 微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序...
1 2 3 4 5 ... 20
收藏数 249,622
精华内容 99,848
关键字:

微信小程序开发教程