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

小程序 —— Day1

组件 — view和scroll-view

view

类似于HTML中的div,是一个块级元素

案例:通过view组件实现页面的基础布局

scroll-view

可滚动的视图区域,用来实现滚动列表效果

案例:实现纵向滚动效果

scroll-x属性:允许横向滚动;scroll-y属性:允许纵向滚动

在使用竖向滚动的时候,必须给 scroll-view 一个固定高度

组件 — swiper和swiper-item

swiper

轮播图容器组件

swiper-item

轮播图item组件(里面每一个可以轮播的item项)

案例:实现轮播图效果

swiper组件的常用属性

indicator-dots   默认值:false  是否显示小圆点

indicator-color 指示点颜色

indicator-active-color  当前选中的指示点颜色

autoplay 是否自动切换轮播图

interval 更改自动切换时间间隔 (默认为5s(5000))

circular 默认值:false 是否采用衔接滚动 (最后一张 -> 第一张)

组件 — text和rich-text

text

文本组件;类似于HTML中的span标签,是一个行内元素

selectable属性,实现长按选中文本内容的效果(场景:长按选中,复制)

注意:小程序里只有text组件支持长按选中操作

rich-text

富文本组件;支持把HTML字符串渲染成WXML结构

nodes属性,实现把HTML字符串渲染为对应的UI结构

组件 — button和image

button

type属性 —— 指定按钮类型

size="mini" —— 小尺寸按钮

plain属性 —— 镂空按钮(没背景色,但有边框线)

image

mode属性

常用属性值:

scaleToFill 默认值 使图片的宽高完全拉伸至填满image元素

aspectFit 在保持纵横比的情况下缩放图片,使图片的长边能完全显示出来

aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来(也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取)

widthFix 宽度不变,高度自适应,保持原图宽高比不变

heightFix 高度不变,宽度自适应,保持原图宽高比不变(直到把整张图片完整显示出来为止)

小程序API的三大分类

事件监听API

以on开头,用来监听某些事件的触发

eg. wx.onWindowResize 监听窗口尺寸变化的事件

同步API

以Sync结尾的API

eg. wx.setStorageSync('key','value')向本地存储中写入内容

异步API

需要通过success、fail、complete接收调用的结果

eg. wx.request() 发起网络数据请求,通过success回调函数接收数据

相关文章:

小程序 —— Day1

组件 — view和scroll-view view 类似于HTML中的div,是一个块级元素 案例:通过view组件实现页面的基础布局 scroll-view 可滚动的视图区域,用来实现滚动列表效果 案例:实现纵向滚动效果 scroll-x属性:允许横向滚动…...

4.5 TCP 报文段的首部格式

欢迎大家订阅【计算机网络】学习专栏,开启你的计算机网络学习之旅! 文章目录 前言1 TCP 报文段的基本结构2 固定部分2.1 源端口与目的端口2.2 序号2.3 确认号2.4 数据偏移2.5 保留字段2.6 控制位2.7 窗口2.8 检验和2.9 紧急指针 3 可变部分3.1 选项3.2 填…...

SQL 获取今天的当月开始结束范围:

使用 GETDATE() 结合 DATEADD() 和 DATEDIFF() 函数来获取当前月的开始和结束时间范围。以下是实现当前月时间范围查询的 SQL&#xff1a; FDATE > DATEADD(MONTH, DATEDIFF(MONTH, 0, GETDATE()), 0) FDATE < DATEADD(MONTH, DATEDIFF(MONTH, 0, GETDATE()) 1, 0) …...

Qt复习学习

https://www.bilibili.com/video/BV1Jp4y167R9/?spm_id_from333.999.0.0&vd_sourceb3723521e243814388688d813c9d475f https://subingwen.cn/qt/qt-primer/#1-4-Qt%E6%A1%88%E4%BE%8B https://subingwen.cn/qt/ https://download.qt.io/archive/qt/1.1Qt的特点 1.2QT中的…...

Leetcode经典题5--轮转数组

题目描述 给定一个整数数组 nums&#xff0c;将数组中的元素向右轮转 k 个位置&#xff0c;其中 k 是非负数。 输入输出示例 &#xff1a; 输入: nums [1,2,3,4,5,6,7], k 3 输出: [5,6,7,1,2,3,4] 解释: 向右轮转 1 步: [7,1,2,3,4,5,6] 向右轮转 2 步: [6,7,1,2,3,4,5] 向右…...

C++的一些经典算法

以下是C的一些经典算法&#xff1a; 一、排序算法 冒泡排序&#xff08;Bubble Sort&#xff09; 原理&#xff1a; 它重复地走访过要排序的数列&#xff0c;一次比较两个元素&#xff0c;如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换…...

Windows环境中Python脚本开机自启动及其监控自启动

