微信小程序学习

学习：

微信小程序最好的教程肯定是官方的文档啦(官方文档)，当然如果会vue的话上手更快一些。

推荐一个w3c的链接，点击这里

微信小程序开发前准备：

安装微信开发工具。

绑定开发者

登录微信公众平台小程序，进入用户身份-开发者，新增绑定开发者。

个人主体小程序最多可绑定5个开发者，10个体验者。

未认证的组织类型小程序最多可绑定10个开发者，20个体验者

已认证的小程序最多可绑定20个开发者，40个体验者

布局：

引用了weui中的css文件布局

引用方法：把weui的css文件放在所创项目中的文件夹，在app.wxss中引入@import '/css/weui.wxss';

使用flex弹性布局，scroll-view标签 实现左右(scroll-x)、上下滑动(scroll-y)、轮播使用swiper(autoplay 是否自动切换 indicator-dots 是否显示面板指示点)

分包：

主包：第一次启动需要的文件和代码

创建主包：

定义主包：

分包：按需加载文件

创建分包：

定义分包：

应用分包：

隐藏滚动条：

当页面中使用了滚动视图的时候，在滚动视图上回来滚动条的出现，但是在手机端用户体验的时候，有滚动条是不美观的，所有就需要隐藏滚动条。在需要隐藏滚动条的页面wxss样式中添加隐藏滚动条样式

样式代码如下：

::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}

轮播

wxml：

wxss：

js

tabar:

可滚动视图

组件详细参数参考：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html，

获取头像