当前位置: 首页 > news >正文

云梦网站怎么做浮窗优化设计单元测试卷

云梦网站怎么做浮窗,优化设计单元测试卷,网站虚拟机从头做有影响吗,医疗医院网站建设目录 1. tabbar 1.1 什么是tabbar 1.2 配置tabbar 2. 事件绑定 2.1 准备表单 2.2 事件绑定 2.3 冒泡事件及非冒泡事件 3. 数据绑定 3.1 官方文档 4. 关于模块化 5. 模板语法 6. 尺寸单位 1. tabbar 1.1 什么是tabbar 下图中标记出来的部分即为tabbar&#xff1a…

目录

1. tabbar

1.1 什么是tabbar

 1.2 配置tabbar 

2. 事件绑定

2.1 准备表单

2.2 事件绑定

2.3 冒泡事件及非冒泡事件 

3. 数据绑定

3.1 官方文档

4. 关于模块化

5. 模板语法

6. 尺寸单位


1. tabbar

1.1 什么是tabbar

下图中标记出来的部分即为tabbar:

 1.2 配置tabbar 

 

 官方说明文档:

 

说明:

  • pagePath中指定的页面,必须在app.json中的pages部分已经注册。

2. 事件绑定

为演示事件及数据绑定,先准备一个表单

2.1 准备表单

  • 在app.json中加入一个新组件配置

  •  集成环境会在pages目录下生成相关文件

  • app.wxss 全局样式文件
    课件中的【表单模板】目录中有[app.wxss.txt],将内容考入即可。

  • 分别将课件中的【form.wxml.txt】【form.wxss.txt】内容,考入到demo.wxml, demo.wxss中

  • 配置app.json

  • 配置完成后,查看运行效果

2.2 事件绑定

官方文档:

 

 

  • 什么是事件
    事件是视图层宇逻辑层的通讯方式,可以将用户的行为反馈到逻辑层进行处理,事件可以绑定到组件上,当达到触发条件时,会执行逻辑层中定义的对应事件处理程序。

  • 事件类别

  1. tap 手指触摸后离开
  2. input 输入事件
  3. longtap 长按事件
  4. touchstart:触摸开始;
  5. touchend:触摸结束;
  6. touchcansce:取消触摸;
  • 在视图中绑定处理函数:

在逻辑层中 (js文件) 定义相应的处理函数

 

查看运行效果

 

2.3 冒泡事件及非冒泡事件 

官方文档:

创建一个新的组件

 

增加一个tabbar,用于演示冒泡与非冒泡事件

 

视图层:

 

  • 样式,demo2.wxss

  • .Parent {border: solid;text-align: center;padding: 10px;
    }

 逻辑层

 

编译运行,会发送当点击“click me”文字时,系统触发父元素和子元素上的tap事件,但如果点击边框,则只会触发父元素事件。 原因是使用了冒泡事件。

可以将事件改为非冒泡事件以避免出现这种情况

 

3. 数据绑定

3.1 官方文档

以表单中的姓名字段,演示双向数据绑定

 

 

 

4. 关于模块化

可以参考示例中的utils模块:

 

5. 模板语法

官方文档

 

 

6. 尺寸单位

官方文档:

 

简单的理解: 微信小程序将所有屏幕规定为750rpx,在开发小程序时使用rpx为点位指定宽度,在不同屏幕上显示时再进行换算,这样就根据屏幕进行自适应显示。 

http://www.15wanjia.com/news/24080.html

相关文章:

  • 视频网站建设费用厦门seo推广优化
  • 小型网站开发费用品牌策划是做什么的
  • Wordpress嵌套其他网站网站seo 优化
  • 洛阳网站建设哪家好2024新闻热点事件
  • 泰州网站制作软件什么是网络整合营销
  • 网站开发技术的比较杭州seo按天计费
  • 网站建设验收报告青岛新闻最新今日头条
  • 外贸网站制作广州爱站数据官网
  • 公司网站建设费分录百度竞价推广怎么做
  • html简单动画代码苏州seo关键词优化价格
  • 网站定制服务短视频seo
  • 网站开发职业规划实施买链接网站
  • ps如何做网站超级链接培训班该如何建站
  • 网站建设昆明国内时事新闻
  • 汽车网站flash模板排名软件下载
  • 高端网站建设 引擎技google权重查询
  • 临淄网站设计南宁网站建设
  • 政府网站建设自评报告seo教程优化
  • 做网站备案成功后怎么办搜索引擎营销sem
  • 网站无内容 备案网站排名靠前
  • 网站互动交流怎么做网络推广有哪些途径
  • 海安网站建设设计素材网站
  • 电商网站开发要多少钱小果seo实战培训课程
  • 网站系统升级需要多久优化大师下载安装免费
  • 武汉做网站优化的公司百度信息流投放技巧
  • 同城推广百度seo怎么查排名
  • wordpress 主题包seo自学教程推荐
  • 做电影网站犯法网店代运营商
  • 山东建设银行官方网站app推广联盟
  • 搭建网站全套需要多少钱网络营销的目的是什么