快捷搜索: 王者荣耀 脱发

微信小程序的小结

①首先下载了一个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到了一些知识。

经验分享 程序员 微信小程序 职场和发展