黑龙江网站建设业务,wordpress 导航页,用html做音乐网站,厦门小鱼网1#xff1a;数据绑定
1#xff1a;数据绑定的基本原则 2#xff1a;在data中定义页面的数据 3#xff1a;Mustache语法 4#xff1a;Mustache的应用场景
1#xff1a;常见的几种场景 2#xff1a;动态绑定内容 3#xff1a;动态绑定属性 4#xff1a;三元运算 4数据绑定
1数据绑定的基本原则 2在data中定义页面的数据 3Mustache语法 4Mustache的应用场景
1常见的几种场景 2动态绑定内容 3动态绑定属性 4三元运算 4算数运算 2事件绑定
1什么是事件 2小程序中常用的事件 3事件对象的属性列表 4target和currentTarget的区别 5bindtap的语法格式 6在数据处理函数中为data中的数据赋值 7事件传参 8bindinput的语法格式 9实现文本框和data之间的数据同步 1定义数据 2渲染结构 3美化样式 4绑定input事件处理函数 3条件渲染
1wx:if与wx:elif和wx:else 2结合biock标签使用wx:if 3hidden 3wx:if与hidden的对比
1运行方式不同 2使用场景 4列表渲染
1wx:for 2手动指定索引和当前项的变量名**了解就行 3wx:key的使用 5模板样式
1什么是wxss 2wxss和css之间的关系wxss扩展的特性 1rpx尺寸单位
1什么是rpx尺寸单位 2rpx的实现原理 3rpx与px之间的单位换算**了解就行 2import的语法格式 6全局样式和局部样式
1全局样式 2局部样式 7全局配置
1全局配置文件及常用的配置项 1window 2了解window节点常用配置项 3设置导航栏的标题 4设置导航栏的背景色只支持16进制的颜色--#ccc 5设置导航栏的标题颜色 6全局开启下拉刷新的功能 7设置下拉刷新时窗口的背景色只支持16进制的颜色--#ccc 8设置下拉刷新时 loading的样式 9设置上拉触底的距离 10什么是tabBar 11tabBar的六个组成部分 11tabBar节点的配置项 12每个tab项的配置选项 2实例配置tabBar
1需求描述 2实现步骤 3步骤1-拷贝图标资源 4步骤2-新建几个对应的tab页面 5步骤3-配置tabbar选项 6tabBar 页面展示效果 8页面配置
1页面配置文件的作用 2页面配置和全局配置的关系 3页面配置中常用的配置项 9网络数据请求
1小程序中网络数据请求的限制 2配置request合法域名 3发起get请求 4发起post请求 5在页面刚加载时请求数据 6调过request合法域名校验 7关于跨域和Ajax的说明 10实现案例--本地生活的首页
1效果以及实现步骤 1新建项目并梳理项目解构 2配置导航栏效果 3配置tabBar效果 4实现轮播图效果
1js部分 2html部分 5实现九宫格效果
1js部分 2html部分 6实现底部两个链接
1html部分
!-- 图片区域链接 --
view classflexE colorW marginTB20view classbgred W45 lineH200 flexCenter borderRa商家推荐/viewview classbgblue W45 lineH200 flexCenter borderRa交友论坛/view
/view2css部分 .flexE{display: flex;justify-content: space-evenly;
}
.colorW{color: white;
}
.bgred{background-color: rgb(255, 128, 128);
}
.bgblue{background-color: rgb(133, 133, 255);
}
.W45{width: 45%;
}
.lineH200{height: 200rpx;
}
.marginTB20{margin-top: 20rpx;
}
.flexCenter{display: flex;justify-content: center;align-items: center;
}
.borderRa{border-radius: 8rpx;
}2总结 11页面导航
什么是页面导航 1小程序中实现页面导航的两种方式 1声明式导航
1声明式导航跳转到tabBar页 2声明式导航跳转到非tabBar页 3声明式导航--后退 2编程式导航
1编程式导航跳转到tabBar页 2编程式导航跳转到非tabBar页 3编程式导航--后退 2导航传参
1声明式导航传参 2编程式导航传参 3在onLoad中接收导航参数 12页面事件
1下拉刷新
1什么是下拉刷新 2启用下拉刷新 3配置下拉刷新窗口的样式 4监听页面的下拉刷新事件 5停止下拉刷新的效果下拉后不会自己恢复需要手动恢复 2上拉触底
1什么是上拉触底 2监听页面的上拉触底事件 3配置上拉触底的距离 4上拉触底的案例
1案例效果展示 2案例的实现步骤 3步骤1-定义获取随机颜色的方法 4步骤2-在页面加载时获取初始数据 5步骤3-渲染ui解构并美化页面效果 6步骤4-上拉触底时获取随机颜色 7步骤5-添加上拉加载的样式效果 8步骤6-对上拉触底进行节流处理 3自定义编译模式 13生命周期
1什么是生命周期 2生命周期的分类 3什么是生命周期函数 4生命周期函数的分类 5小程序中的应用生命周期函数 6小程序中页面上的生命周期函数 14wxs脚本
1什么是wxs 2wxs的应用场景 15实现案例--本地生活列表页
