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

uniapp 微信小程序自定义日历组件

news 来源：原创 2025/5/9 9:16:58

效果图

功能：可以记录当天是否有某些任务或者某些记录

具体使用：

子组件代码

<template><view class="Accumulate"><view class="bx"><view class="bxx"><view class="plank"></view><view class="calendar"><view class="calendarbx"><view class="calendarview flex jc ac"><u-icon name="arrow-left" color="#232323" size="18" @click="addmonth(1)"></u-icon><view class="title">{{viewday}}</view><u-icon name="arrow-right" color="#232323" size="18" @click="addmonth(2)"></u-icon></view><view class="week flex  ac"><view class="weekli" v-for="(item,index) in week">{{item.title}}</view></view><view class="data"><view class=" flex  ac flexwrap" v-if="show"><view class="datali flex jc ac" v-for="(item,index) in days" :key="item"><!-- 三层判断条件 --><view class="dataliradius flex jc ac flexwrap":class="newday==item&&isnewmonth&&chooseday==item?'dataliradiusc':newday==item&&isnewmonth&&chooseday!=item?'dataliradiuscc':newday!=item&&chooseday==item?'dataliradiusc':''"@click.stop="funchoosedayy(item)">{{item==newday&&isnewmonth?'今':item}}<view class="rounds"><view class="round" v-if="recordlist.includes(item)&&item!=chooseday"></view></view></view></view></view><!-- 以下是为了防止切换闪烁而复制了一份用于展示 --><view class=" flex  ac flexwrap" v-else><view class="datali flex jc ac" v-for="(item,index) in days" :key="item"><!-- 三层判断条件 --><view class="dataliradius flex jc ac flexwrap":class="newday==item&&isnewmonth&&chooseday==item?'dataliradiusc':newday==item&&isnewmonth&&chooseday!=item?'dataliradiuscc':newday!=item&&chooseday==item?'dataliradiusc':''">{{item==newday&&isnewmonth?'今':item}}<view class="rounds" v-if="recordlist.includes(item)&&item!=chooseday"><view class="round"></view></view></view></view></view></view></view></view></view></view></view>
</template><script>export default {data() {return {day: Number(new Date()), //用于记录今天showday: null, //用来存储要加减的日期viewday: null, //页面上展示的日期newday: null, //当天几号isnewmonth: true, //是否是当月chooseday: null, //选中的那一天show: true,week: [{title: '一'},{title: '二'},{title: '三'},{title: '四'},{title: '五'},{title: '六'},{title: '日'}],days: [], //天数数组height: 0};},
props:{recordlist:{default: [], //是否有练习记录，需要每次切换月份的时候查询，那几天有练习记录，下标会记录stype:Array}},onLoad() {},onReady() {let time = this.yearFormat(this.day, 'obj')this.newday = time.day; //当天日期只用初始化一次就不用再初始化了this.showday = time.year + '-' + time.month + '-' + time.day; //用来存储要加减的日期this.viewday = this.yearFormat(this.showday) //页面上展示的日期this.chooseday = time.day;this.addmonth(0) //初始化时间},methods: {//选中日期funchoosedayy(item) {// console.log(item, '选中几号');if (item == '') {return}this.chooseday = item;let dataobj = this.showday.split('-');let month;let year;let day;let sendtime = dataobj[0] + '-' + dataobj[1] + '-' + this.chooseday;this.$emit('sendtime', '选中的时间:' + sendtime);},//加减月份,初始化月份addmonth(type) {this.show = false;setTimeout(() => {this.show = true;}, 100)let newmonth = this.yearFormat(this.day, 'obj')let dataobj = this.showday.split('-');let month;let year;let day;//加if (type == 2) {if (dataobj[1] == 12) {month = 1;year = (dataobj[0] * 1) + 1} else {year = (dataobj[0] * 1);month = (dataobj[1] * 1) + 1}}//减if (type == 1) {if (dataobj[1] == 1) {month = 12;year = (dataobj[0] * 1) - 1} else {year = (dataobj[0] * 1);month = (dataobj[1] * 1) - 1}}//初始化使用if (type == 0) {month = (dataobj[1] * 1);year = (dataobj[0] * 1);}let daynum = this.getDaysInYearMonth(year, month);this.days = daynum; //获取天数let week = this.getDayOfWeek(year, month, 1) //获取每个月1号星期几//0 相当于星期日let addday;if (week == 0) {addday = 6;} else {addday = (week - 1)}for (let i = 0; i < addday; i++) {this.days.unshift('')this.$forceUpdate()}//判断是否是当月,是当月的话，选中当天日期，不是则是当月1号if (newmonth.month == month) {day = dataobj[2];this.chooseday = newmonth.day;this.isnewmonth = true;this.showday = year + '-' + month + '-' + day;this.viewday = year + '年' + month + '月';// console.log(this.showday, '当月');this.$forceUpdate()} else {day = 1;this.chooseday = day;this.isnewmonth = false;this.showday = year + '-' + month + '-' + day;this.viewday = year + '年' + month + '月';this.$forceUpdate()}// console.log(this.days);this.$emit('state_sendtime', '初始化时间:' + this.showday);this.$forceUpdate()},//获取年月yearFormat(num, obj) {//过滤器 用于格式化时间let date = new Date(num); //时间戳为10位需*1000，时间戳为13位的话不需乘1000let year = date.getFullYear();let month = ("0" + (date.getMonth() + 1)).slice(-2);let sdate = ("0" + date.getDate()).slice(-2);let hour = ("0" + date.getHours()).slice(-2);let minute = ("0" + date.getMinutes()).slice(-2);let second = ("0" + date.getSeconds()).slice(-2);let result;if (obj) {// 拼接result = {year: year,month: month,day: sdate}} else {result = year + '年' + month + '月'}// 返回return result;},// 获取该年该月的天数getDaysInYearMonth(year, month) {// 每一次进行更新前,先清空日期数组month = parseInt(month, 10);// javascript中Date()对象的getDate()是获取时间对象对应于一个月中的某一天（1~31），当设置为0的时候，getDate()返回的就是最后一天，刚好对应我们需要的值。var date = new Date(year, month, 0);let arr = [];for (var i = 1; i <= date.getDate(); i++) {arr.push(i)}return arr;},//获取周几// console.log(getDayOfWeek(2023, 10, 5)); // 输出：星期四// 0就是 周日getDayOfWeek(year, month, day) {console.log(year, (month * 1), day);const date = new Date(year + '-' + (month * 1) + '-' + day).getDay(); // 注意月份是从0开始计数const options = {weekday: 'long'};//new Intl.DateTimeFormat('zh-CN', options).format(date)return date;}}}
</script><style lang="less" scoped>.Accumulate {// position: relative;}.back {width: 100%;height: 360rpx;border-radius: 0 0 60rpx 60rpx;background: #3366ff;position: absolute;}.Evaluationlist {margin-top: 30rpx;padding: 0 30rpx;box-sizing: border-box;overflow: scroll;.Evaluationlistli {padding: 30rpx 20rpx;box-sizing: border-box;border-radius: 30rpx;background: #fff;margin-bottom: 30rpx;.left {// display: block;width: 70%;max-height: 100rpx;}.right {padding: 10rpx 30rpx;height: 60rpx;box-sizing: border-box;border-radius: 20rpx;background: #3366ff;color: #fff;}.rightb {padding: 10rpx 30rpx;height: 60rpx;box-sizing: border-box;border-radius: 20rpx;background: #fff;color: #3366ff;border: 1rpx solid #3366ff;}}}.bx {width: 100%;// position: absolute;z-index: 999;.plank {width: 100%;height: 30rpx;}}.viewdata {width: 100%;height: 130rpx;padding: 0 30rpx;box-sizing: border-box;.viewdatali {width: 46%;height: 100%;border-radius: 30rpx;.num {width: 100%;font-size: 38rpx;font-weight: bold;text-align: center;}.title {width: 100%;font-size: 24rpx;margin-top: 5rpx;text-align: center;}}.viewdataliA {background: #f5f5f5;color: skyblue;}.viewdataliB {background: #f5f5f5;color: pink;}}.calendar {width: 100%;// padding: 30rpx 30rpx 0rpx 30rpx;box-sizing: border-box;// border-radius: 30rpx;.calendarbx {width: 100%;padding: 30rpx 30rpx 0rpx 30rpx;box-sizing: border-box;border-radius: 30rpx;background: #fff;.calendarview {background: lightgoldenrodyellow;padding: 10rpx 20rpx;box-sizing: border-box;.title {color: #232323;font-size: 28rpx;margin-left: 100rpx;margin-right: 100rpx;}}.week {font-size: 26rpx;color: #999;margin-top: 30rpx;.weekli {width: 12.2%;height: 30rpx;text-align: center;margin-right: 2.4%;line-height: 30rpx;}.weekli:nth-child(7n+7) {margin-right: 0% !important;}}.data {font-size: 28rpx;color: #999;margin-top: 40rpx;font-weight: bold;min-height: 410rpx;.datali {width: 12.2%;height: 50rpx;// text-align: center;margin-right: 2.4%;margin-bottom: 40rpx;.dataliradius {width: 50rpx;height: 50rpx;border-radius: 999%;background: #fff;line-height: 50rpx;color: #232323 !important;.rounds {width: 100%;height: 10rpx;.round {width: 10rpx;height: 10rpx;border-radius: 999%;background: #3366ff;margin: auto;}}}.dataliradiuscc {color: #3366ff !important;}.dataliradiusc {width: 50rpx;height: 50rpx;border-radius: 999%;background: #3366ff;color: #fff !important;line-height: 50rpx;}}.datali:nth-child(7n+7) {margin-right: 0% !important;}}}}
</style>

父组件

			<customCalendar @sendtime="sendtime" @state_sendtime="state_sendtime" :recordlist="[27, 25, 26, 29, 28]" ></customCalendar>

有需求可以自行修改。

uniapp 微信小程序自定义日历组件

效果图功能：可以记录当天是否有某些任务或者某些记录具体使用： 子组件代码 <template><view class"Accumulate"><view class"bx"><view class"bxx"><view class"plank"><…...

编程日记 2025/5/9 9:16:58

云架构Web端的工业MES系统设计之区分工业过程

云架构Web端的工业MES系统设计之区分工业过程在当今数字化浪潮席卷全球的背景下,制造业作为国家经济发展的重要支柱产业,正面临着前所未有的机遇与挑战。市场需求的快速变化、客户个性化定制要求的日益提高以及全球竞争的愈发激烈,都促使制造企业必须寻求更加高效、智能的生产…...

编程日记 2025/5/9 8:45:48

Harbor 仓库部署（docker-compose 部署方式）

一、安装的前提条件硬件资源最低推荐 cpu2C4C内存4G8G硬盘40G160G 软件软件版本描述 dockerv17.0.6-ce 安装参考官方文档 Install Docker Engine | Docker Documentation docker-composev1.18.0 安装参考官方文档 Overview | Docker Documentation Openssllatest…...

编程日记 2025/5/9 8:42:07

机器学习基础-支持向量机SVM

目录基本概念和定义 1. 超平面（Hyperplane） 2. 支持向量（Support Vectors） 3. 线性可分 4. 边界 SVM算法基本思想和分类基本思想间隔最大化间隔（Margin） 软边距 SVM 核函数的概念基本概念…...

编程日记 2025/5/9 8:48:29

卸载wps后word图标没有变成白纸恢复

这几天下载了个wps教育版，后头用完了删了用习惯的2019图标给兄弟我干没了？？？ 其他老哥说什么卸载关联重新下 ，而且还要什么撤销保存原来的备份什么，兄弟也是不得不怂了后头就发现了这个半宝藏博主&…...

编程日记 2025/5/9 8:51:00

mongodb==安装prisma连接

官网下载mongodb,解压安装 Download MongoDB Community Server | MongoDB 修改bin/mongod.cfg # mongod.conf# for documentation of all options, see: # http://docs.mongodb.org/manual/reference/configuration-options/# Where and how to store data. storage:dbPat…...

编程日记 2025/5/8 12:03:55

python代码实现了一个金融数据处理和分析的功能，主要围绕国债期货及相关指数数据展开

# 忽略某些模块的提示信息 import warnings warnings.filterwarnings("ignore") # 在全局配置中添加RQData账号信息 import rqdatac as rq from typing import List import pandas as pd import numpy as np import re from datetime import datetime, timedelta,tim…...

编程日记 2025/5/9 8:34:16

声音是如何产生的

一、音频概述 RTMP中一般音频采用aac编码，采样率为44100HZ, 每帧1024采样，帧率43，23.2ms一帧 RTC中一般音频采用opus编码，采样率为48000HZ，每帧480采样，帧率100，10ms一帧通道数（c…...

编程日记 2025/5/8 5:15:08

Matlab回归预测大合集(不定期更新)-188

截至2025-1-2更新 1.BP神经网络多元回归预测（多输入单输出） 2.RBF神经网络多元回归预测（多输入单输出） 3.RF随机森林多元回归预测（多输入单输出） 4.CNN卷积神经网络多元回归预测（多输入单输…...

编程日记 2025/5/9 9:03:48

CUDA编程【7】线程束

文章目录线程束和线程块线程束线程块线程束的分化问题线程束分化（Warp Divergence）线程束分化的执行机制如何避免线程束的分化线程束和线程块线程束线程束是SM中基本的执行单元当一个网格被启动（即一个核函数被启动）&#…...

编程日记 2025/5/9 9:09:45

nodejs：nodejs的技巧有哪些（2）

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者构建高性能的网络应用。 1. 使用异步编程，利用 async/await 来处理异步操作，使代码更清晰、易读。 const fetchData async () > { const data await getDataFrom…...

编程日记 2025/5/9 9:08:05

构建数字化校园：定义与意义

随着信息技术的快速发展，"数字化校园"这一概念逐渐成为教育领域内热议的话题。数字化校园是指利用先进的信息技术手段，如互联网、大数据、云计算等，对学校的教学、科研、管理和服务等方面进行全面升级和优化的过程。它不仅改变了传…...

编程日记 2025/5/3 3:26:41

LabVIEW语言学习过程是什么？

学习LabVIEW语言的过程可以分为几个阶段，每个阶段的重点内容逐步加深，帮助你从入门到精通。以下是一个简洁的学习过程： 1. 基础入门阶段理解图形化编程：LabVIEW是一种图形化编程语言，与传统的文本编程语言不同&am…...

编程日记 2025/5/9 9:03:48

阿里云人工智能与机器学习

阿里云的人工智能（AI）与机器学习（ML） 服务为企业提供了全面的AI解决方案，帮助用户在多个行业实现数据智能化，提升决策效率，推动业务创新。阿里云通过先进的技术和丰富的工具，支持用…...

编程日记 2025/5/9 8:51:00

NUTTX移植到STM32

STM32移植NUTTX 1. Ubuntu下搭建开发环境1.1 先决条件1.2 下载 NuttX1.3 使用Make 进行编译1.4 烧录运行 2.通过NUTTX点亮LED2.1 部署操作系统2.2 修改配置文件2.3 编译运行程序开发板：DshanMCUF407 官方开发文档：安装 — NuttX latest 文档参考文档&…...

编程日记 2025/5/9 9:11:20

.NET 9.0 WebApi 发布到 IIS 详细步骤

微软表示，.NET 9 是迄今为止性能最高的 .NET 版本，对运行时、工作负载和语言方面进行了 1,000 多项与性能相关的改进，并采用了更高效的算法来生成更好的代码。 .NET 9 是 .NET 8 的继任者，特别侧重于云原生应用和性能。作为标准期…...

编程日记 2025/5/9 9:12:44

麒麟 kylin v10 server 升级openssh 9.9p1

准备升级工作 yum install gcc make perl zlib zlib-devel pam pam-devel备份原有的ssh目录，以备后用 cp -r /etc/ssh /etc/ssh.bak cp /etc/pam.d/sshd /etc/pam.d/sshd.before cp /etc/ssh/sshd_config /etc/ssh/sshd_config.before解压源码压缩包 tar -zxf o…...

编程日记 2025/5/9 8:53:31

ollama+FastAPI部署后端大模型调用接口

ollamaFastAPI部署后端大模型调用接口记录一下开源大模型的后端调用接口过程一、ollama下载及运行 1. ollama安装 ollama是一个本地部署开源大模型的软件，可以运行llama、gemma、qwen等国内外开源大模型，也可以部署自己训练的大模型 ollama国内地…...

编程日记 2025/5/9 9:12:44

设计模式行为型策略模式（Strategy Pattern）与常见技术框架应用解析

策略模式（Strategy Pattern）核心思想是将算法的实现从使用该算法的类中分离出来，作为独立的对象，通过接口来定义算法家族，这样就可以很容易地改变或扩展算法。通过这种方式，可以避免在客户端代码中使用大量…...

编程日记 2025/5/9 8:40:58

2025资源从哪里来！

方案规划告诉你资源最好的答案？ 方案一、如果你不知道啥资源可以到这里面找到初步的答案？ 哔哩哔哩 (゜-゜)つロ干杯~-bilibili 在这个网站你可以找到你对应的专业-对应的路线-对应的资源-对应的百度网盘里面全是免费的资源------------------惊喜不&…...

编程日记 2025/5/5 7:20:50

Alist-Sync-Web 网盘自动同步,网盘备份相互备份

Alist-Sync-Web 一个基于 Web 界面的 Alist 存储同步工具，支持多任务管理、定时同步、差异处理等功能。如果好用，请Star！非常感谢！ GitHub Gitee DockerHub 功能特点 📱 美观的 Web 管理界面🔄 支持多任…...

编程日记 2025/5/8 14:58:27

【FlutterDart】 listView.builder例子二（14 /100）

上效果图上代码： import package:flutter/material.dart;class ListRoles extends StatelessWidget {ListRoles({super.key});final List<String> entries <String>[, -, *, /];final List<int> colorCodes <int>[600, 500, 100, 50];o…...

编程日记 2025/4/30 1:05:50

《shared_ptr源码剖析》

【shared_ptr导读】上一节，我们为大家介绍了unique_ptr的底层原理和实现。相对于unique_ptr，shared_ptr也是被大家广泛使用的智能指针，shared_ptr内部的原理是怎样的？shared_ptr是多线程安全的吗？ 本文将以Centos标准库…...

编程日记 2025/5/9 9:02:27

关于markdown实现页面跳转（调查测试：csdn（博客编写效果、发布效果）、typroa中md转pdf的使用情况）

一-方法介绍 [点击跳转到标题0](#1) <a href"#2">正文2</a>### <span id"2">标题0</span>二、跳转测试区点击跳转到标题0 正文2 三、测试结果场景MDspan-可标题写博客时候，右侧显示区效果可以发布博客的效果可以…...

编程日记 2025/5/9 8:49:49

入门级容器技术解析：Docker和K8s的区别与关系

目录 🎯学习小目标： 关于容器传统物理机🖥️ 虚拟机💻 为什么使用容器技术呢？🤔 容器技术🥃 Docker—容器化平台 K8s(Kubernetes)—容器编排系统 Docker和K8s有什么关系和区别&#…...

编程日记 2025/5/9 8:39:48

《Rust权威指南》学习笔记（五）

高级特性 1.在Rust中，unsafe是一种允许绕过Rust的安全性保证的机制，用于执行一些Rust默认情况下不允许的操作。unsafe存在的原因是：unsafe 允许执行某些可能被 Rust 的安全性检查阻止的操作，从而可以进行性能优化，如手…...

编程日记 2025/5/4 1:10:31

数据库软考历年上午真题与答案解析(2018-2024)

本题考查计算机总线相关知识。总线（Bus）是计算机各种功能部件之间传送信息的公共通信干线，它是由导线组成的传输线束。根据总线连接设备范围的不同， 分为：1.片内总线：芯片内部的总线； 2.系统…...

编程日记 2025/5/6 6:38:26

HTML5 文件上传（File Upload）详解

HTML5 文件上传（File Upload）详解 HTML5 提供了强大的文件上传功能，允许用户通过网页选择文件并上传到服务器。以下是关于文件上传控件的详细说明。 1. 基本的文件上传控件使用 <input> 标签的 type"file" 属性可以创建一…...

编程日记 2025/5/9 8:43:19

构建属于你的七牛云文件上传工具：Qiniu Uploader 详解（从 0 到 1 实现）

GitHub 仓库地址：https://github.com/hahala2333/qiniu-upload 📚 简介在现代 Web 开发中，静态资源的上传和管理是不可避免的需求。为了简化将本地资源上传到七牛云存储的过程，我们构建了 Qiniu Uploader 工具。它具备灵活的配置…...

编程日记 2025/5/9 9:15:18

Spring Boot 项目中集成 Kafka-03

在 Spring Boot 项目中集成 Kafka 有多种方式，适应不同的应用场景和需求。以下将详细介绍几种常用的集成方法，包括： 使用 Spring Kafka (KafkaTemplate 和 KafkaListener)使用 Spring Cloud Stream 与 Kafka Binder使用 Spring for Apache K…...

编程日记 2025/5/5 6:37:41

如何在2025年创建一个网站：使用US Domain Center和WordPress的终极指南

在本指南中，我们将向你展示如何正确地使用US Domain Center和WordPress创建一个网站。无论你是要启动一个个人博客，还是一个在线商店，我们都会提供简单易懂的步骤指导。无需技术技能 — — 只需按照我们的简单步骤操作，你就能在今…...

编程日记 2025/5/5 8:38:30

LLM 训练中存储哪些矩阵：权重矩阵，梯度矩阵，优化器状态

LLM 训练中存储哪些矩阵目录 LLM 训练中存储哪些矩阵深度学习中梯度和优化器是什么在 LLM 训练中通常会存储以下矩阵：权重矩阵：这是模型的核心组成部分。例如在基于 Transformer 架构的 LLM 中，每一层的多头注意力机制和前馈神经网络都会有相应的权重矩阵。以 BERT 模型为…...

编程日记 2025/5/5 3:01:13

【JVM】总结篇之对象内存布局执行引擎

文章目录对象内存布局对象的实例化对象的内存布局对象的方问定位执行引擎对象内存布局对象的实例化 new对象流程？（龙湖地产） 对象创建方法，对象的内存分配。（360安全） 1.判断对象对应的类是否加载、链…...

编程日记 2025/5/2 22:07:43

机器学习之正则化惩罚和K折交叉验证调整逻辑回归模型

机器学习之正则化惩罚和K折交叉验证调整逻辑回归模型目录机器学习之正则化惩罚和K折交叉验证调整逻辑回归模型1 过拟合和欠拟合1.1 过拟合1.2 欠拟合 2 正则化惩罚2.1 概念2.2 函数2.3 正则化种类 3 K折交叉验证3.1 概念3.2 图片理解3.3 函数导入3.4 参数理解 4 训练模型K折交…...

编程日记 2025/5/6 21:54:39

【图像处理】OpenCv + Python 实现 Photoshop 中的色彩平衡功能

前言这是使用 python 和 OpenCv 实现的 Photoshop 中色彩平衡功能的代码，可以设置阴影，高光和中间调的色调参数来调整图片的色彩平衡。参考文章二也有 python 版本的代码实现，虽然中间调的部分貌似没有实现，但是理论部分讲解还…...

编程日记 2025/5/9 6:14:55

基于vue框架的的校园快递管理系统x0xm0（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。

系统程序文件列表项目功能：学生,校园跑腿,快递代取,代取进度,评价信息开题报告内容基于Vue框架的校园快递管理系统开题报告一、研究背景与意义随着电子商务的蓬勃发展，校园快递业务急剧增长，成为校园生活中不可或缺的一部分。然而&a…...

编程日记 2025/5/4 17:25:02

【Vim Masterclass 笔记05】第 4 章：Vim 的帮助系统与同步练习（L14+L15+L16）

文章目录 Section 4：The Vim Help System（Vim 帮助系统）S04L14 Getting Help1 打开帮助系统2 退出帮助系统3 查看具体命令的帮助文档4 查看帮助文档中的主题5 帮助文档间的上翻、下翻6 关于 linewise7 查看光标所在术语名词的帮助文档8 关于退…...

编程日记 2025/4/29 23:03:59

智能体（Agent）如何具备自我决策能力的机理与实现方法

一、智能体自我决策能力的机理从人工智能和控制理论的角度看，智能体能够“自我决策”的核心在于其 “感知–认知–行动” 的循环过程，以及在此过程中引入自主学习与自主优化的机制。经过优化与补充，智能体具备自我决策能力的机理可以分解为…...

编程日记 2025/4/30 8:20:46

Redis 数据库源码分析

Redis 数据库源码分析我们都知道Redis是一个 <key,value> 的键值数据库，其实也就是一个 Map。如果让我来实现这样一个 Map，我肯定是用数组，当一个 key 来的时候，首先进行 hash 运算，接着对数据的 length 取余&…...

编程日记 2025/5/4 0:41:39

vue3 css实现文字输出带光标显示,文字输出完毕，光标消失的效果

Vue实现过程如下： <template><div ><p ref"dom_element" class"typing" :class"{over_fill: record_input_over}"></p></div> </template> <script setup> import {onMounted, ref} from…...

编程日记 2025/5/6 7:09:54

【Leetcode】731. 我的日程安排表 II

文章目录题目思路代码复杂度分析时间复杂度空间复杂度结果总结题目题目链接🔗 实现一个程序来存放你的日程安排。如果要添加的时间内不会导致三重预订时，则可以存储这个新的日程安排。当三个日程安排有一些时间上的交叉时（例如三个日程…...

编程日记 2025/5/6 8:06:05

浅谈棋牌游戏开发流程四：核心业务逻辑（二）——房间匹配与对局流程

一、前言：让玩家轻松坐上“牌桌” 在上一篇文章中，我们深入探讨了用户系统与登录流程，了解了如何让“陌生人”转变为游戏中的“正式玩家”。接下来，我们将迈向游戏的核心环节——房间匹配与对局流程。这是玩家实际参与游戏、互动…...

编程日记 2025/5/6 1:25:53

大学生HTML5期末作业 Web前端网页制作 html5+css3+js html+css网页设计美食美食模版2个页面

大学生HTML5期末作业 Web前端网页制作 html5css3js htmlcss网页设计美食美食模版2个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修…...

编程日记 2025/5/7 3:35:13

Java100道面试题

1.JVM内存结构 1. 方法区（Method Area） 方法区是JVM内存结构的一部分，用于存放类的相关信息，包括： 类的结构（字段、方法、常量池等）。字段和方法的描述，如名称、类型、访问修饰符…...

编程日记 2025/5/5 3:15:10

MySQL 日志简介

总览 MySQL Server 有以下⼏种⽇志，可以记录服务器正在发⽣的活动。⽇志类型⽇志信息⼀般查询⽇志 (General query log) 已建⽴的客⼾端连接和从客⼾端接收到的语句错误⽇志 (Error log) mysqld在启动、运⾏或停⽌时遇到的问题慢查询⽇志 (Slow query log) 执⾏…...

编程日记 2025/5/4 13:02:27

ubuntu清理磁盘

ubuntu清理磁盘脚本： #！/bin/bash#shell脚本用#作注释行,但是第一行的#！/bin/bash例外sudo apt-get clean sudo rm -rf /tmp/* sudo rm -rf /var/cache/*cd /var/log/ sudo du -h -d 1 rm -rf ./*cd ~/.cache sudo du -h -d 1 rm -rf ./*apt…...

编程日记 2025/5/4 17:26:03

鸿蒙APP之从开发到发布的一点心得

引言： 做鸿蒙开发大概有1年左右时间了，从最开始的看官方文档、看B站视频，到后来成功发布两款个人APP（房贷计算极简版、时简时钟轻喷，谢谢）。简单描述一下里边遇到的坑以及一些经历吧。学习鸿蒙开发个…...

编程日记 2025/4/28 7:31:30

C++二十三种设计模式之享元模式

C二十三种设计模式之享元模式一、组成二、特点三、目的四、缺点五、示例代码一、组成抽象享元类：声明操作方法。具体享元类：使用内部数据和外部数据来实现操作方法。享元管理者类：创建和管理具体享元对象。二、特点 1、创建享元对象…...

编程日记 2025/5/5 7:23:00

基于Python的音乐播放器毕业设计-附源码73733

摘要本项目基于Python开发了一款简单而功能强大的音乐播放器。通过该音乐播放器，用户可以轻松管理自己的音乐库，播放喜爱的音乐，并享受音乐带来的愉悦体验。首先，我们使用Python语言结合相关库开发了这款音乐播放器。利用Tkin…...

编程日记 2025/5/5 15:16:55

基于32单片机的智能语音家居

一、主要功能介绍以STM32F103C8T6单片机为控制核心，设计一款智能远程家电控制系统，该系统能实现如下功能： 1、可通过语音命令控制照明灯、空调、加热器、窗户及窗帘的开关； 2、可通过手机显示和控制照明灯、空调、窗户及窗帘的开…...

编程日记 2025/5/4 13:28:19

相关文章：