微信小程序试读

        之前一段时间公司在做一个小程序的项目,自己尝试了一下去写,先说下个人的感觉吧,后面再写一点小程序的坑,最后上项目


小程序主体跟html的差不多,又wxml(封装的xml)界面,用标签的形式显示界面,用wxss(相当于css)可以为wxml的类添加样式,注意几点

第一,用h5的大多数标签都可以不报错,但是也不一定有你想要的效果,所以还是老老实实用上微信给定的标签,例如<view>(<div>),<button>等等,里面的控件很多都是ios开发的控件,所以如果开发过iOS的应该看下标签名就知道大概是用来干什么的。


第二,逻辑要在js页面去写,暂时只能接受最原始的js,不能用jq等库,

page函数里面的data写的数据是可以传输到wxml页面里面做页面的渲染,配合那几个微信的列表渲染或者条件渲染的函数wx:for wx:if,配合wxss样式,基本这种联动就可以设置各种例如按钮,隐藏等效果

第三,封装的方法,或者别人写的控件可以引入,在使用的时候记得将借口暴露,并在需要引用的页面引用



小程序的坑



第一,真机测试需要权限,且需先绑定微信号,申请appid

第二,网络请求传说端口需要80开头,

第三,view出现奇怪的问题,例如同样的样式,有文字和没文字位置不一样,可以考虑用其他标签替换

第四,bind开头的时间不阻止冒泡,catch开头的时间阻止冒泡;


项目代码下次上,因为还在忙项目上线的事情,没时间写一个空闲项目





最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • WXML WXML(WeiXin Markup Language)是微信的一套标签语言,结合基础组件、事件系统,可...
    许剑锋阅读 6,981评论 3 51
  • 微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们...
    未央大佬阅读 2,347评论 0 12
  • 最近做了一个投票的微信小程序,开发过程主要还是参考官方文档:https://mp.weixin.qq.com/de...
    june5253阅读 22,086评论 1 11
  • 1、找朋友帮你拍,或用前置摄像头自拍; 2、打开VUE,点击右下方,设为1段10s; 3、拍完视频,点红键保存后,...
    董文娇阅读 1,223评论 0 1
  • 见久违的老友;听喜欢的歌曲;继续看自己喜欢的书或电影… 一个晚上,你会发觉这几件简单的小事显得多珍贵 在这纸醉金迷...
    有时候呢阅读 174评论 0 1