
小程序
雾漫
这个作者很懒,什么都没留下…
展开
-
微信小程序picker动态加载三级级下拉数据
废话不多说 ,上代码最实际后端返回数据为json格式的,子类我的是在chidren里面,根据自己的修改<view class="title">种植产品</view> <picker mode="multiSelector" range="{{[provinceList, provinceList[in].children,provinceList[in].children[ins].children]}}" range-key="xhycategorizeN原创 2021-05-25 16:35:38 · 975 阅读 · 0 评论 -
微信小程序picker动态加载二级下拉数据
废话不多说 直接上代码,后台返回数据为json:<view class="title">种植产品</view> <picker mode="multiSelector" range="{{[provinceList, provinceList[in].children]}}" range-key="xhycategorizeName" bindcolumnchange="bindcolumnchange" bindchange="bindchange"&原创 2021-05-25 16:29:29 · 805 阅读 · 0 评论 -
小程序视图层之WXML---列表渲染
wx:for在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item使用 wx:for-item 可以指定数组当前元素的变量名, wx:for-index 可以指定数组当前下标的变量名: //index.js array: [{ message: 'fo...原创 2019-11-12 17:20:58 · 380 阅读 · 0 评论 -
小程序视图层之WXML---数据绑定
数据绑定数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用于内容、组件属性、控制属性、关键字、运算、组合、对象等。具体参考https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html关键字:true:boolean 类型的 true,代表真值false: boolean 类型的 fa...原创 2019-10-21 14:38:05 · 204 阅读 · 0 评论 -
小程序视图层之WXML
WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。可以用于数据绑定、列表渲染、条件渲染、模板、引用等功能。WXML 中的动态数据均来自对应 Page 的 data详细请参考:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml///index...原创 2019-10-21 14:37:10 · 288 阅读 · 0 评论 -
小程序的视图层
视图层view小程序框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXSS(WeiXin Style Sheet) 用于描述页面的样式。...原创 2019-10-21 14:36:58 · 678 阅读 · 0 评论 -
小程序模块化---逻辑层
1.模块化的含义?把一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。exports 是 module.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发者采用 module.exports 来暴露模块接口。小程序目前不支持直接引入 node...原创 2019-10-18 18:38:56 · 151 阅读 · 0 评论 -
小程序的页面路由--逻辑层
在小程序中,所有页面的路由全部由框架进行管理,框架又以栈的形式维护了当前的所有页面。路由发生切换的时候,页面栈表现如下图:Tips:navigateTo, redirectTo 只能打开非 tabBar 页面。switchTab 只能打开 tabBar 页面。reLaunch 可以打开任意页面。页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 ta...原创 2019-10-18 18:38:38 · 220 阅读 · 0 评论 -
小程序页面生命周期---逻辑层
页面生命周期函数就是当你每进入/切换到一个新的页面的时候,就会调用的生命周期函数。Page(Object) 函数用来注册一个页面。接受一个Object类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。小程序页面生命周期函数的调用顺序为:onLoad>onReady>onShow;至于onHide函数就是当隐藏页面的时候触发//index.js//获取应用实例con...原创 2019-10-18 18:38:04 · 188 阅读 · 0 评论 -
小程序逻辑层之注册页面Component
Component 构造器构造页面Page 构造器适用于简单的页面,对于复杂的页面可能并不好用。可以使用 Component 构造器来构造复杂的页面。 Component 构造器的主要区别是:方法需要放在 methods: { } 里面。Component 构造器可用于定义组件,调用 Component 构造器时可以指定组件的属性、数据、方法等。详细参数...原创 2019-10-18 18:36:56 · 317 阅读 · 0 评论 -
小程序逻辑层之注册页面Page
小程序的每个页面,都需要在页面对应的 js 文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。可以使用Page构造器注册页面或者Component 构造器构造页面。1,Page构造器注册页面简单的页面可以使用Page()进行构造。注册小程序中的一个页面。接受一个 Object 类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。完整的例子://index.js...原创 2019-10-18 18:36:28 · 543 阅读 · 0 评论 -
小程序逻辑层之注册小程序
1. 定义每个小程序都需要在 app.js 中调用 App 方法注册小程序示例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。整个小程序只有一个 App 实例,是全部页面共享的。通过 getApp 方法获取到全局唯一的 App 示例,获取App上的数据或调用开发者注册在 App 上的函数。2. App(Object object)注册小程序。接受一个 Object 参数,其指定小...原创 2019-10-17 11:52:44 · 145 阅读 · 0 评论 -
小程序生命周期---逻辑层
小程序的生命周期函数是在app.js里面调用的,App(Object)函数用来注册一个小程序。接受一个 Object 参数,指定其小程序的生命周期回调;一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。小程序的生命周期函数的调用顺序为:onLaunch>onShow>onHide//app.jsApp({ onL...原创 2019-10-18 18:37:50 · 174 阅读 · 0 评论 -
小程序框架之场景值
1.什么是场景值?场景值用来描述用户进入小程序的路径。完整场景值的含义请查看微信官方文档(https://developers.weixin.qq.com/miniprogram/dev/reference/scene-list.html)。由于Android系统限制,目前还无法获取到按 Home 键退出到桌面,然后从桌面再次进小程序的场景值,对于这种情况,会保留上一次的场景值。2.如何获取...原创 2019-10-16 13:35:00 · 439 阅读 · 0 评论 -
小程序之sitemap配置
微信现已开放小程序内搜索,开发者可以通过 sitemap.json 配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中。 爬虫访问小程序内页面时,会携带特定的 user-agent:mpcrawler 及场景值:1129。需要注意的是,若小程序爬虫发...原创 2019-10-16 13:34:40 · 1868 阅读 · 0 评论 -
小程序之页面配置
每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 JSON 对象,有以下属性:页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性。例子1:{ "navigationBarBackgro...原创 2019-10-16 13:33:59 · 279 阅读 · 0 评论 -
小程序全局变量之networkTimeout
networkTimeout用于request、connectSocket、uploadFile、downloadFile等网络请求的超时时间,单位均为毫秒。详细属性见下图:原创 2019-10-15 19:06:05 · 5890 阅读 · 0 评论 -
小程序全局配置之tabBar
tabBar如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。详细属性如下图:其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下图:例如:"tabBar": { "backg...原创 2019-10-15 18:12:37 · 1580 阅读 · 0 评论 -
小程序全局配置之window
window用于设置小程序的状态栏、导航条、标题、窗口背景色详细属性如下图:注 1:HexColor(十六进制颜色值),如"#ff00ff"注 2:关于navigationStyle客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效。客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效开...原创 2019-10-15 17:50:56 · 844 阅读 · 0 评论 -
小程序全局配置之pages
pages用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。数组的第一项代表小程序的初始页面,一般称之为首页(HOME/INDEX)。小程序中新增/减少页面,都需要对 pages 数组进行修改。如果项目目录结构如下:├── app.js├── ...原创 2019-10-15 16:56:17 · 3245 阅读 · 0 评论 -
小程序配置概述
1,全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。文件内容为一个 JSON 对象,常用的主要是pages、window、tabBar、networkTimeout、navigateToMiniProgramAppIdList、sitemapLocation。包含属性有:...原创 2019-10-15 16:48:41 · 181 阅读 · 0 评论 -
微信小程序之目录结构概述
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分主要由app.js、app.json 、app.wxss(不是必须的)组成,必须放在项目的根目录下。app.js 用于小程序逻辑,app.json用于小程序的公共配置,app.wxss用于小程序公共样式表。一个小程序页面由四个文件组成,分别是js、wxml、json、wxss,其中js和wxml是必需的,...原创 2019-10-15 15:39:19 · 506 阅读 · 0 评论