uni-appѧϰ

1. ѧϰuni-app

1. 号称一次编写多端运行的前端框架，架构图如下

1. 对某些不同平台的特殊功能，可以通过条件进行自动编译，也就是写两套代码，不同的环境会选择不同代码编译

1. 其本身推荐的开发工具是HBuilderX，官方IDE下载地址

1. 由于一开始我建错目录，删掉重新建过，不断报这个错

文件查找失败：'./pages/info/info/info.vue' at main.js:3

1. 原因就是用HBuilderX新建目录的时候会在pages.json中添加路径
2. 解决办法就是去掉原来错误的路径

uni-app官方地址

1.4. ϵͳѧϰ

1. 这个看起来比原来的vue麻烦些，通过下面这种方式绑定，输入input内容，text跟着改变

<view class="content">     <input type="text" :value="title"  @input="change"/>     <text>{{title}}</text> </view>  methods: {     change(e){         this.title = e.detail.value;     } }

<block> 横向排列 unshift 数组头部添加元素

/* #ifdef H5 */ height: auto; /* #endif */

1. flex container：flex容器
2. flex item：flex项目（元素）
3. flex direction：布局方向
   1. row 横向顺序
   2. row-reverse 横向逆序
   3. column 竖向顺序
   4. colum-reverse 竖向逆序
4. 元素排序方向：主轴，垂直方向是交叉轴
5. flex-wrap：使容器内的元素换行，默认不换行
6. justify-content：设置元素再主轴上的对齐方式
   1. flex-start 左对齐
   2. flex-end 右对齐
   3. center 居中对齐
   4. space-between 元素间间距相同
   5. space-around 两边留有空白，两边空白距离和元素间空白距离1：2的关系
7. align-items：设置元素在交叉轴上的对齐方式
   1. flex-start 起点对齐
   2. flex-end 末点对齐
   3. center 居中对齐
   4. baseline 保证元素中文字基准线同一条
   5. stretch 拉伸（默认）
8. align-content：设置轴线的对齐方式（轴线当做元素）
   1. flex-start 起点对齐
   2. flex-end 末点对齐
   3. space-between
   4. space-around
   5. stretch

1. order：用于设置flex容器内部的每个元素的排列顺序，默认0
2. flex-grow：控制元素放大比例，默认0，不变，把剩余空间按比例给相应的组件
3. flex-shrink：控制元素缩小比例，默认为1，设置为0表示不进行缩放
4. flex-basis：设置元素固定或自动空间的占比，不需要吃掉剩余空间
5. align-self：重写align-items父属性，在子元素写这个，特立独行的意思

1. uni.request类似于ajax
2. onLoad 只加载一次 onShow每次显示页面都加载

1. white-space: nowrap; 不换行
2. flex-wrap: wrap;换行
3. justify-content: space-between;元素间留间隙

1. uni.navigateTo 可返回的跳转

1. e.currentTarget.dataset.gindex; 这里传参原本是gIndex，取值需要转小写来取

1. 微信小程序的图片下载需要配置服务器域名，否则不能下载，配置在小程序管理里找，同事需要配置域名的有request,socket,uploadFile,downloadFile

1. onLoad
2. onShow
3. onReady
4. onHide
5. onUnload
6. onPullDownRefresh
7. onShareAppMesage
8. onTabItemTap

1. :class="{active:isActive}"，后一个是data中定义的boolean值，表示是否使用active这个class
2. [activeIndex==0?'isActive':''] 三元运算

未完待续