小程序开发经验总结--济南腾飞网络
发布时间:作者:济南小程序开发来源:未知点击:
小程序由于微信提供了一些组件,在微信中的一些体验确实不错,对于开发来说,由数据驱动的开发模式也是挺爽的。 其实就是类似于VUE REACT的 MVVM模式,专注于数据和逻辑。 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。 官网:微信小程序开发教程 1.目前打包后的文件不能超过2M,否则不能上传到微信服务器。 1.不支持sass语法 3.不支持直接使用svg标签开发。image的src放远程svg可以,background-image里也可以。 4.不支持阻止默认事件,没有 1.img标签换成了image标签 6. 7.关于屏幕下拉露底:Android不会,iPhone会。可以通过配置解决:disableScroll Boolean false 设置为 true 则页面整体不能上下滚动;只在page.json中有效,无法在app.json中设置该项。链接。 项目是否适合移植到小程序上?
概要介绍
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
官方:微信小程序联盟实践得到的经验
规则
小程序不支持的
2.不支持window、document,不能使用相关的库,如jquery、PreventMoveOverScroll。
但是可以使用的canvas标签(canvas坑:position absolute的层盖不住canvas),可以使用的库:wx-charts(有坑,放在app.js中然后在page中引用的话,找不到ringChart上面的函数,如ringChart.addEventListener。要直接在page中引库。)。preventDefault
。
5.没有br
标签。
6.不支持table
表格。
7.不能使用
来增大文字间距。
8.小程序的xxx.wxss
文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后再引用。链接。新特性
<image src="http://sfe.ykt.io/o_1bbd2f7j02583ii2rg1p441gvo9.jpg"></image>
。
2.text
标签认\n换行,不能包裹<br/>
标签,会直接输出出来,有点类似textarea
。
3.小程序中 :nth-child(n) 是从0开始的。
4.switch
标签。但是不能改变大小样式,像老radio
标签一样讨厌。
5.picker
标签。但是在开发者工具中选项不会循环,在安卓手机预览中选项会循环。scroll-view
标签。有滚动条的盒子。要想在进入页面的时候自动滚动到某处,可以使用scroll-view的scroll-into-view属性,不过一定要在scroll-view存在后设置才会生效,尤其是通过template引用的时候,比如同时通过setData设置使用该template和scroll-into-view的值,并不会使滚动生效。
- 上一篇:微信小程序技巧分享--都是行业机密
- 下一篇:小程序开发干货技巧