微信小程序+koa开发

image.png

当我们把数据度放入到app.js文件中的时候，每一个接口都要重新啊定义，造成代码冗余。

image.png

将router放到单独的文件中便于处理，封装

image.png
然后给路由添加前缀，因为前端访问的时候地址为localhost:5757/lm/index
所以我们需要给路由添加前缀；

当我们直接在引入的koa路由上添加的时候，定义的路由实例会报错，这时候我们可以直接用引入的路由实例，new Router（）直接去掉即可

image.png

当controller层有多个接口时，这种引入方式及其繁琐，而且发布之后容易出现检索不到路径的问题，所以我们需要在controller下的index文件中，先集中检索所有文件，用到一个工具lodash；

注意：小程序在加载的时候尽量不要把接口放在created方法中，因为vue虽然是单页面应用，但是在小程序中，小程序编译执行的时候。会加载所有页面的created，会导致首页加载很慢。

1.上拉刷新
2.获取权限处理
3.微信小程序获取url上的参数：this.$root.$mp.query.id;
4.带参数的页面跳转功能实现

小程序报错：Page "pages/categorylist/main" has not been registered yet.
导致问题出现的原因1.配置的文件名不正确，未找到路径。
2.更改了文件名之后，虽然vscode中的代码更改了，但是项目下dist/wx下的文件没有发生改变，导致文件名并未发生改变，可以直接删除dist文件，重新运行加载；或者更改里边变动的文件。

小程序滚动条如何定位到当前的可视区域，可以用scroll-left设置当前距离左边的高度

 <scroll-view scroll-x="true" :scroll-left="scrollLeft" class="head">

onshow（）,onload()方法的不同之处
(https://www.cnblogs.com/helena000/p/11213466.html)

图片页面布局

image.png

image.png
image.png