微信小程序--原生

1:数据绑定

1:数据绑定的基本原则

2:在data中定义页面的数据

3:Mustache语法

4:Mustache的应用场景

1:常见的几种场景

2:动态绑定内容

3:动态绑定属性

4:三元运算

4:算数运算

2:事件绑定

1:什么是事件

2:小程序中常用的事件

3:事件对象的属性列表

4:target和currentTarget的区别

5:bindtap的语法格式

6:在数据处理函数中为data中的数据赋值

7:事件传参

8:bindinput的语法格式

9:实现文本框和data之间的数据同步

1:定义数据

2:渲染结构

3:美化样式

4:绑定input事件处理函数

3:条件渲染

1:wx:if与wx:elif和wx:else

2:结合<biock>标签使用wx:if

3:hidden

3:wx:if与hidden的对比

1:运行方式不同

2:使用场景

4:列表渲染

1:wx:for

2:手动指定索引和当前项的变量名*(*了解就行)

3:wx:key的使用

5:模板样式

1:什么是wxss

2:wxss和css之间的关系(wxss扩展的特性)

1:rpx尺寸单位

1:什么是rpx尺寸单位

2:rpx的实现原理

3:rpx与px之间的单位换算*(*了解就行)

2:@import的语法格式

6:全局样式和局部样式

1:全局样式

2:局部样式

7:全局配置

1:全局配置文件及常用的配置项

1:window

2:了解window节点常用配置项

3:设置导航栏的标题