1 开机自启动 Windows 10/Windows Server 201X具有一个名为“启动”的已知文件夹&#xff0c;系统每次启动开始自动运行应用程序、快捷方式和脚本时都会检查该文件夹&#xff0c;而无需额外配置。 要在Windows启动时运行脚本&#xff0c;先使用WindowsR快捷键打开“运行”对话…...

XML 语言随笔

XML的含义 XML&#xff08;eXtensible Markup Language&#xff0c;可扩展标记语言&#xff09;是一种用于存储和传输数据的标记语言。XML与HTML&#xff08;HyperText Markup Language&#xff0c;超文本标记语言&#xff09;类似&#xff0c;但XML的设计目的是描述数据&…...

E卷-分割数组的最大差值

分割数组的最大差值 问题描述 给定一个由若干整数组成的数组 n u m s nums nums,可以在数组内的任意位置进行分割,将该数组分割成两个非空子数组(即左数组和右数组)。分别对子数组求和得到两个值,然后计算这两个值的差值。请输出所有分割方案中,差值的最大值。 输入格…...

基于SpringBoot校园台球厅人员与设备管理系统设计与实现

1.1课题背景与意义 在Internet高速发展的今天&#xff0c;计算机的应用几乎完全覆盖我们生活的各个领域&#xff0c;互联网在经济&#xff0c;生活等方面有着举足轻重的地位&#xff0c;成为人们资源共享&#xff0c;信息快速传递的重要渠道。在中国&#xff0c;网上管理的兴起…...

异步FIFO的实现

异步FIFO是verilog中常见的设计&#xff0c;通常用于不同时钟域下的数据同步。 在实现 FIFO 时&#xff0c;无论是同步 FIFO 还是异步 FIFO &#xff0c;通常会通过双口 RAM &#xff08; Dual Port RAM &#xff09;并添加一些必要的逻辑来实现。双口 RAM的设计如下&#xff1…...

关于找工作的一些感悟

2024年找工作可以说难度十分艰巨&#xff0c;尤其是年底&#xff0c;除了外包公司还在不停的招聘以外&#xff0c;自研的公司基本很少在招聘了。今年有一个很大的感受就是投递了简历可能都没有几个人回复&#xff0c;即使有人回复百分之八十都是拒绝的&#xff0c;拒绝的理由一…...

docker 相关问题记录

docker mysql 一直重启解决办法&#xff08;断电或者重启&#xff09; 一直重启。。因为是内部开发&#xff0c;也没有备份最新的。所以不能删了重来。 方法&#xff1a; docker logs mysql5.7 看到错误跟innodb有关。 具体原因可以参考 http://acuilab.com/articles/2019/1…...

Devops 实践

Devops 实践 基本概念jenkins实践安装jenkins仓库环境准备代码环境准备第一次构建持续集成持续部署集成插件 优秀实践心得体会 参考 摘要&#xff1a;本文首先将介绍一些基本概念&#xff0c;包括Devops&#xff0c;CI/CD等&#xff0c;然后基于知名开源CI/CD工具jenkins进行实…...

MySQL 索引(B+树)详解

MySQL 索引&#xff08;B树&#xff09;详解 MySQL逻辑架构对比InnoDB与MyISAM存储结构存储空间可移植性、备份及恢复事务支持AUTO_INCREMENT表锁差异全文索引表主键表的具体行数CRUD操作外键 sql优化简介什么情况下进行sql优化sql语句执行过程sql优化就是优化索引 索引索引的优…...

医疗系统国产数据库高质量发展路径探析

信息工程人员操作数据库 一、国外数据库在医疗系统中的困境 &#xff08;一&#xff09;数据分散与难以整合 在美国&#xff0c;分散式医疗服务成为癌症研究数据库优化的巨大障碍。患者先在社区接受肿瘤科医生常规检查&#xff0c;再到学术医疗中心进行尖端治疗&#xff0c;然…...

微信小程序报错:http://159.75.169.224:7300不在以下 request 合法域名列表中,请参考文档

要解决此问题&#xff0c;需打开微信小程序开发者工具进行设置&#xff0c;打开详情-本地设置重新运行&#xff0c;该报错就没有啦...

智能租赁管理系统助力规范化住房租赁市场提升用户体验

内容概要 在当今的住房租赁市场中&#xff0c;智能租赁管理系统应运而生&#xff0c;为房东和租客带来了前所未有的便利。这套系统就像一位全能助手&#xff0c;将租赁信息、监管机制以及在线签约功能集成在一起&#xff0c;让整个过程变得流畅而高效。换句话说&#xff0c;您…...

MicroBlaze软核开发(一):Hello World

实现功能&#xff1a;使用 MicroBlaze软核 串口打印 Hello World Vivado版本&#xff1a;2018.3 目录 MicroBlaze介绍 vivado部分&#xff1a; 一、新建工程 二、配置MicroBlaze 三、添加Uart串口IP 四、生成HDL文件编译 SDK部分&#xff1a; 一、导出硬件启动SDK 二、…...

跟着问题学15——GRU网络结构详解及代码实战

