小程序项目总结

#写在前面： 最近在做公司的小程序项目，一开始写的时候很慌，因为之前没了结果，所以刚开始写的时候进度也比较慢，不过后面写完了所有前端页面后，很多东西就越来越熟悉，写起来也顺手了许多。 目前没有使用任何小程序的框架，因为在没有了解一个东西的情况下，大家一直觉得先稳固基础，搞懂小程序的原理最重要，当然我也是这么觉得的。

##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属性来传入数据。

转载于:https://juejin.im/post/5b5835bde51d451924731bdd