微信小程序的小结

       捣鼓了一天的微信小程序,作为初学者,把初期的困惑总结出来,便于以后遇到同样问题方便解决,

       ①首先下载了一个demo放在项目所在的目录下,代开编译工具,重启或者编译让demo显示出来,在打开demo的源码先查看一下app.json中pages字段对应的内容,pages里面都是要项目共必须的页面(wxml),路径是按照文件所在的路径开始,重要的是:pages里面第一个页面是项目开始的首页。

            


         ②项目目录中app.wxss是全局的样式类可以写在里面,公共的class可以写在里面然后在wxml中调用,不公共的的js和wxss可以和wxml放在一个文件夹下(三个文件的命名都要一样),必须上图中的,douban文件夹下有三个文件夹,分别包含各自的wxml,wxss和js.

      ③  组件api demo的一些例子暂时还没有一个一个看,分析一些主要页面的源码和数据获取的过程

    

   ④wx:for-items声明一个数组,这个数组的变量名是films,而wx:for-item则是声明这个数组下标的变量名film,官方解释:

列表渲染

列表渲染wx:for在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item {{index}}: {{item.message}} Page({ items: [{ message: 'foo', },{ message: 'bar' }] }) 使用wx:for-item可以指定数组当前元素的变量名使用wx:for-index可以指定数组当前下标的变量名: {{idx}}: {{itemName.message}} wx:for也可以嵌套,下边是一个九九乘法表 {{i}} * {{j}} = {{i * j}} block wx:for类似block wx:if,也可以将wx:for用在标签上,以渲染一个包含多节点的结构块。例如: {{index}}: {{item}}

for循环的赶脚,中间的if--else也类似直接可以在标签中使用的语法

bindtap属性绑定了一个跳转事件,点击一个item跳转到另一个页面,跳转事件js中定义

   


fetch()函数在处理网络请求,关于fetch()的解释:http://www.cnblogs.com/snandy/p/5076512.html,get到了一些知识。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值