小程序由于微信提供了一些组件,在微信中的一些体验确实不错,对于开发来说,由数据驱动的开发模式也是挺爽的。 概要介绍
其实就是类似于VUE REACT的 MVVM模式,专注于数据和逻辑。 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。 实践得到的经验规则1.目前打包后的文件不能超过2M,否则不能上传到微信服务器。 小程序不支持的
1.不支持sass语法
3.不支持直接使用svg标签开发。image的src放远程svg可以,background-image里也可以。
4.不支持阻止默认事件,没有preventDefault。 新特性
1.img标签换成了image标签<image src="https://sfe.ykt.io/o_1bbd2f7j02583ii2rg1p441gvo9.jpg"></image>。 6.scroll-view标签。有滚动条的盒子。要想在进入页面的时候自动滚动到某处,可以使用scroll-view的scroll-into-view属性,不过一定要在scroll-view存在后设置才会生效,尤其是通过template引用的时候,比如同时通过setData设置使用该template和scroll-into-view的值,并不会使滚动生效。 7.关于屏幕下拉露底:Android不会,iPhone会。可以通过配置解决:disableScroll Boolean false 设置为 true 则页面整体不能上下滚动;只在page.json中有效,无法在app.json中设置该项。链接。
8.template标签 9.在功能按钮上使用catchtap防止冒泡 10.hidden参数,控制蒙版的利器 小窍门
1.关于下拉刷新 2.page的onload函数中有参数options可以获取路径的query 3.小程序的支付和微信的支付不是一个appid,需要后端新开发下单接口 4.wxml最好在开发者工具编辑(有提示)。js, wxss可以在熟悉的编辑器编辑。 5.小程序中如果赋予的新值是undefined的话,根本不会进行赋值,也不会覆盖之前的值。如: app.setData({ isPaperCollected: finishedQuizList['id'+quizID] || false })
6.通过多次使用Object.assign({}) 解决data也模块化后data不能深层复制的问题。
7.在微信web开发者工具中一定要在动作->设置->勾上“不使用任何代理,勾选后直连网络”,否则老是报“ 8.每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置app.json中的window配置项的内容,页面中配置项会覆盖app.json的window中相同的配置项。页面的.json只能设置window相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键。链接。 9.data是在page中设置的,不是在app.js中的。不涉及渲染的可以不要放data里面。 11.wx:if 是惰性的,如果在初始渲染条件为false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染。 会话管理微信的网络请求接口 wx.request() 没有携带 Cookies,这让传统基于 Cookies 实现的会话管理不再适用。为了让处理微信小程序的服务能够识别会话,我们会话管理使用weapp-session-client。这需要服务端的支持。基本原理是包装wx.request并在 Header 上使用特殊的字段跟踪。
使用时遇到的问题:
2.题外话:善用 Promise 进阶2.疑问:微信切换账号会不会销毁小程序
3.检查TLS版本的问题 4.蓝牙、震动的调用 |
微信小程序开发实践
发布:2018-02-06 14:52浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08