#写在前面: 最近在做公司的小程序项目,一开始写的时候很慌,因为之前没了结果,所以刚开始写的时候进度也比较慢,不过后面写完了所有前端页面后,很多东西就越来越熟悉,写起来也顺手了许多。 目前没有使用任何小程序的框架,因为在没有了解一个东西的情况下,大家一直觉得先稳固基础,搞懂小程序的原理最重要,当然我也是这么觉得的。
##1、首页 首页的内容比较多,所以一开始就把首页进行分割,划分为一块块的小模块,然后写成组件的形式。 ###分成的部分包含: 搜索头部: Banner切换: 频道页入口: 推荐板块: 本周短线、下周短线、每日活动组成的tab: 按钮: 国内游、出境游展示导航:
###这里涉及微信小程序组件的定义以及使用 1、定义组件与新建页面page是一样的,在你想要防止的目录下新建文件夹,每一个组件的文件夹包含四个文件wxml,wxss,json,j s文件; 然后需要在json文件中,送一component字段,"component": "true"; 在组件的js文件中,会有Component({})构造器来生成组件; Component()构造器内的对象,有properties字段,用来定义传递给该组件的数据类型type,值value,以及值改变时触发的事件observer; 2、使用组件 在要使用组件的页面的json文件中,定义"usingComponents": {"组件名":"组件路径"}来使用组件; 并在组件标签上用上面定义过的properties属性来传入数据。