小程序导航

声明式导航 1.导航到非tabBar页面 非tabBar页面指的是没有被当作tabBar进行切换的页面。 示例代码： <navigator url='pages/info/info' > 点击跳转</navigator> 上述代码使用url属性置顶要跳转到的页面路径，其中页面路径应该以/开头，且路径必须提前在app.json的pages 节点下声明，才能实现正常的跳转。 2.导航到tabBar页面 tabBar页面指的是被当作tabBar进行页面切换的页面。如果navigator组件单纯使用url属性，无法导航到tabBar页面，需要结合open-type属性进行导航。 <navigator url="/pages/home/home" open-type="switchTab">点击跳转</navigator> 3.后退导航 如果要后退到上一页面或多级页面，需要把open-type设置为navigateBack， 同时使用delta属性指定后退的层数。 <navigator open-type="navigateBack" delta="1">返回上一页面</navigator> 编程式导航 1.导航到非tabBar页面 通过wx.navigateTO（Object）方法，可以跳转到应用内的某个页面，但不能跳转到tabBar页面上。其中Object参数对象的属性列表如下。 url

微信小程序为小程序开发者提供了一系列小程序基础组件，开发者可以通过组合这些小程序基础组件进行微信小程序的快速开发。 微信小程序组件是什么？微信小程序组件怎么用？ 小程序组件是视图层的基本组成单元。 小程序组件自带一些功能与微信风格的样式。 一个小程序组件通常包括 开始标签 和 结束标签 ， 属性 用来修饰这个组件， 内容 在两个标签之内。 < tagname property = "value" > Content goes here ... </ tagename > 注意：所有小程序组件与属性都是小写，以连字符 - 连接 一、微信小程序_属性类型 类型 描述 注解 Boolean 布尔值 组件写上该属性，不管该属性等于什么，其值都为 true ，只有组件上没有写该属性时，属性值才为 false 。如果属性值为变量，变量的值会被转换为Boolean类型 Number 数字 1 2.5 String 字符串 "string" Array 数组 [ 1, "string" ] Object 对象 { key: value } EventHandler 事件处理函数名 "handlerName" 是 Page 中定义的事件处理函数名 Any 任意属性 二、微信小程序_共同属性类型 所有组件都有的属性： 属性名 类型 描述 注解 id String 组件的唯一标示 保持整个页面唯一

一、默认情况下小程序页面有一套自己的导航系统 1.可以设置导航标题，字体颜色、背景颜色等 2.对于简单的小程序，有时需要全屏处理页面。隐藏navigationBar的部分 二、处理方式 1.app.json 配置中可以设置页面是否启用导航栏 navigationStyle String default 导航栏样式，仅支持 default/custom。 custom 模式可自定义导航栏 ，只保留右上角胶囊状的按钮 微信版本 6.6.0 注：navigationStyle 只在 app.json 中生效 。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用） 可方便切到旧视觉 2.使用示例： { "pages": [ "pages/test1/test", "pages/index/index", "pages/logs/logs" ], "window": { "backgroundTextStyle": "light", "navigationStyle": "custom" } } 微信小程序富文本图片处理二 微信小程序腾讯视频插件使用整理 微信小程序扫码接口，wx.scanCode(OBJECT) 更多小程序资讯了解： http://www.jnqianle.cn/info/ 来源： oschina 链接：

目录 微信小程序组件的生命周期？ 简单描述下微信小程序的相关文件类型？ app.json 是对当前小程序的全局配置，讲述三个配置各个项的含义？ 小程序的wxss和css有哪些不一样的地方？ 小程序有哪些参数传值的方法？ 微信小程序与H5的区别？ 小程序获取场景值的方法？ 小程序onPageScroll方法的使用注意什么？ 小程序视图渲染结束回调？ 小程序同步API和异步API使用时注意事项？ 小程序对wx:if 和 hidden使用的理解？ 小程序简单介绍下三种事件对象的属性列表？ 小程序的双向绑定和vue的异同？ 小程序页面间有哪些传递数据的方法？ 小程序WXSS和CSS的异同？ 一.简单描述下微信小程序的相关文件类型？ 二.怎么封装微信小程序的数据请求？ 三.微信小程序有哪些传值(传递数据)方法？ 四.哪些方法来提高微信小程序的应用速度？ 五.微信小程序的原理？ 六.分析微信小程序的优劣势？ 六.微信小程序与H5的区别？ 七.怎么解决微信小程序的异步请求问题？ 八.小程序关联微信公众号如何确定用户的唯一性？ 九.使用webview直接加载要注意哪些事项？ 十.小程序调用后台接口遇到哪些问题？ 十一.微信小程序如何实现下拉刷新？ 十二.webview中的页面怎么跳转回小程序？ 十三.bindtap和catchtap的区别？ 十四.简述wx.navigateTo(),wx