4:设置导航栏的背景色(只支持16进制的颜色--#ccc)

5:设置导航栏的标题颜色

6:全局开启下拉刷新的功能

7:设置下拉刷新时窗口的背景色(只支持16进制的颜色--#ccc)

8:设置下拉刷新时 loading的样式

9:设置上拉触底的距离

10:什么是tabBar

11:tabBar的六个组成部分

11:tabBar节点的配置项

12:每个tab项的配置选项

2:实例配置tabBar

1:需求描述

2:实现步骤

3:步骤1-拷贝图标资源

4:步骤2-新建几个对应的tab页面

5:步骤3-配置tabbar选项

6:tabBar 页面展示效果

8:页面配置

1:页面配置文件的作用

2:页面配置和全局配置的关系

3:页面配置中常用的配置项

9:网络数据请求

1:小程序中网络数据请求的限制

2:配置request合法域名

3:发起get请求

4:发起post请求

5:在页面刚加载时请求数据

6:调过request合法域名校验

7:关于跨域和Ajax的说明

10:实现案例--本地生活的首页

1:效果以及实现步骤

1:新建项目并梳理项目解构

2:配置导航栏效果

3:配置tabBar效果

4:实现轮播图效果

1:js部分

2:html部分

5:实现九宫格效果

1:js部分

2:html部分

6:实现底部两个链接

1:html部分

<!-- 图片区域链接 -->
<view class="flexE colorW marginTB20"><view class="bgred W45 lineH200 flexCenter borderRa">商家推荐</view><view class="bgblue W45 lineH200 flexCenter borderRa">交友论坛</view>
</view>

2:css部分


.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:小程序中页面上的生命周期函数

14:wxs脚本

1:什么是wxs

2:wxs的应用场景

15:实现案例--本地生活列表页

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/29297.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C语言:打开调用堆栈

第一步&#xff1a;打断点 第二步&#xff1a;FnF5 第三步&#xff1a;按如图找到调用堆栈

C 语言高级3--函数指针回调函数,预处理,动态库的封装

目录 1.函数指针和回调函数 1.1 函数指针 1.1.1 函数类型 1.1.2 函数指针(指向函数的指针) 1.1.3 函数指针数组 1.1.4 函数指针做函数参数(回调函数) 2.预处理 2.1 预处理的基本概念 2.2 文件包含指令(#include) 2.2.1 文件包含处理 2.2.2 #incude<>和#include&q…

Jmeter之BeanShell取出参数进行四则运算,并判断是否正确

首先调用余额接口&#xff0c;使用正则提取响应中的余额字段&#xff0c;记作变量acctBal1做支付交易再次调用余额接口&#xff0c;使用正则提取响应中的余额字段&#xff0c;记作变量acctBal2最后在结果树中可以看到断言错误的信息&#xff0c;断言正确时没有提示以下是beansh…

Elasticsearch使用中出现的错误

Elasticsearch使用中出现的错误 1、分页查询异常 在分页的过程中出现了一个问题是当查询的数据超过10000条的时候报了异常&#xff1a; from size must be less than or equal to: [10000]这个问题最快捷的解决方式是增大窗口大小&#xff1a; curl -XPUT http://127.0.0.…

全角字符和半角字符

全角字符的由来 全角符号是双字节中文编码的历史遗留问题。当年在纯文本的界面中&#xff0c;为了让西文和中日韩的方块字对齐&#xff0c;就让西文字母、数字和标点也占用一个汉字的视觉空间&#xff0c;并使用 2 个字节存储。后来&#xff0c;其中的一些全角字符因为比较有用…

C++ 线性群体的概念

线性群体中的元素次序与其位置关系是对应的。 在线性群体中&#xff0c;可以按照访问元素的不同方法分为直接访问、顺序访问和索引访问。 &#xff08;1&#xff09;直接访问 对可直接访问的线性群体&#xff0c;我们可以直接访问群体中的任何一个元素&#xff0c;而不必首先访…

npm 报错 cb() never called!

不知道有没有跟我一样的情况&#xff0c;在使用npm i的时候一直报错&#xff1a;cb() never called! 换了很多个node版本&#xff0c;还是不行&#xff0c;无法解决这个问题 百度也只是让降低node版本请缓存&#xff0c;gpt给出的解决方案也是同样的 但是缓存清过很多次了&a…

修改 Ubuntu 系统的时区

修改 Ubuntu 系统的时区 如果 Ubuntu 系统的时区设置不正确&#xff0c;您可以按照以下步骤进行调整&#xff1a; 1. 查看当前的时区设置&#xff0c;可以使用以下命令&#xff1a; timedatectl 这将显示当前系统的日期、时间和时区信息。 2. 如果时区设置不正…

252_BOOST_线程中的定时器使用,使用【Boost.Asio类】来完成这个异步操作,从而不影响线程中的其他操作

大致整体解读 这段代码使用了 Boost 库的一些功能,主要集中在 Boost.Asio 部分。下面我会详细解释每个使用到的 Boost 函数的功能。boost::asio::io_context: 这是 Boost.Asio 提供的核心类,用于实现异步 I/O 操作和事件驱动编程。它提供了事件循环机制,可以处理异步操作、…

Python中enumerate用法详解

目录 1.简介 2.语法 3.参数 4.返回值 5.详解 6.实例 7.补充 1.简介 enumerate() 函数用于将一个可遍历的数据对象(如列表、元组或字符串)组合为一个索引序列&#xff0c;同时列出数据和数据下标&#xff0c;一般用在 for 循环当中。 2.语法 以下是 enumerate() 方法的语…

Linux 匿名页的生命周期

目录 匿名页的生成 匿名页生成时的状态 do_anonymous_page缺页中断源码 从匿名页加入Inactive lru引出 一个非常重要内核patch 匿名页何时回收 本文以Linux5.9源码讲述 匿名页的生成 用户空间malloc/mmap(非映射文件时&#xff09;来分配内存&#xff0c;在内核空间发生…

【小梦C嘎嘎——启航篇】类和对象(中篇)

【小梦C嘎嘎——启航篇】类和对象&#xff08;中篇&#xff09;&#x1f60e; 前言&#x1f64c;类的6个默认成员函数构造函数析构函数拷贝构造函数拷贝构造函数的特性有哪些&#xff1f;既然编译器可以自动生成一个拷贝构造函数&#xff0c;为什么我们还要自己设计实现呢&…

sql 分组讨论,二级分组(非2个字段分组),使用 窗口函数和普通分组实现

1. 二级分组需求 先按照一个字段分组&#xff0c;在按照 第二个字段分组。之后&#xff0c;如果 这个 二级分组中的数据&#xff0c;是 > 1条的。就筛选出来。 比如&#xff1a; 先按照 站点分组&#xff0c;再按照 设备分组&#xff0c; 即&#xff1a;如果站点上配置了…

【腾讯云 Cloud Studio 实战训练营】使用Cloud Studio构建SpringSecurity权限框架

1.Cloud Studio&#xff08;云端 IDE&#xff09;简介 Cloud Studio 是基于浏览器的集成式开发环境&#xff08;IDE&#xff09;&#xff0c;为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装&#xff0c;随时随地打开浏览器就能在线编程。 Clou…

Spring 知识点

Spring 1.1 Spring 简介 1.1.1 Spring 概念 Spring是一个轻量级Java开发框架&#xff0c;最早有Rod Johnson创建为了解决企业级应用开发的业务逻辑层和其他各层的耦合问题Spring最根本的使命是解决企业级应用开发的复杂性&#xff0c;即简化Java开发。使现有的技术更加容易使…

Linux下进程的特点与环境变量

目录 进程的特点 进程特点的介绍 进程时如何实现并发性的 进程间如何切换 概念铺设 PC指针 上下文 环境变量 PATH 修改PATH HOME SHELL env 命令行参数 什么是命令行参数&#xff1f; 打印命令行参数 通过函数获得环境变量 getenv 命令行参数 env 修改环境变…

Ajax_3 Ajax原理+ (XMLHttpRequest + Promise )+ 封装一个axios插件库,实现功能。

Ajax_3 Ajax原理 01-Ajax原理-XMLHttpRequest 使用XMLHttpRequest 步骤&#xff1a; 创建XMLHttpRequest对象配置请求方法请求url网址监听loadend事件&#xff0c;接受响应结果发起请求 需求&#xff1a;使用XMLHttpRequest对象与服务器通信 代码示例 // 1. 创建 XMLHttpReq…

SpringBoot 项目使用 Redis 对用户 IP 进行接口限流

一、思路 使用接口限流的主要目的在于提高系统的稳定性&#xff0c;防止接口被恶意打击&#xff08;短时间内大量请求&#xff09;。 比如要求某接口在1分钟内请求次数不超过1000次&#xff0c;那么应该如何设计代码呢&#xff1f; 下面讲两种思路&#xff0c;如果想看代码可…

一分钟了解下Java追随和适应云原生的手段之Java Native Build(JNB)

文章首发地址 为了解决在云原生环境中&#xff0c;Java应用启动慢的问题&#xff0c;出现了很多派系&#xff0c;如拯救派&#xff0c;让应用在原有基础上启动更快&#xff08;一般都是用资源换时间&#xff09;&#xff0c;还有就是革命派&#xff0c;Java向Golang学习&#x…

MySql用户管理、权限管理

用户管理 1. 查看系统用户&#xff08;查询mysql系统数据库中的user表&#xff09; select * from mysql.user; 2. 创建用户 CREATE USER 用户名主机名 identified by 密码 -- 创建用户zhonghua,只能在当前主句localhost访问,密码为123456 create user zhonghualocalhost i…