微信小程序
文章平均质量分 51
远航1982
这个作者很懒,什么都没留下…
展开
-
微信小程序开发详解(二)---开发工具使用简介
1:PC桌面打开微信小程序开发工具(微信web开发者工具),如图1所示: 图12: 用微信扫描图1中的二维码原创 2016-12-13 17:01:27 · 3150 阅读 · 0 评论 -
微信小程序开发详解(十)---微信小程序样式基础
样式属性为如下内容:1 尺寸2 背景3 边框4 边距5 文本6 其他(列表,内容,表格)未完待续。。。原创 2017-01-12 14:48:03 · 16497 阅读 · 6 评论 -
微信小程序开发详解(一)---开发准备
一 注册微信开发者账号登录:https://mp.weixin.qq.com/ 进行注册.目前仅支持企业和组织等非个人注册微信小程序账号,注册详细情况可以参见如下链接:http://kf.qq.com/faq/140806zARbmm161103r6vmiA.html注:如果仅仅是为了学习开发微信小程序,可以注册微信服务号。二 微信开发者工具下载由于微信公原创 2016-12-13 16:50:38 · 3055 阅读 · 0 评论 -
微信小程序开发详解(八)---微信小程序页面生命周期和参数传递
1:页面的生命周期在初始页面:index.js中增加如图1所示代码图1点击“编译”后,运行这个小程序:日志如图2所示:初始页面index.js启动会从app,js中的生命周期方法调用开始:onLaunch---onShow,然后开始调用index.js页面中的生命周期方法:onLoad---onShow---onReady,当点击“后台”时,页面index.js进入后台,这时回原创 2016-12-27 16:04:45 · 28519 阅读 · 0 评论 -
微信小程序开发详解(七)---微信小程序APP生命周期
1:微信小程序APP的生命周期方法:在微信小程序工程中的app.js中增加如图1所示方法图1编译运行,查看日志如图2,图3所示:微信小程序启动时,调用生命周期方法为:onLaunch方法(app.js)---onShow方法(app.js)---onLoad方法(首页面:index.js的onLoad方法)图2图3当将小程序置于后台(开发工具左下角有原创 2016-12-27 14:46:04 · 12314 阅读 · 0 评论 -
微信小程序开发详解(六)---微信小程序配置
1:参考https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=20161222这里讲解了APP的页面配置,window配置,tabBar配置,网络配置等信息如图1,图2所示:图1图2原创 2016-12-27 11:46:10 · 2456 阅读 · 0 评论 -
微信小程序开发详解(五)---微信小程序事件
1:事件冒泡在微信小程序开发工具中,新建event文件夹,新建文件,在event.wxml中填写如下代码: 这里是view 1 这里是view 2 这里是view 3 在event.wxss中填写如下代码:.view1{ height:原创 2016-12-27 10:33:16 · 7049 阅读 · 4 评论 -
微信小程序开发详解(四)---微信小程序开发组件使用初步
1:建立一个微信小程序的工程2:请参考如下链接里面的内容,这是微信小程序的官方开发指南:https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html?t=201612223:可以拷贝部分例子程序到你建立的工程中,使用微信小程序的组件,如图1所示:图1原创 2016-12-26 15:33:17 · 14172 阅读 · 3 评论 -
微信小程序开发详解(三)---微信小程序工程目录结构
1:打开微信小程序开发工具,进入编辑模式,如下图1所示图11:这个项目主要由pages/firstPage,pages/index,pages/logs,这几个文件夹组成,这几个文件夹主要描述整个小程序的界面信息。每个文件下基本可以分为:.js,.wxml,.wxss,.json等文件组成。例如:index.js:描述index页面的逻辑信息(类比:js代码)ind原创 2016-12-15 15:02:59 · 8886 阅读 · 4 评论 -
微信小程序开发详解(九)---微信小程序布局基础
1:Flex布局Flex布局如图1所示图11.1 Flex容器属性1.2 Flex容器内元素属性原创 2017-01-03 09:30:41 · 91631 阅读 · 10 评论