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

学习微信小程序的下拉列表控件-picker

news 来源：原创 2025/6/18 3:17:16

1、创建一个空白工程

2、index.wxml中写上picker布局：

<!--index.wxml-->
<view class="container"><picker mode="selector" range="{{array}}" bindchange="bindPickerChange"><view class="picker">当前选择：{{array[index]}}</view></picker>
</view>

3、index.wxss中添加wxml中引入的样式：

/**index.wxss**/
.container {display:flex;flex-direction: column;align-items: center;justify-content: center;height: 100rpx;
}
.picker {padding: 20rpx;border: 1rpx solid #ccc;border-radius: 5rpx;margin-top: 20rpx;
}

4、index.js中添加数据（数组array），和列表选择切换的响应函数：

// index.js
Page({data: {array: ['选项1','选项2','选项3','选项4'],index:0},bindPickerChange(e){console.log(e);this.setData({index:e.detail.value});}
})

5、编译，看效果，o了。

picker绑定对象数组遇到问题：

https://mp.csdn.net/mp_blog/creation/editor/145183341

学习微信小程序的下拉列表控件-picker

1、创建一个空白工程 2、index.wxml中写上picker布局：  <view class"container"><picker mode"selector" range"{{array}}" bindchange"bindPickerChange"><view class"pick…...

编程日记 2025/5/29 13:55:16

【17】Word：林楚楠-供应链❗

目录题目 NO1.2 NO3 NO4 NO5 NO6 NO7 NO89 题目 NO1.2 另存为：文件→另存为→文档→文件名/考生文件夹F12/FnF12→文件名/考生文件夹插入→分节符→文本框→输入文件→排版_居中对齐→间距/回车去掉文本框的边框→选中文本框→格式：形状轮廓…...

编程日记 2025/6/2 8:26:28

父子盒子滑动事件穿透问题

问题描述当父子盒子都有滚动条时，在子盒子内滚动时，父盒子滚动子盒子无法滚动，直到父盒子滚动到底部，子盒子才滚动解决如果是vue的项目，直接在子盒子上添加 wheel.stop""...

编程日记 2025/5/27 5:45:26

vue-amap、leaflet、融汇离线地图瓦片使用情况分析

vue-amap： vue3写的，使用文档 -> 文档地址 <-的离线jsApi里的demo，发现 tile-url不能读取本地项目文件夹里的瓦片，文档里写的其实还是要互联网读取的高德瓦片......... 作者在git库回复tile-url要么放项目里使用绝对路…...

编程日记 2025/6/4 5:30:48

leetcode - 1055. Shortest Way to Form String