1 RNN的缺陷——长期依赖的问题 &#xff08;The Problem of Long-Term Dependencies&#xff09; 前面一节我们学习了RNN神经网络&#xff0c;它可以用来处理序列型的数据&#xff0c;比如一段文字&#xff0c;视频等等。RNN网络的基本单元如下图所示&#xff0c;可以将前面的…...

OpenResearcher:AI驱动的模块化科研工作流框架实践指南

1. 项目概述&#xff1a;一个为研究者量身打造的AI驱动开源工具箱最近在折腾一些研究项目&#xff0c;发现从文献调研、数据处理到论文写作&#xff0c;整个流程里重复性劳动实在太多了。每次开一个新坑&#xff0c;光是搭建基础环境、找合适的工具链就得花上半天&#xff0c;更…...

小学生如何高效通过GESP七八级

‌GESP 7-8级是通往信息学竞赛复赛的关键跳板‌&#xff0c;对小学生而言&#xff0c;需结合科学规划、系统学习与真题实战。以下是高效通关路径&#xff1a; 一、明确目标&#xff1a;GESP 7-8级的核心价值 1、‌GESP C 7级 ≥80分‌ 或 ‌8级 ≥60分‌ → 可免CSP-J初赛&…...

从ASCII到机器码:深入解析HEX文件的结构与校验机制

1. HEX文件的前世今生&#xff1a;从ASCII到机器码的桥梁 第一次接触HEX文件时&#xff0c;我也被那一串串看似毫无规律的十六进制字符搞得一头雾水。直到后来在嵌入式开发中频繁使用HEX文件进行固件升级&#xff0c;才真正理解了这个"翻译官"的重要性。HEX文件本质上…...

告别ifconfig!用systemd-networkd和networkctl命令管理Linux网络(Ubuntu 22.04+实战)

告别ifconfig&#xff01;用systemd-networkd和networkctl命令管理Linux网络&#xff08;Ubuntu 22.04实战&#xff09; 在Linux网络管理的演进历程中&#xff0c;ifconfig和ip命令曾长期占据主导地位。然而随着systemd生态的成熟&#xff0c;systemd-networkd配合networkctl命…...

React Native集成Llama大模型:移动端本地化AI应用开发指南

1. 项目概述&#xff1a;当Llama遇见React Native最近在移动端集成大语言模型&#xff08;LLM&#xff09;的需求越来越热&#xff0c;很多开发者都想把像Llama这样的开源模型塞进App里&#xff0c;实现本地化的智能问答、文档总结或者创意生成。但这事儿说起来容易做起来难&am…...

《魔兽世界》怀旧服:纳克萨玛斯教官拉苏维奥斯战术详解与实战心得

1. 教官拉苏维奥斯战斗机制解析 教官拉苏维奥斯作为纳克萨玛斯军事区的守门BOSS&#xff0c;其战斗核心在于学员控制循环与仇恨管理的双重考验。这个BOSS战最特别的地方在于&#xff0c;你需要同时应对教官本体的高伤害和四名学员的协同作战。很多团队第一次开荒时容易忽略学员…...

3大核心优势:QModMaster如何成为工业通信调试的必备利器

3大核心优势&#xff1a;QModMaster如何成为工业通信调试的必备利器 【免费下载链接】qModbusMaster Fork of QModMaster (https://sourceforge.net/p/qmodmaster/code/ci/default/tree/) 项目地址: https://gitcode.com/gh_mirrors/qm/qModbusMaster 你是否曾在调试工业…...

LLM Wiki带火的「知识预编译」,Graphify能直接落地企业知识库吗?

你是不是也跟着 LLM Wiki、Graphify 的热度&#xff0c;兴冲冲试过用「知识预编译」改造企业知识库&#xff1f;一落地却发现&#xff0c;要么权限兜不住敏感数据&#xff0c;要么溯源找不到具体条款&#xff0c;要么上万份文档跑起来成本直接炸锅 —— 网红项目的「个人最佳实…...

GBase 8c 在过程里记流水时要小心自治事务边界

GBase 8c 在过程里记流水时要小心自治事务边界 我最近看 GBase 8c 自治事务资料时&#xff0c;觉得它特别适合拿来讨论一个开发现场经常遇到的问题&#xff1a;业务过程失败了&#xff0c;排障流水也跟着回滚了。等真正去查问题时&#xff0c;只剩应用日志里几行模糊报错&#…...

别再只拖控件了!VisionPro ToolBlock高级脚本入门:从变量声明到自定义运行记录的完整流程

别再只拖控件了&#xff01;VisionPro ToolBlock高级脚本入门&#xff1a;从变量声明到自定义运行记录的完整流程 在工业视觉检测领域&#xff0c;拖拽式图形界面曾让无数工程师快速入门&#xff0c;但当项目复杂度攀升时&#xff0c;那些隐藏在控件背后的脚本能力才是真正的效…...