`
FZtree
  • 浏览: 109227 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

微信小程序开发笔记 REVIEW20170317

 
阅读更多

框架   ->MVW Angular

组件   ->DTD <brand new>

API    ->Service

js语法 ->阅读简易教程::Q&A

 

 

sample_4.0

------pages/index/index.wxml------

<button bindtap='kaka'>{{r_count}}</button>

 

------pages/index/index.js------

var obj={

  //默认数据结构data,初始化DTD的变量

  data:{r_count: 100},

  //定义函数 kaka

  kaka: function(){

    this.setData({r_count:this.data.r_count+1});

    //避免直接对 Page.data 进行赋值! 请使用 Page.setData 进行操作.

  }

};

page(obj);

 

------page/index/index.json------

{"navigationBarTitleText": "我的第一个小程序"}

 

 

https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html#wxuploadfileobject

看到这里 js变后端语言了

const uploadTask = wx.uploadFile({});

  uploadTask.onProgressUpdate((res) => {

    console.log('上传进度', res.progress)

    console.log('已经上传的数据长度', res.totalBytesSent)

    console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend)

  });

  uploadTask.abort(); // 取消上传任务

 

 

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

打开debug选项, 看到:

  App: onLaunch have been invoked

  App: onShow have been invoked

  Register Page: pages/index/index

  Register Page: pages/logs/logs

  On app route: pages/index/index

    Update view with init data

    pages/index/index: onLoad have been invoked

    pages/index/index: onShow have been invoked

    Invoke event onReady in page: pages/index/index

    pages/index/index: onReady have been invoked

秒懂,重写两个控制器

------app.js------

//app.js

App({

  onLaunch  : function () {console.log("\t 11")},

  onShow    : function () {console.log("\t 12")},

  app_data  : {age:29},

})

 

------pages/index/index.js------

//index.js

const app = getApp() //获取应用实例

 

Page({

  onLoad  : function () {console.log("\t 21")},

  onShow  : function () {console.log("\t 22")},

  onReady : function () {console.log("\t 23")},

  data    : {r_count: app.app_data.age}

})

 

分享到:
评论

相关推荐

    微信小程序 云笔记 (源码)

    微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小程序 云笔记 (源码)微信小...

    微信小程序开发图解案例教程-源代码

    微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码...

    《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf

    《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解...

    2020微信小程序开发入门期末真题期末复习题.docx

    2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发...

    微信小程序——云笔记(截图+源码).zip

    微信小程序——云笔记(截图+源码).zip 微信小程序——云笔记(截图+源码).zip 微信小程序——云笔记(截图+源码).zip 微信小程序——云笔记(截图+源码).zip 微信小程序——云笔记(截图+源码).zip 微信小程序...

    微信小程序开发入门教程&深入浅出,从理论到实践.pdf

    微信小程序开发入门教程&深入浅出,从理论到实践 微信小程序开发入门教程&深入浅出,从理论到实践 微信小程序开发入门教程&深入浅出,从理论到实践 微信小程序开发入门教程&深入浅出,从理论到实践 微信小程序开发...

    【微信小程序-毕设期末大作业】源码电商类微信小程序

    【微信小程序-毕设期末大作业】源码电商类微信小程序 【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序...

    【微信小程序-毕设期末大作业】微信小程序源码小熊的日记.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    微信小程序投票系统微信小程序云开发实现的投票微信小程序系统源码.zip

    微信小程序投票系统微信小程序云开发实现的...瀑布流展示,排名,活动发布等功能排名,活动发布等功能活动发布等功能微信小程序投票系统微信小程序云开发实现的投票微信小程序系统。瀑布流展示,排名,活动发布等功能

    微信小程序点餐系统微信小程序开发实战

    小程序基于JavaScript、WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)进行开发,可以调用微信提供的API实现丰富的功能。 二、点餐系统需求分析 点餐系统需具备以下功能: 1. 菜单展示:展示餐厅菜品,...

    基于微信小程序开发的仿微信demo(源代码+截图)

    基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信...

    微信小程序开发.pdf

    ### 微信小程序开发知识点详解 #### 一、微信小程序账号注册与管理 - **注册账号**: - 访问微信官方的小程序管理后台(https://mp.weixin.qq.com/)。 - 选择注册类型为“小程序”,并填写相关信息(如邮箱、...

    微信小程序点餐系统微信小程序开发实战项目源码+后台+数据库(毕业设计)

    微信小程序点餐系统微信小程序开发实战项目源码+后台+数据库(毕业设计)微信小程序点餐系统微信小程序开发实战项目源码+后台+数据库(毕业设计)微信小程序点餐系统微信小程序开发实战项目源码+后台+数据库(毕业...

    基于微信小程序开发的共享充电桩项目源码.zip

    基于微信小程序开发的共享充电桩项目源码 基于微信小程序开发的共享充电桩项目源码 基于微信小程序开发的共享充电桩项目源码 基于微信小程序开发的共享充电桩项目源码 基于微信小程序开发的共享充电桩项目...

    【微信小程序-毕设期末大作业】旅游电商类开发案例微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    微信小程序开发之录音机 音频播放 动画 (真机可用)(源代码+截图)

    微信小程序开发之录音机 音频播放 动画 (真机可用)(源代码+截图)微信小程序开发之录音机 音频播放 动画 (真机可用)(源代码+截图)微信小程序开发之录音机 音频播放 动画 (真机可用)(源代码+截图)微信小程序开发之录音...

    尚硅谷微信小程序课堂笔记.zip

    尚硅谷微信小程序课堂笔记.zip

    【微信小程序-毕设期末大作业】微信小程序源码小程序页面生成器.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    【微信小程序-毕设期末大作业】源码电商类微信小程序.zip

    前端期末大作业毕业设计微信小程序商城系统源码 前端期末大作业毕业设计微信小程序商城系统源码 前端期末大作业毕业设计微信小程序商城系统源码 前端期末大作业毕业设计微信小程序商城系统源码 前端期末大作业毕业...

    微信小程序商城系统源码

    微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)...

Global site tag (gtag.js) - Google Analytics