Description A subsequence of a string is a new string that is formed from the original string by deleting some (can be none) of the characters without disturbing the relative positions of the remaining characters. (i.e., “ace” is a subsequence of “abcd…...

编程日记 2025/6/2 10:29:59

【HarmonyOS之旅】基于ArkTS开发(二) -＞ UI开发三

目录 1 -> 绘制图形 1.1 -> 绘制基本几何图形 1.2 -> 绘制自定义几何图形 2 -> 添加动画效果 2.1 -> animateTo实现闪屏动画 2.2 -> 页面转场动画 3 -> 常见组件说明 1 -> 绘制图形绘制能力主要是通过框架提供的绘制组件来支撑，支…...

编程日记 2025/6/2 10:18:36

RabbitMQ 进阶

文章目录一、发送者的可靠性 1.1 生产者重试机制：1.2 生产者确认机制： 1.2.1 开启生产者确认：1.2.2 定义 ReturnCallback：1.2.3 定义 ConfirmCallback： 二、MQ 的可靠性 2.1 数据持久化： 2.1.1 交换机持…...

编程日记 2025/5/31 14:18:06

RabbitMQ---TTL与死信

（一）TTL 1.TTL概念 TTL又叫过期时间 RabbitMQ可以对队列和消息设置TTL，当消息到达过期时间还没有被消费时就会自动删除注：这里我们说的对队列设置TTL,是对队列上的消息设置TTL并不是对队列本身，不是说队列过期时间…...

编程日记 2025/5/31 18:26:23

uniapp（小程序、app、微信公众号、H5）预览下载文件（pdf）

1. 小程序、app 在uniapp开发小程序环境或者app环境中，都可以使用以下方式预览文件之前其实写过一篇，就是使用uniapp官网提供文件下载、文件保存、文件打开的API， uniapp文件下载感兴趣也可以去看下 uni.downloadFile({// baseURL 是...

编程日记 2025/5/30 2:11:56

Spring Boot经典面试题及答案

一、Spring Boot基础知识什么是Spring Boot？ 答案： Spring Boot是Spring开源组织下的子项目，是Spring组件一站式解决方案。它简化了Spring应用程序的初始化和开发过程，通过“约定大于配置”的原则，减少了手动配置的繁…...

编程日记 2025/5/31 8:55:54

usb通过hdc连接鸿蒙next的常用指令

参考官方注册报名https://www.hiascend.com/developer/activities/details/44de441ef599450596131c8cb52f7f8c/signup?channelCodeS1&recommended496144 hdc-调试命令-调测调优-系统 - 华为HarmonyOS开发者https://developer.huawei.com/consumer/cn/doc/harmonyos-guid…...

编程日记 2025/5/31 22:21:16

FPGA:Quartus软件与操作系统版本对照表

文章目录 1.软件概述2.软件版本3.设计流程4.支持的设备5.新特性6.版本对照 1.软件概述 Quartus软件是由英特尔（Intel）公司开发的一款功能强大的FPGA（现场可编程逻辑门阵列）设计工具，广泛应用于数字电路设计、仿真、综…...

编程日记 2025/5/31 22:37:47

RustDesk ID更新脚本

RustDesk ID更新脚本此PowerShell脚本自动更新RustDesk ID和密码，并将信息安全地存储在Bitwarden中。特点使用以下选项更新RustDesk ID： 使用系统主机名生成一个随机的9位数输入自定义值为RustDesk生成新的随机密码将RustDesk ID和密码安全地存储…...

编程日记 2025/5/31 6:33:24

[C语言]字符串分离

题目从标准输入流（控制台）中获取一行字符串 str，字符串中可能会存在空格，现在需要将字符串进行分离，规则如下： (1)将 str 中位于偶数下标的元素放置在字符串 str1 之中 (2)将 str 中位于奇数下标的…...

编程日记 2025/6/4 2:24:33

-bash: /java: cannot execute binary file

在linux安装jdk报错 -bash: /java: cannot execute binary file 原因是jdk安装包和linux的不一致程序员的面试宝典，一个免费的刷题平台...

编程日记 2025/5/26 18:20:44

Python绘制数据地图-GeoPandas入门

使用GeoPandas绘制数据地图是一种非常直观且强大的数据可视化方法。GeoPandas是一个Python库，专门用于处理地理空间数据，它建立在Pandas和Shapely库之上，并集成了matplotlib、seaborn等绘图库的功能。下面是一个简单的入门教程，…...

编程日记 2025/6/2 10:36:32

CVPR 2024 图像处理方向总汇（图像去噪、图像增强、图像分割和图像恢复等）

1、Image Progress(图像处理) 去鬼影 Generating Content for HDR Deghosting from Frequency View去阴影 HomoFormer: Homogenized Transformer for Image Shadow Removal去模糊 Unsupervised Blind Image Deblurring Based on Self-EnhancementLatency Correction for E…...

编程日记 2025/6/4 12:23:26

c++ string

1 sting 基本概念 string 基本概念本质：string是c风格的字符串，而string 本质上是一个类string 和char* 的区别： char * 是一个指针 string 是一个类，类内部封装了char*，管理这个字符串，是一个char* 数组…...

编程日记 2025/6/4 6:14:58

tomcat文件目录讲解

目录的用处 bin：tomcat的可执行命令，比如：tomcat的启动停止命令，也包含其他命令以及.bat（Windows执行的命令）和.sh（Linux操作系统执行的命令）文件config:关于tomcat的配置&#xff0…...

编程日记 2025/6/4 14:56:23

博客搭建 — GitHub Pages 部署

关于 GitHub Pages GitHub Pages 是一项静态站点托管服务，它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件，通过构建过程运行文件，然后发布网站。本文最终效果是搭建出一个域名为 https://<user>.github.io 的网站创建…...

编程日记 2025/5/30 6:06:11

【0x0052】HCI_Write_Extended_Inquiry_Response命令详解

目录一、命令概述二、命令格式及参数 2.1. HCI_Write_Extended_Inquiry_Response命令格式 2.2. FEC_Required 2.3. Extended_Inquiry_Response 三、生成事件及参数 3.1. HCI_Command_Complete 事件 3.2. Status 四、命令执行流程 4.1. 命令准备阶段（主机端） 4.2…...

编程日记 2025/6/4 1:49:58

Kotlin Bytedeco OpenCV 图像图像55 图像透视变换

Kotlin Bytedeco OpenCV 图像图像53 图像透视变换 1 添加依赖2 测试代码3 测试结果 1 添加依赖 <?xml version"1.0" encoding"UTF-8"?> <project xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xmlns"http://maven.apa…...

编程日记 2025/5/29 16:55:07

flutter Get GetMiddleware 中间件不起作用问题

当使用 get: ^5.0.0-release-candidate-9.2.1最新版本时，中间件GetMiddleware各种教程都是让我们在redirect中实现，比如： overrideRouteSettings? redirect(String? route) {return RouteSettings(name: "/companyAuthIndexPage"…...

编程日记 2025/6/2 10:16:32

npm介绍

npm（Node Package Manager）是 Node.js 的默认包管理工具，用于管理 JavaScript 和 Node.js 项目的依赖关系。它既是一个包管理工具，又是一个在线仓库，开发者可以通过它分享和下载开源的 JavaScript 库和工具。npm 是世界…...

编程日记 2025/6/2 4:27:17

Ruby语言的数据结构

Ruby语言的数据结构详解 Ruby是一种动态、面向对象的编程语言，因其简洁优雅的语法而受到开发者的喜爱。在Ruby中，数据结构是构建和管理数据的一种方式，不同的数据结构适用于不同的场景。本文将详细探讨Ruby中的几种主要数据结构，…...

编程日记 2025/6/4 8:22:35

web开发工具之：一、UUID的介绍，java如何产生UUID，作为数据库的主键和加密算法的盐

文章目录前言一、UUID是什么二、java如何产生UUID1. 生成随机 UUID（Version 4）2. 通过指定的字符串生成 UUID 三、UUID作为数据库主键1. 优点2. 缺点四、UUID作为加密的盐总结前言现在web开发中，很多使用UUID作为主键和加密的盐的&#…...

编程日记 2025/6/3 12:57:27

精度论文：【Focaler-IoU: More Focused Intersection over Union Loss】

Focaler-IoU: 更聚焦的交并比损失 Focaler-IoU: More Focused Intersection over Union Loss Focaler-IoU: 更聚焦的交并比损失I. 引言II. 相关工作III. 方法IV. 实验V. 结论原文地址：官方论文地址代码地址：官方代码地址摘要——边界框回归在目标检…...

编程日记 2025/6/3 16:02:03

Android-目前最稳定和高效的UI适配方案

谈到适配，首先需要介绍几个基本单位： 1、密度无关像素（dp）： 含义：density-independent pixel，叫dp或dip，与终端上的实际物理像素点无关单位：dp，可以保证在…...

编程日记 2025/6/2 23:37:57

Realsense相机驱动安装及其ROS通讯配置——机器人抓取系统基础系列（四）

文章目录概要1 Realsense相机驱动安装Method1: 使用Intel服务器预编译包Method2: 使用ROS服务器预编译包Method3: 使用SDK源代码方法对比总结 2 Realsense-ROS通讯配置与使用2.1 Realsense-ROS包安装2.2 ROS节点启动小结Reference 概要本文首先阐述了Realsense相机驱动安装…...

编程日记 2025/6/2 14:56:47

docker安装Nginx UI

开源地址：nginx-ui/README-zh_CN.md at dev 0xJacky/nginx-ui GitHub docker run -dit \ --namenginx-ui \ --restartalways \ -e TZAsia/Shanghai \ -v /Users/xiaoping/docker/appdata/nginx:/etc/nginx \ -v /Users/xiaoping/docker/appdata/nginx-ui:/etc/ng…...

编程日记 2025/5/30 13:48:19

【AI】【RAG】使用WebUI部署RAG：数据优化与设置技巧详解

RAG（Retrieval-Augmented Generation）是一种通过知识库构建的高效问答系统。然而，在使用WebUI部署和优化RAG时，数据源管理和参数设置直接决定了系统的回答质量。本文将结合具体问题和优化方法，为您详细解读如何最大化RAG的性能和准确性。数据源相关问题及解决方案在实际…...

编程日记 2025/6/4 9:51:03

如何在vue中渲染markdown内容？

文章目录引言什么是 markdown-it？安装 markdown-it基本用法样式失效？解决方法高级配置语法高亮效果展示引言在现代 Web 开发中，Markdown 作为一种轻量级的标记语言，广泛用于文档编写、内容管理以及富文本编辑器中。markdown…...

编程日记 2025/6/4 9:36:04

nvm安装详细教程（安装nvm、node、npm、cnpm、yarn及环境变量配置）

一、安装nvm 1. 下载nvm nvm-windows官网地址https://github.com/coreybutler/nvm-windows/releases 如果打不开也可以到这里下载 2.双击 nvm-setup.exe 开始安装 3.选择nvm安装路径，路径名称不要有空格，然后点击next 4.node.js安装…...

编程日记 2025/5/31 6:15:21

机器学习-归一化

文章目录一. 归一化二. 归一化的常见方法1. 最小-最大归一化 (Min-Max Normalization)2. Z-Score 归一化（标准化）3. MaxAbs 归一化三. 归一化的选择四. 为什么要进行归一化1. 消除量纲差异2. 提高模型训练速度3. 增强模型的稳定性4. 保证正则化项的有效…...

编程日记 2025/6/3 14:23:48

一次完整的tcpdump -XX输出报文详解

报文： 03:32:51.745623 IP (tos 0x0, ttl 64, id 65006, offset 0, flags [DF], proto TCP (6), length 94) 10.229.43.200.6471 > 10.229.43.200.55674: Flags [P.], cksum 0x6daa (incorrect -> 0x2e06), seq 1:43, ack 42, win 3635, options [nop,nop…...

编程日记 2025/6/1 14:55:46

【STM32-学习笔记-9-】SPI通信

文章目录 SPI通信Ⅰ、SPI通信概述1、SPI技术规格2、SPI应用 3、硬件电路移位示意图 Ⅱ、SPI时序基本单元①、起始条件②、终止条件③、交换一个字节（模式0）④、交换一个字节（模式1）⑤、交换一个字节（模式2）…...

编程日记 2025/6/1 7:09:34

kalilinux - 目录扫描之dirsearch

情景导入先简单介绍一下dirsearch有啥用。假如你现在访问一个网站，例如https://www.example.com/ 它是一个电商平台或者其他功能性质的平台。站在开发者的角度上思考，我们只指导https://www.example.com/ 但不知道它下面有什么文件，文…...

编程日记 2025/6/1 8:19:52

(12)springMVC文件的上传

SpringMVC文件上传首先是快速搭建一个springMVC项目新建项目mvn依赖导入添加webMoudle添加Tomcat运行环境.在配置tomcat时ApplicationContext置为"/"配置Artfact的lib配置WEB-INF配置文件（记得添加乱码过滤）配置springmvc-servlet文件&…...

编程日记 2025/6/3 8:20:38

[Mac + Icarus Verilog + gtkwave] Mac运行Verilog及查看波形图

目录 1. MAC安装环境 1. 1 Icarus Verilog 编译 1. 2 gtkwave 查看波形 2. 安装遇到的问题 2. 1 macOS cannot verify that this app is free from malware 2. 2 gtkwave-bin is not compatible with macOS 14 or later 3. 运行示例 3. 1 源代码 3. 2 编译Verilog 3. 3 生成.v…...

编程日记 2025/6/2 13:25:14

yt-dlp脚本下载音频可选设置代理

import yt_dlp# 配置：是否使用代理 use_proxy = True # 设置为 False 可关闭代理# 代理地址 proxy_url = socks5://127.0.0.1:1089URLS = [https://www.bilibili.com/video/BV1WTktYcEcQ/?spm_id_from=333.1007.tianma.6-2-20.click&vd_source=dcb58f8fe1faf749f438620b…...

编程日记 2025/6/2 11:15:08

【向量数据库 Milvus】linux 源码安装 Milvus 2.5.3

在 Linux 系统（如 ai 5.10.134-16.2.an8.x86_64）上通过源码安装 Milvus 2.5.3 的步骤如下。该指南适用于 x86_64 架构的系统。 1. 环境准备确保系统满足以下要求： 操作系统: Linux（x86_64 架构）Go: 1.21 或更高版本…...

编程日记 2025/6/3 16:49:03

初学stm32 --- CAN

目录 CAN介绍 CAN总线拓扑图 CAN总线特点 CAN应用场景 CAN物理层 CAN收发器芯片介绍 CAN协议层数据帧介绍 CAN位时序介绍数据同步过程硬件同步再同步 CAN总线仲裁 STM32 CAN控制器介绍 CAN控制器模式 CAN控制器模式 CAN控制器框图发送处理接收处理接收过…...

编程日记 2025/6/2 6:46:13

linux手动安装mysql5.7

一、下载mysql5.7 1、可以去官方网站下载mysql-5.7.24-linux-glibc2.12-x86_64.tar压缩包： https://downloads.mysql.com/archives/community/ 2、在线下载，使用wget命令，直接从官网下载到linux服务器上 wget https://downloads.mysql.co…...

编程日记 2025/5/29 13:37:13

【Java】LinkedHashMap （LRU）淘汰缓存的使用

文章目录 **1. initialCapacity（初始容量）****2. loadFactor（加载因子）****3. accessOrder（访问顺序）****完整参数解释示例****示例验证** LinkedHashMap 在 Java 中可维护元素插入或访问顺序，并…...

编程日记 2025/6/4 4:22:21

JAVA实现五子棋小游戏(附源码)

文章目录一、设计来源捡金币闯关小游戏讲解1.1 主界面1.2 黑棋胜利界面1.3 白棋胜利界面二、效果和源码2.1 动态效果2.2 源代码源码下载更多优质源码分享作者：xcLeigh 文章地址：https://blog.csdn.net/weixin_43151418/article/details/145161039 JA…...

编程日记 2025/6/3 7:49:49

基于Java的百度AOI数据解析与转换的实现方法

目录前言一、AOI数据结构简介 1、官网的实例接口 2、响应参数介绍二、Java对AOI数据的解析 1、数据解析流程图 2、数据解析实现 3、AOI数据解析成果三、总结前言在当今信息化社会，地理信息数据在城市规划、交通管理、商业选址等领域扮演着越来越重要的…...

编程日记 2025/6/2 14:36:50

细说STM32F407单片机窗口看门狗WWDG的原理及使用方法

目录一、窗口看门狗的工作原理 1、递减计数器 2、窗口值和比较器 3、看门狗的启动 4、提前唤醒中断二、窗口看门狗的HAL驱动程序 1、窗口看门狗初始化 2.窗口看门狗刷新 3.EWI中断及其处理三、不开启EWI的WWDG示例 1、示例功能 2、项目设置 （1&…...

编程日记 2025/6/2 13:37:47

【.net core】【sqlsugar】时间查询示例

1、时间包含查询示例 //model.TimeInterval为时间区间参数，参数格式为2024-01-01~2025-01-01 //query为当前查询的语句内容 //为当前查询语句增加创建时间模糊搜索查询条件 query query.Where(a > ((DateTime)a.F_CreatorTime).ToString("yyyy-MM-dd HH:m…...

编程日记 2025/5/29 5:31:15

基于Oracle与PyQt6的电子病历多模态大模型图形化查询系统编程构建

一、引言 1.1 研究背景阐述在当今数字化时代，医疗行业正经历着深刻的变革，数字化转型的需求日益迫切。电子病历（EMR）作为医疗信息化的核心，其管理的高效性和数据利用的深度对于提升医疗服务质量、优化临床决策以及推动医学研究具有至关重要的意义。传统的电子病历管理系…...

编程日记 2025/6/2 14:36:20

STM32 HAL库函数入门指南：从原理到实践

1 STM32 HAL库概述 STM32 HAL(Hardware Abstraction Layer)库是ST公司专门为STM32系列微控制器开发的一套硬件抽象层函数库。它的核心设计理念是在应用层与硬件层之间建立一个抽象层，这个抽象层屏蔽了底层硬件的具体实现细节，为开发者提供了一套统一的、…...

编程日记 2025/6/3 22:12:44

相关文章：