继上篇注册阶段后,经过查阅资料学习后,以下介绍开发阶段 1.登录微信公众平台就能在菜单“开发”---“基本配置”中看到小程序的AppID了. 小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID). 有了小程序帐号之后,我们需要一个工具来开发小程序. 2.前往“开发者工具”下载页面,安装“开发工具”,开发工具有windows64.windows32.mac三个版本,可根据实际情况,选择适合自己电脑的开发工具. 安…

最后成果 在经过对微信小程序的简单学习后,对于微信小程序也稍有理解,在浏览学习过别人的东西后自己也制作了一个,觉得就是有点low,在今后的学习中会继续完善这个微信小程序 //index.js //获取应用实例 const app = getApp() Page({ data: { motto: '欢迎使用家庭小账本', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo') },…

Wxss的学习 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式. WXSS用来决定WXML的组件应该怎么显示. 为了适应广大的前端开发者,我们的WXSS具有CSS大部分特性.同时为了更适合开发微信小程序,我们对CSS进行了扩充以及修改. 与css相比我们扩展的特性有: · 尺寸单位 · 样式导入 尺寸单位 · rpx(responsive pixel): 可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在iPhone6上,屏幕宽度为375px…

在网上查阅了资料后,了解到了在完成微信小程序之前要完成注册阶段的工作,此次在这介绍注册阶段的流程. 1.首先你要确定小程序的定位.目的以及文案资料等(准备工作). 2.打开微信公众平台官网,点击右上角的“立即注册”. 3.在“选择注册的类型中”选择“小程序”. 4.完善账号信息. 5.邮箱激活公众平台账号 6.完善信息登记. 按照流程信息填写完成后则代表认证成功,这时则可以开始创建小程序了…

记得ppt中说到,可以制作为微信小程序或者是安卓的应用,但是在我了解后觉得小应用有点力不从心,所以还是从微信小程序开始吧,先让我们了解一下主要的东西 1.准备工作 IDE搭建2.知识准备从零开始app.jsapp.jsonapp.wxmlapp.wxssHello World3.创建程序实例美化ActionBar美化页面4.配置首超级Hello World事件绑定函数更新界面数据 %下面介绍这几种的原理          js ---------- JavaScrip文件json -------…

json的学习 JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. 每一章中用到的实例 { "employees": [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":…

寒假总结 寒假充满着腥风血雨,不过在努力下还是完成了寒假的任务,虽说没有出去找活干,毕竟在寒假这段时间不怎么好找,但是我在自己家的店里帮这父母工作了一段时间,也算是颇有收获,在短暂的学习后也算勉强完成了学习上在寒假的任务,总而言之,这个寒假还算过的可以,希望以后继续努力.…

wxml的学习 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. 用以下一些简单的例子来看看WXML具有什么能力: 数据绑定 <!--wxml--> <view> {{message}} </view> // page.js Page({ data: { message: 'Hello MINA!' } }) 列表渲染 <!--wxml--> <view wx:for-it…

一.UI介绍 所谓的UI(user Interface)开发指的就是小程序应用界面的开发,在小程序开发框架中会为我们提供一系列的基础组件,例如HTML开发中为我们所提供的一些最基础的标签.需要注意的是微信小程序的标签所遵循的方式是严格的XML语法.二.基础内容组件 <!-- 微信基础内容组件 --> <view> <!-- icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download…

小程序事件绑定 https://developers.weixin.qq.com/miniprogram/dev/framework/view/two-way-bindings.html 1.数据 // pages/story/story.js Page({ data: { num:0 }, // 输入框的input事件的执行逻辑,将输入的值赋值给num handleInput(e){ this.setData({ num:e.detail.value }) }, // 加减按钮事件的逻辑 ha…