微信小程序
微信小程序教程与开发难点
码农博士
从事互联网开发10年,曾在多个公司任职项目经理,擅长微服务、分布式搜索的架构设计; 精于JVM、TCP大并发性能调优。
展开
-
微信小程序入门基础
微信小程序入门基础第一章、认识小程序 1、工具的下载与安装 2、小程序代码构成 3、页面创建/注册 4、页面生命周期 5、页面栈 6、app生命周期与运行机制 7、微信小程序后台第二章、页面路由函数 1、页面跳转 2、页面参数传递 3、页面返回值第三章、组件 1、视图容器 View scroll-view swiper movable-area 2、基础容器 icon text rich-text...原创 2018-06-12 07:52:22 · 576 阅读 · 0 评论 -
微信小程序scroll-view
使用竖向滚动时,需要给<scroll-view/>一个固定高度,通过 WXSS 设置 height。以下列举一个示例:scroll-top的优先级要高于scroll-into-view的优先级<!--pages/scroll_view/scroll_view.wxml--><scroll-view scroll-y='true' scroll-top='50' upp...原创 2018-06-16 22:24:16 · 614 阅读 · 0 评论 -
微信小程序-返回并更新上一页面的数据
小程序开发过程中经常有这种需求,需要把当前页面数据传递给上一个页面,但是wx.navigateBack()无法传递数据。一般的办法是把当前页面数据放入本地缓存,上一个页面再从缓存中取出。除此之外还有一种办法,巧妙利用页面栈。getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。重点就在这里,在当前页面拿到上一个页面的实...原创 2018-06-14 00:16:45 · 8249 阅读 · 0 评论 -
微信小程序-页面跳转与参数传递
QQ讨论群:785071190微信小程序页面跳转方式有很多种,可以像HTML中a标签一样添加标签进行跳转,也可以通过js中方法进行跳转。navigator标签跳转<view class="btn-area"> <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover...原创 2018-05-29 14:47:02 · 2641 阅读 · 0 评论 -
微信小程序-页面栈
在小程序中以栈的形式维护了当前的所有页面当发生路由切换的时候,页面栈的表现如下:初始化:新页面入栈打开新页面:新页面入栈(调用 API wx.navigateTo 或使用组件 <navigator open-type="navigateTo"/>)页面重定向:当前页面出栈,新页面入栈(调用 API wx.redirectTo 或使用组件 <navigator open-type=...原创 2018-05-29 09:33:51 · 2334 阅读 · 0 评论 -
微信小程序-创建小程序页面
QQ讨论群:785071190创建页面创建小程序页面非常简单,鼠标在需要创建页面的目录右击,可看到下图菜单,选择“Page”即可创建出一个页面。输入页面名称,回车就可以创建出一个页面所需要的四个文件.json .js .wxss .wxml 小程序页面创建完成后,app.json中pages属性将自动添加一条记录"pages/index/demo"...原创 2018-05-29 09:29:37 · 2916 阅读 · 0 评论 -
微信小程序-Page生命周期
QQ讨论群:785071190微信小程序开发之前我们还需认识一下小程序页面的生命周期,丛“微信小程序-代码构成”一文中我们可以了解到小程序页面中有一个.js的文件,这篇博文我们来认识一下页面.js文件的内容。Page第一次创建的小程序项目,可以看到有index.js和logs.js两个文件,其中的文件内容结构包含了一个Page()的函数。Page() 函数用来注册一个页面。接受一个 object ...原创 2018-05-25 15:11:32 · 12541 阅读 · 0 评论 -
微信小程序-APP生命周期与运行机制
QQ讨论群:785071190开发微信小程序之前需要先了解微信小程序运行机制以及其生命周期,小程序APP生命周期需要先从app.js这个文件开始。阅读过“微信小程序-代码构成”这篇博文的应该知道,app.js中包含有小程序的生命周期函数,在本篇博文中将对其做详细介绍。注册程序小程序需必须在app.js中使用App()函数进行小程序的注册,并且不能注册多个。小程序第一打开时将会下载整个小程序代码包,...原创 2018-05-25 11:17:27 · 6657 阅读 · 0 评论 -
微信小程序-代码构成
需要学会一种技术需要丛整体结构来了解,本文主要对微信小程序的代码结构做一个介绍。后期博文将对每一个知识做详细介绍。json、wxml、wxss、js认识小程序主要包含后缀是.js .json .wxml .wxss的文件。.js文件主要完成业务逻辑并控制页面需要展现的数据,完成网络请求,用户点击事件等功能。.json主要完成应用配置或页面属性配置。.wxml类似于html,描述页面结...原创 2018-05-24 20:13:38 · 1992 阅读 · 0 评论 -
微信小程序-工具的下载与安装
安装开发工具前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。工具安装非常简单,只需要双击安装(下一步。。。。)。安装完成后可以在桌面看到以下图标。使用1、打开“微信web开发工具”,扫一扫进入开发界面2、选择小程序项目,点击右上角加号“+”新增项目,如果没有注册小程序账号点击“小程序/游戏”,填写好项目目录和注册名称...原创 2018-05-24 19:09:04 · 1202 阅读 · 0 评论