** 微信小程序开发笔记(第一天)**
1.view 布局先当于div
2.scroll-view 可滚动试图区域 如何使用:外侧改为<scroll-view scroll-y >子元素</scroll-view>
3.swiper 和swiper-item 轮播组件和item组件 swiper常用属性
swiper常用属性:
(1)indicator-dots =>是否显示面板指示点
(2)indicator-color =>指示点颜色
(3)indicator-active-color =>当前指示点所选中颜色
(4)autoplay =>是否自动切换
(5)interval =>自动切换时间间隔
(6)circular =>是否采用衔接滑动
4.text组件支持长按选中 但是必须添加selectable属性
5.rich-text 通过nodes属性节点将HTML字符串渲染为对应的UI结构
6.button 通过open-type调节微信提供的功能(客服,转发,获取用户授权,信息等)
6.image图片组件 =>注意空标签也占用位置 同时 mode属性会控制图片的裁剪和缩放属性值有
scaleToFill(默认),aspectFit,aspectFill(个人觉得这个不错),widthFix,heigthFix
7.API=> 事件监听API,同步API,异步API
** 微信小程序开发笔记(第二天)**
1.事件绑定:用bind
(1)tap =>手指触摸后离开
(2)input =>每次得到最新值用e.detail.value获取最新值
(3)change
2.setData()用来改变data的值,类似于(react)
可是他的传参形式有很大区别(不能直接绑在事件处理函数中),若使用需要data-属性名={{参数}}的形式在回调函数中用e.target.data.属性名获得
3. hidden =>控制元素隐藏 <= wx:if
4. wx:for这是循环元素,类似于v-for (vue) 不过不用写具体的item,index直接在元素中使用
wx:key唯一的索引名称
5.在ipone6上1rpx=0.5px
6.样式导入@import 导入外部样式表
7.window节点常用配置 app.json->window修改下列选项
导航栏配置区域(1)navigationBarTitleText
(2)navigationBarBackgroundColor
(3)navigationBarTextStyle
窗口背景色 (1)backgroundColor
(2)backgroundTextStyle
控制页面效果 (1)enablePullDownRefresh =>控制下拉刷新
(2)onReachBottonDistance =>配置下拉触底
tabBar (最少配置两个,最多配置5个)这个就是菜单(美团下边那个带有首页的bar)在顶部无icon底部有
tabBar的属性(app.json配置,其中list数组必填项,里面是对象(对象包含四个属性配置分别是pagePath,text,iconPath,selectedIconPath)说白了就是标签)
(1)backgroundColor =>tabBar的背景色
(2)selectedIconPath =>选中时的图片路径
(3)borderStyle => tabBar上边框的颜色
(4)iconPath =>未选中时的图片路径
(5)selectedColor=>tab上的文字选中时的颜色
8.(1)post和get只能请求https的接口 用wx.request()发起请求 参数{url,method,data,success}
(2)必需将接口添加到信任列表
** 微信小程序开发笔记(第二天)**