一、小程序的文件分为哪几种? wxml:HTML wxss:CSS js :JS json:配置文件 wxs :微信语法 小程序中凡是以app开头的文件都是全局配置文件 二、小程序全局的生命周期有哪些？页面级别的生命周期有哪些？ 小程序全局生命周期 onLanuch onShow onHide onError 页面级别生命周期 onLoad onShow onReady onHide onUnload 三、小程序中如何注册一个小程序以及如何注册一个页面 App({})小程序 Page({}) 四、如何获取小程序的实例 getApp() 五、如何修改页面数据的状态 this.setData({}) 六、小程序中事件分为哪几种？区别？事件如何进行传参？ 事件绑定分为：bindxx catchxx 区别：前者会有事件冒泡 后者会阻止事件冒泡 传参：通过绑定自定义属性 接收的时候通过e.currentTarget.dataset进行接收 七、小程序中的模板文件如何使用？如何传递参数? 通过template包裹的结果就是模板文件，template身上有2个属性一个是name 代表模板名称 另一个属性是is代表使用的哪个模板。 传递参数的时候通过data进行传递参数 语法 data="{{key:val}}" 八、wxs的使用 创建wxs文件 在wxs文件中编写相对应函数 通过module

1.申请账号 官网： https://mp.weixin.qq.com/ 2.开发工具 为了帮助开发者简单和高效地开发和调试微信小程序，推出了小程序开发者工具，集成了公众号网页调试和小程序开发与调试两种开发模式。 官方开发调试工具： http://t.cn/RrKI5a3 3.小程序的文件结构及配置 小程序包含一个描述整体程序的 app 和多个描述各自页面的 pages。 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 3.1app.json配置项列表 3.2 pages 指定小程序由哪些页面组成。每一项代表对应页面【路径+目录名+文件名(不包含后缀名)】，数组的第一项代表小程序的初始页面(首页/展示页)。小程序中新增/减少页面，都需要对 pages 数组进行修改。 3.3 window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 3.4tabBar 设置小程序底部或顶部菜单栏。 注： 1. 当设置 position 为 top 时，将不会显示 icon图标 2.tabBar 中的 list 是一个数组，只能配置最少2个、最多5个菜单 3.5networkTimeout 可以设置各种网络请求的超时时间。单位毫秒 4.生命周期 网址： https://dwz.cn/OOHwXDNE 来源： https://www.cnblogs.com/shineguang

　　对于学习这件事请，有些迷茫，总是很琐碎的，但是自己内心深处还是有一颗做全找的心，没有具体的定义什么全栈，只是想着自己能够完全做一个项目，不管是页面展示还是接口的开发，自己想一个人都能够胜任，不是想证明自己多牛逼，而是生活所迫，自己多学点开发上的东西，自己可以完整的做一个项目，总是觉得是一个很自豪的事情，很有成就感，下定决心，花费巨资来购买一套课程，开启自己的全栈之路，至于什么课程，那就是七月老师的《从Java后端到全栈》，之前看过一个他的微信小程序的开发，觉得很有自己的风格，对待写代码这件事，很用心的再做，对代码要求很高，觉得看他写的很舒服，打心眼里喜欢，相信学完一定会收获很多！ 　　至于在这里想记录一下什么东西，估计代码是不会在这里记录的，我觉得我会记录学习中很值得思考的东西，以及学习七月老师，在做项目的时候的一些思想，代码的规范，努力形成自己的一套开发中的流程，写出让自己觉得舒服的代码，不只是完成功能的开发而已，对自己的现状的不满，让我更有学习下去的勇气，来吧。 一、整体介绍 整个课程涉及到四个方面的开发内容。分别是 电商小程序、C端API（小程序API）、CMS前端、CMS API ，至于将小程序API和CMS API分开，主要是考虑到之后项目的扩展性，这也是我觉得七月老师很优秀的地方，不只是教会你一些做项目的知识，更是让你去继续热爱编程，喜欢上编程

如果是微信小程序开发，请参考 微信小程序室内地图导航开发-微信小程序JS加载esmap地图文章 一、在支付宝小程序里显示室内三维地图 需要满足的两个条件 调用ESMap室内地图需要用到小程序web-view组件，想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件： 1. 小程序是企业主体，支付宝 web-view 组件不对个人类型的小程序开放。 2. 您需要有一个自己的域名，在嵌入网页的时候需要在支付宝后台验证域名（只有自己域名下的网页才能被正确地显示哦，不能随便找一个公开链接）。 支付宝小程序管理中心 > 设置 > 开发设置 > H5域名配置 里设置（如下图） 二、具体实现步骤 1、域名验证： 由于支付宝平台的规定，web-view 指向的地址，必须是在支付宝小程序后台登记的域名，否则无法使用。 首先我们找到支付宝小程序管理中心 > 设置 > 开发设置 > H5域名配置，并填上你需要绑定的域名。 需要注意的是，这里的域名强制 https，需要配置好 https 证书，购买服务器的时候也要注意购买支持 https 的服务器。 接下来，我们需要下载一个支付宝的验证文件，放在你域名的根目录下，并且支持访问。 具体来说，如果您的域名www.esmap.cn，支付宝的验证文件是WATLNxupm4.txt，您需要确保https://www.esmap.cn

1、小程序的相关文件类型 　　微信小程序项目结构主要有四个文件类型： 　　　　wxml　　框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。 　　　　wxss　　是一套样式语言，用于描述wxml的组件样式 　　　　js　　逻辑处理，网路请求 　　　　json　　小程序设置，如页面注册，页面标题及tabBar 　　 　　主要文件： 　　　　app.json　　必须。这个文件是配置文件入口，整个小程序的全局配置。包括页面注册，网路设置，以及小程序的window背景色，配置导航条样式，配置默认标题。 　　　　app.js　　必须。这里监听并处理小程序的生命周期函数，声明全局变量。 　　　　app.wxss　　可选 2、简述微信小程序原理 　　微信小程序采用JavaScript、wxml、wxss三种技术进行开发，本质就是一个单页面项目，所有的页面渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口。 　　微信的架构，是数据驱动的架构样式，它的ui和数据是分离的，所有的页面更新，都需要通过对数据的更改来实现。 　　小程序分为两个部分：webview和appServer。其中webview主要用来展现ui，appServer用来处理业务逻辑、数据及接口调用。它们在两个进程中执行，通过系统层JSBridge实现通信

1.权限测试 需要检查以下几种情况下微信用户访问的权限 1）未授权微信登录小程序 未授权时，一般使用一些业务功能的时候，都会弹出提醒：先授权再操作对应功能。或在提交数据到后台的时候，会提示补充相关身份信息才能提交成功 2）已授权微信登录小程序 授权微信访问小程序，意味着自己的微信账号可被小程序管理方所获取，自动以微信的身份行使业务操作权限，比如咨询、支付、数据查询等 3）同一微信号在不同手机端登录授权查看数据权限 同一微信号在不同手机微信端授权登录同一小程序之后，所能查看的数据和操作的权限都应该是同步一致的 2.功能测试 1）按功能模块测试 根据设计好的各个大类功能模块划分，然后再逐级细化，覆盖到每个功能尽可能全面的测试点 2）按业务流程测试 小程序的业务，比如咨询、支付、播放、查询、下载。把各个功能点串联起来形成完整的业务流程来检查；同一个业务，可能有不能的路径来实现，每个路径都需要覆盖检查 3）按数据流向测试 根据数据从某一端操作输入和输出流向，设计基于数据流的测试用例，输出的数据也可能成为另外一端的输入，检查输入的数据是否按照代码逻辑执行正确的输出，是否数据发生异常（无法输入；有输入却无任何输出；输出不正确；多余的输出其他信息...） 4）同一功能不同的入口有效性的检查 小程序中在首页、列表页、详细页、其他的业务功能相关页面，都有可能存在同一个功能的入口，如付费咨询