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

微信小程序介绍-以及写项目流程（重要）

news 来源：原创 2025/7/13 4:58:15

前言：本篇文章介绍微信小程序以及项目介绍：

文章介绍：介绍了微信小程序常用的指令、组件、api。
tips：最好按照官方文档来进行学习，大致可以我的目录来学习，对于写项目是没有问题的

微信小程序官方文档icon-default.png?t=O83Ahttps://developers.weixin.qq.com/miniprogram/dev/framework/

想要了解更多可以关注博客⭐⭐七条小鲤鱼的博客⭐⭐

目录

一、下载以及创建项目

1.下载方式以及流程

2.创建步骤

二、微信小程序常用介绍

1、目录结构

2、模板语法以及指令

3、动态更新数据

4、常用组件

5、API

三、引入Vant Weapp组件库

1. 安装 Vant Weapp 组件库

2. 修改项目配置

4. 在页面中引入组件

5. 在页面中使用组件（测试）

四、项目中实用的功能

1、tabBar

2、轮播图

3、视频组件封面图

五、项目中的错误

1、navigoator配置好点击不跳转

六、项目展示

一、下载以及创建项目

1.下载方式以及流程

下载流程icon-default.png?t=O83Ahttps://blog.csdn.net/m0_70474954/article/details/127182224

2.创建步骤

2.1 首先打开软件 "微信开发者工具"

2.2 然后其中的 AppID 的位置

微信公众平台的开发管理里面

二、微信小程序常用介绍

微信小程序官方文档icon-default.png?t=O83Ahttps://developers.weixin.qq.com/miniprogram/dev/framework/

1、目录结构

2、模板语法以及指令

2.1、数据绑定

使用双大括号 {{ }} 来绑定数据。例如，<text>{{message}}</text> 会显示变量 message 的内容。

2.3、事件绑定

使用 bind 或者 bind 前缀来监听事件。例如，<button bindtap="onTap">点击我</button> 会在用户点击按钮时触发 onTap 方法。

2.4、条件渲染

使用 wx:if, wx:elif, wx:else 来根据条件渲染不同的组件。例如：

<view wx:if="{{condition}}">满足条件时显示</view>
2.5、列表渲染

使用 wx:for 指令来循环渲染列表。例如：

<view wx:for="{{array}}" wx:key="uniqueKey"><text>{{item.value}}</text>
</view>

3、动态更新数据

使用 setData 更新数据:

this.setData({
message: 'Hello Wechat!'
});

4、常用组件

1.Swiper 轮播图组件

swiper 组件用于创建轮播图效果。基本属性包括：

  • autoplay：是否自动播放。
  • interval：自动播放的时间间隔。
  • duration：滑动动画时长。
  • circular：是否采用衔接滑动。
<swiper autoplay="true" interval="5000" duration="500" circular="true"><swiper-item wx:for="{{imgList}}" wx:key="*this"><image src="{{item}}" mode="aspectFill"></image></swiper-item>
</swiper>
2. scroll-view 滚动视图组件

scroll-view 组件用于创建可滚动视图。基本属性包括：

  • scroll-x：允许横向滚动。
  • scroll-y：允许纵向滚动。
<scroll-view scroll-y="true" style="height: 300px;"><view wx:for="{{list}}" wx:key="*this"><text>{{item}}</text></view>
</scroll-view>
3. form 表单组件

form 组件用于收集用户输入的数据。基本用法包括：

  • bindsubmit：提交表单时触发的事件。
<form bindsubmit="formSubmit"><input name="username" placeholder="请输入用户名" /><button formType="submit">提交</button>
</form>
4. navigator 导航组件

navigator 组件用于页面间的跳转跳。基本属性包括：

  • url：跳转的目标页面路径。
  • open-type：跳转的方式，如 navigate, redirect, switchTab。
<navigator url="/pages/detail/detail" open-type="navigate">跳转到详情页</navigator>
5. button 按钮组件

button 组件用于触发事件。常用属性包括：

  • bindtap：点击按钮时触发的事件。
  • open-type：开放能力，如获取用户信息、获取手机号等。
<button bindtap="onTap" open-type="getUserInfo">点击我</button>
6. input 输入组件

input 组件用于获取用户输入。基本属性包括：

  • value：输入的值。
  • bindinput：输入时触发的事件。
<input value="{{inputValue}}" bindinput="onInput" placeholder="请输入内容" />
7. picker 选择器组件

picker 组件用于选择日期、时间等。基本用法包括：

  • mode：选择器的类型，如 date, time。
  • bindchange：选择变化时触发的事件。
<picker mode="date" bindchange="onDateChange">
8. checkbox 多选框组件

checkbox 组件用于多选。基本用法包括：

  • bindchange：选项变化时触发的事件。
<checkbox-group bindchange="checkboxChange"><label wx:for="{{checkboxItems}}" wx:key="*this"><checkbox value="{{item.value}}" checked="{{item.checked}}"/><text>{{item.name}}</text></label>
</checkbox-group>

5、API

1. 界面交互API
  • 显示消息提示框 (wx.showToast): 用于显示轻提示框。 
    wx.showToast({title: '操作成功',icon: 'success',duration: 2000
});
  • 显示模态对话框 (wx.showModal): 用于显示需要用户确认的对话框。 
    wx.showModal({title: '提示',content: '这是一个模态弹窗',success: function(res) {if (res.confirm) console.log('用户点击确定');else if (res.cancel) console.log('用户点击取消');}
});
  • 显示加载提示框 (wx.showLoading): 显示加载提示框，需要主动调用 wx.hideLoading 关闭。 
    wx.showLoading({title: '加载中',mask: true
});
setTimeout(function () {wx.hideLoading();
}, 2000);
2. 网络请求API
  • 发起网络请求 (wx.request): 用于向服务器发送请求并接收响应。
wx.request({url: 'https://example.com/api', // 服务器接口地址method: 'GET', // 请求方法，如GET、POST等data: {param1: 'value1',param2: 'value2'}, // 发送到服务器的数据success(res) {console.log(res.data); // 服务器返回的数据},fail(err) {console.error(err); // 错误处理}
});
3. 本地存储API
  • 本地存储 (wx.setStorageSync): 将数据存储到本地。
- **本地获取** (`wx.getStorageSync`): 从本地缓存中获取指定 key 的内容。
```javascript
const value = wx.getStorageSync('key');
  • 本地移除 (wx.removeStorageSync): 从本地缓存中移除指定 key 的数据。

### 4. 设备信息API
- **获取系统信息** (`wx.getSystemInfo`): 获取系统信息，如品牌、型号、操作系统版本、微信版本、屏幕宽高等。
```javascript
wx.getSystemInfo({
success(res) {console.log(res.model); // 如 'iPhone X'
}
});
4、生命周期
  • 页面生命周期:
    • onLoad：加载页面时调用，可以获取查询参数。
    • onShow：页面显示时调用。
    • onReady：页面初次渲染完成时调用，此时可以进行DOM操作。
    • onHide：页面隐藏时调用。
    • onUnload：页面卸载时调用。
  • 组件生命周期:
    • created：组件实例被创建时调用。
    • attached：组件被从页面节点树移除时调用。
    • ready：组件初次渲染完成时被调用。
    • moved：组件移动到节点树另一个位置时调用。
    • detached：组件从页面节点树移除时调用。

三、引入Vant Weapp组件库

1. 安装 Vant Weapp 组件库

在项目的根目录下打开命令行工具，执行以下命令来安装 Vant Weapp 组件库：

npm i @vant/weapp -S --production

这将会安装 Vant Weapp 组件库并保存到 package.json 中的 dependencies 里。

2. 修改项目配置

在 app.json 配置文件中，删除 style 属性中的 v2，因为 Vant Weapp 使用的是微信小程序的样式隔离模式，它不依赖于小程序的 flex 布局。

3.构建 npm 包

在微信开发者工具中，选择 "工具" -> "构建 npm"，这将自动处理 npm 包并生成 miniprogram_npm 目录，里面包含了小程序可用的组件代码。

4. 在页面中引入组件

在页面的 .json 文件中，使用 usingComponents 属性来指定 Vant Weapp 组件的路径。

{"usingComponents": true,"usingAutoAudits": false,"usingExtendedLib": false,"usingPostCSS": false,"usingAutoAudits": false,"component2": true,"usingComponents": {"van-button": "@vant/weapp/button/index"}
}

5. 在页面中使用组件（测试）

<van-button type="primary" bind:tap="onButtonClick">点击我</van-button>

四、项目中实用的功能

1、tabBar

  • 微信小程序的app.json配置文件中可以配置tabBar字段，用于定义底部导航栏。
  • 配置项包括list（导航列表）和color（图标默认颜色）等。
  • 每个list项包含pagePath（页面路径）、text（文字）、iconPath（未选中时的图标）和selectedIconPath（选中时的图标）等。
{"tabBar": {"list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "path/to/icon.png","selectedIconPath": "path/to/selected-icon.png"}, {"pagePath": "pages/mine/mine","text": "我的","iconPath": "path/to/icon.png","selectedIconPath": "path/to/selected-icon.png"}]}
}

2、轮播图

  • 使用微信小程序的<swiper>组件来实现轮播图。
  • 需要在页面的.json配置文件中开启"enable": true来启用<swiper>组件。
  • 在.wxml文件中使用<swiper>和<swiper-item>标签来定义轮播图的每个项目。
<swiperindicator-dots="true"autoplay="true"interval="5000"duration="500"><swiper-item wx:for="{{imageList}}" wx:key="unique"><image src="{{item}}" class="slide-image" /></swiper-item>
</swiper>

3、视频组件封面图

  • 使用微信小程序的<video>组件，并设置poster属性来指定视频的封面图。
  • poster属性的值是封面图片的路径。
<videosrc="path/to/video.mp4"poster="path/to/cover.jpg"controls="true"autoplay="false"/>

五、项目中的错误

1、navigoator配置好点击不跳转

<!-- 跳转到指定页面 -->
<navigator url="/pages/target/target">跳转</navigator>

注意：url里的路径一定要带"/" 

六、项目展示

​

完整项目展示的视频icon-default.png?t=O83Ahttps://live.csdn.net/v/437171?spm=1001.2014.3001.5501

相关文章：

微信小程序介绍-以及写项目流程（重要）

前言&#xff1a;本篇文章介绍微信小程序以及项目介绍&#xff1a; 文章介绍&#xff1a;介绍了微信小程序常用的指令、组件、api。tips&#xff1a;最好按照官方文档来进行学习&#xff0c;大致可以我的目录来学习&#xff0c;对于写项目是没有问题的 微信小程序官方文档https…...

编程日记 2025/7/13 4:58:15

241207-通过Docker部署Wiki.JS并设置ElasticSearch进行中文搜索

A. 最终效果 B. 配置文件 version: "3" services:wiki:image: ghcr.io/requarks/wiki:2container_name: wikijsports:- "3000:3000"volumes:- /home/lgk/Projects/WikiJS/config:/configenvironment:- DB_TYPEpostgres- DB_HOSTdatabase- DB_PORT5432- DB…...

编程日记 2025/7/12 16:28:39

yum 离线软件安装

适用范围 支持YUM软件管理的操作系统&#xff1a; 银河麒麟 服务器操作系统V10统信服务器操作系统V20CentOS 系列 准备 准备一台可以连接互联网并且与离线安装的操作系统相同版本的操作系统&#xff0c;包括指令集类型相同。 安装下载工具 查询是否已经安装下载工具 yum…...

编程日记 2025/7/13 4:56:41

【jvm】垃圾回收的优点和原理

目录 1. 说明2. 优点3. 原理3.1 发现无用对象3.2 回收无用对象所占用的内存 4. 回收算法4.1 标记-清除算法4.2 复制算法4.3 标记-整理算法4.4 分代收集算法 1. 说明 1.JVM&#xff08;Java虚拟机&#xff09;垃圾回收是Java语言的一大特性&#xff0c;它自动管理内存&#xff…...

编程日记 2025/7/10 1:36:01

LeetCode322. 零钱兑换（2024冬季每日一题 28）

给你一个整数数组 coins &#xff0c;表示不同面额的硬币&#xff1b;以及一个整数 amount &#xff0c;表示总金额。 计算并返回可以凑成总金额所需的 最少的硬币个数 。如果没有任何一种硬币组合能组成总金额&#xff0c;返回 -1 。 你可以认为每种硬币的数量是无限的。 示…...

编程日记 2025/7/7 12:24:02

LearnOpenGL学习（高级OpenGL --＞ 帧缓冲，立方体贴图，高级数据）

完整代码见&#xff1a;zaizai77/Cherno-OpenGL: OpenGL 小白学习之路 帧缓冲 帧缓冲&#xff08;FrameBuffer&#xff09;是所有屏幕缓冲&#xff08;包括颜色缓冲&#xff0c;深度缓冲&#xff0c;模板缓冲&#xff09;的集合。它被存储在GPU内存中&#xff0c;我们可以定义…...

编程日记 2025/7/8 19:58:23

mysql笔记——索引

索引 InnoDB采用了B树索引结构。 相比于二叉树&#xff0c;层级更少&#xff0c;搜索效率高。 B树中叶子节点和非叶节点都会存储数据&#xff0c;导致段页式存储中一页存储的键值减少&#xff0c;指针也会减少&#xff0c;要同样保存大量数据&#xff0c;只能增加树的高度&a…...

编程日记 2025/7/7 8:40:51

React第十五节useReducer使用详解差异

useReducer() 的用法注意事项 1、 概述&#xff1a; useReducer() 常用于管理复杂的状态更新逻辑&#xff0c;特别是在状态更新依赖于多个条件或动作时&#xff0c;useReducer 提供了一种更加结构化和可维护的方式来处理状态。可以将更新函数写在组件外面 它与 useState() 相…...

编程日记 2025/7/12 16:45:29

高效备考 Oracle 19c OCM 的建议

满足报考条件 考生需要先获得 19c OCP&#xff08;Oracle Certified Professional&#xff09;认证&#xff0c;并完成 Oracle 官方认可的 OCP 培训课程 制定学习计划 规划学习时间&#xff1a;根据考试时间和自己的日常安排&#xff0c;制定详细的学习计划&#xff0c;合理分配…...

编程日记 2025/7/12 20:10:46

01-Chromedriver下载与配置（mac）

下载地址&#xff1a; 这里我用的最后一个&#xff0c;根据自己chrome浏览器选择相应的版本号即可 ChromeDriver官网下载地址&#xff1a;https://sites.google.com/chromium.org/driver/downloads ChromeDriver官网最新版下载地址&#xff1a;https://googlechromelabs.git…...

编程日记 2025/7/9 15:53:17

网站流量和用户行为深度分析

关于网站流量数据集的探索 import pandas as pd import plotly.express as px import plotly.graph_objects as go import plotly.subplots as sp import matplotlib.pyplot as plt import seaborn as sns file_path /home/mw/input/webs4651/website_wata.csv data pd.rea…...

编程日记 2025/7/12 21:12:29

centOS7如何配置阿里云或者腾讯云yum源

众所周知&#xff0c;CentOS很多版本目前已经不再维护了&#xff0c;原本的在线yum源已经无法使用&#xff0c;所以需要我们配置其他的yum源。目前腾讯云或者阿里云的yum源都可以正常使用&#xff0c;所以本文教大家如何配置阿里云/腾讯云在线yum源。 阿里云yum源配置&#xf…...

编程日记 2025/7/8 1:57:47

洗鞋小程序（源码+文档+部署+讲解）

本文将深入解析“洗鞋小程序”的项目&#xff0c;探究其架构、功能以及技术栈&#xff0c;并分享获取完整源码的途径。 系统概述 为洗鞋提供服务&#xff0c;包含小程序和管理端。 本项目名称为洗鞋小程序&#xff0c;是一个基于小程序的在线洗鞋平台。该系统提供下单、订单管…...

编程日记 2025/7/7 11:06:48

MySQL｜通过JSON_UNQUOTE实现MySQL中JSON数据的干净提取

文章目录 语法使用示例注意事项 JSON_UNQUOTE() 是 MySQL 中用于处理 JSON 数据类型的一个函数。它的主要作用是从 JSON 字符串中移除最外层的引号&#xff0c;这对于从 JSON 对象或数组中提取字符串值特别有用。 语法 JSON_UNQUOTE(json_string)json_string: 这是你想要去掉引…...

编程日记 2025/7/11 15:30:48

动态规划part01

文章参考来源代码随想录 理论基础 适用范围&#xff1a; 如果某一问题有很多重叠子问题&#xff0c;使用动态规划是最有效的。 与贪心算法的区别&#xff1a; 动态规划中每一个状态一定是由上一个状态推导出来的&#xff0c;这一点就区分于贪心&#xff0c;贪心没有状态推…...

编程日记 2025/7/12 12:02:59

生活大爆炸版石头剪刀布(洛谷P1328)

生活大爆炸版石头剪刀布(洛谷P1328) [NOIP2014 提高组] 前言&#xff1a; 由于洛谷发布题解有限制&#xff0c;所以在CSDN上发布洛谷题解。 所有题解均是Java语言, 但是思路是相同的 每篇都是刷题日常&#xff0c;尽量讲清楚算法逻辑。 希望有问题还请大佬们指导&#xff01; …...

编程日记 2025/7/8 19:19:26

【GOOD】DeGEM

ICLR2025 under review 看到不错的想法&#xff0c;学习一下 Decoupled Graph Energy-based Model for Node Out-of-Distribution Detection on Heterophilic Graphs &#x1f431;&#x1f436;图上的OOD检测的工作是比较少的&#xff0c;相比于图像数据&#xff0c;图结构数…...

编程日记 2025/7/7 9:17:34

jenkins邮件的配置详解

Jenkins邮件的配置涉及多个步骤和细节，以下是详细的配置指南： 一、前期准备 确定邮件服务：明确Jenkins将要使用的邮件服务，如QQ邮箱、163邮箱、公司邮箱（基于Microsoft 365或Exchange Server）等。获取SMTP配置信息：根据邮件服务类型，获取相应的SMTP服务器地址、端口号…...

编程日记 2025/7/11 10:23:17

flask-socketio相关总结

flask-socketio是一个为flask应用程序添加的实时双向通信功能的扩展库&#xff0c;有了这个库&#xff0c;就可以在flask应用中应用websocket协议&#xff0c;帮助flask实现低延迟、双向的客户端、服务端通信。客户端通过任何SocketIO官方库&#xff0c;都能与服务器建立长连接…...

编程日记 2025/7/10 19:22:15

每日一题 LCR 097. 不同的子序列

LCR 097. 不同的子序列 使用动态规划就可以解决&#xff0c;重点是知道 动态规划的状态是如何转移的 class Solution { public:int numDistinct(string s, string t) {int ns s.size();int nt t.size();vector<vector<long>> dp(ns1,vector<long>(nt1,0)…...

编程日记 2025/7/9 16:41:34

合并区间C和C++的区别、布尔、整型、浮点、指针类型和0做比较、malloc、calloc、realloc的区别

56. 合并区间 class Solution { public:vector<vector<int>> merge(vector<vector<int>>& intervals) {//先按照每个区间的左元素排序&#xff0c;这样每个区间的左边界就固定了&#xff0c;所以之后考虑相邻的//区间是否是相交的就行 类似与栈的…...

编程日记 2025/7/8 14:22:26

设计模式-外观模式

背景 有一个家庭影院&#xff0c;有DVD播放器&#xff0c;投影仪&#xff0c;屏幕&#xff0c;音响&#xff0c;爆米花机&#xff0c;每一个设备都有一个遥控器。 传统思路&#xff1a; 创建一个客户端类&#xff0c;在这个类中创建所有设备的相关对象&#xff08;遥控器&am…...

编程日记 2025/7/6 23:29:04

嵌入式驱动开发详解14（SPI驱动架构实现）

文章目录 前言SPI简介SPI介绍SPI工作模式SPI特点 驱动开发驱动架构SPI控制器驱动SPI设备驱动SPI 设备和驱动匹配过程SPI其他相关API函数 参考文献 前言 SPI 是很常用的串行通信协议&#xff0c;可以通过 SPI 来连接众多的传感器&#xff0c;相比 I2C 接 口&#xff0c;SPI 接口…...

编程日记 2025/7/11 21:40:19

【保姆级系列：思科模拟器安装下载汉化教程大全】

文章目录 概述Packet Tracer下载Packet Tracer安装Packet Tracer使用EVE-NG下载&#xff1a;EVE-NG安装&#xff1a;EVE-NG使用&#xff1a; 概述 思科在网络界的地位是众所周知的。如果说在中美科技战中&#xff0c;华为代表CHN&#xff0c;那么思科就代表US&#xff0c;依然…...

编程日记 2025/7/8 18:22:38

2024 一带一路暨金砖国家技能发展与技术创新大赛【网络安全防护治理实战技能赛项】样题（中职组）

2024 一带一路暨金砖国家技能发展与技术创新大赛【网络安全防护治理实战技能赛项】样题&#xff08;中职组&#xff09; 1.基础设置和安全强化&#xff08;xxx 分&#xff09;1.3. 任务内容: 2.安全监测和预警&#xff08;xxx 分&#xff09;2.1. 任务一&#xff1a;建立目录安…...

编程日记 2025/7/9 4:11:38

QT 中基于 TCP 的网络通信

基础 基于 TCP 的套接字通信需要用到两个类&#xff1a; 1&#xff09;QTcpServer&#xff1a;服务器类&#xff0c;用于监听客户端连接以及和客户端建立连接。 2&#xff09;QTcpSocket&#xff1a;通信的套接字类&#xff0c;客户端、服务器端都需要使用。 这两个套接字通信类…...

编程日记 2025/7/8 5:38:19

React Native 速度提升 550%

React Native 爱好者们！🌟 您准备好听一些激动人心的消息了吗？React Native 刚刚发布了其最大的更新之一：一种全新的架构，彻底改变了我们构建移动应用程序的方式。如果您想知道这对您的项目和开发体验意味着什么，请继续关注！我们正在深入探讨这个改变游戏规则的事物；您…...

编程日记 2025/7/6 11:04:18

火语言RPA流程组件介绍--键盘按键

&#x1f6a9;【组件功能】&#xff1a;模拟键盘按键 配置预览 配置说明 按键 点击后,在弹出的软键盘上选择需要的按键 执行后等待时间(ms) 默认值300,执行该组件后等待300毫秒后执行下一个组件. 输入输出 输入类型 万能对象类型(System.Object)输出类型 万能对象类型…...

编程日记 2025/7/10 20:21:08

数值分析—数值积分

研究背景 积分的数学解法为牛顿莱布尼兹公式&#xff0c;数学表示为 ∫ a b f ( x ) d x F ( b ) − F ( a ) \int_{a}^{b} f(x)dxF(b)-F(a) ∫ab​f(x)dxF(b)−F(a)&#xff0c;但应用该方法有如下困难&#xff1a; 1&#xff0c; f ( x ) f(x) f(x)的原函数有时不能用初等函…...

编程日记 2025/7/10 0:41:18

Next.js优化教程：优化字体加载

更多有关Next.js教程&#xff0c;请查阅&#xff1a; 【目录】Next.js 独立开发系列教程-CSDN博客 目录 更多有关Next.js教程&#xff0c;请查阅&#xff1a; 前言 1. 字体加载的常见问题 1.1 什么是 FOIT 和 FOUT&#xff1f; 1.2 字体优化的核心目标 2. Next.js 字体优…...

编程日记 2025/7/8 4:32:09

功能篇：springboot中全局异常

在Java应用程序中实现全局异常处理是确保应用健壮性和用户体验良好性的重要一步。通过全局异常处理&#xff0c;你可以集中管理所有未捕获的异常&#xff0c;并以统一的方式响应它们。对于Web应用程序&#xff08;如使用Spring框架的应用&#xff09;&#xff0c;通常会创建一个…...

编程日记 2025/7/7 9:19:27

【go 】 select case 的用法

文章目录 1. 基本使用&#xff1a;监听多个通道&#xff0c;会阻塞2.带默认分支&#xff1a;非阻塞操作3. 永远监听多个通道4. 超时机制5. 关闭通道的处理6. context的关闭判断 相关文章&#xff1a; 【go】select 语句case的随机性 【go】 select case 超时机制(time.After)示…...

编程日记 2025/7/7 23:24:31

出海服务器可以用国内云防护吗

随着企业国际化进程的加速&#xff0c;越来越多的企业选择将业务部署到海外服务器上&#xff0c;以便更贴近国际市场。然而&#xff0c;海外服务器也面临着来自全球各地的安全威胁和网络攻击。当出海服务器遭受攻击时&#xff0c;是否可以借助国内的云服务器来进行有效的防护呢…...

编程日记 2025/7/10 23:38:16

前端权限控制

前端权限控制 一、路由权限&#xff08;控制页面访问&#xff09; vue // router.js const routes [{path: /dashboard,name: Dashboard,component: () > import(/views/Dashboard.vue),meta: { requiresAuth: true, roles: [admin, manager] }},{path: /user,name: Use…...

编程日记 2025/7/8 20:38:44

计算机组成原理（二）：指令跳转

指令跳转&#xff08;Instruction Jump&#xff09;是计算机程序控制流的重要组成部分&#xff0c;通过改变程序的执行顺序实现循环、条件分支和函数调用等功能。 基本概念 跳转指令主要用来修改**程序计数器&#xff08;Program Counter, PC&#xff09;**的值&#xff0c;使…...

编程日记 2025/7/10 16:39:24

LoViT: 用于手术阶段识别的长视频Transformer|文献速递-生成式模型与transformer在医学影像中的应用

Title 题目 LoViT: Long Video Transformer for surgical phase recognition LoViT: 用于手术阶段识别的长视频Transformer 01 文献速递介绍 快速发展的手术数据科学&#xff08;SDS&#xff09;领域旨在通过先进利用手术室&#xff08;OR&#xff09;内医疗设备采集的数据…...

编程日记 2025/7/7 20:38:34

【传感器技术】第4章 力敏传感器，弹性敏感元件的基本特性，应变式压力传感器，电阻应变片的温度补偿，压阻式压力传感器，压电式压力传感器

关注作者了解更多 我的其他CSDN专栏 过程控制系统 工程测试技术 虚拟仪器技术 可编程控制器 工业现场总线 数字图像处理 智能控制 传感器技术 嵌入式系统 复变函数与积分变换 单片机原理 线性代数 大学物理 热工与工程流体力学 数字信号处理 光电融合集成电路…...

编程日记 2025/7/8 12:50:32

linux之vim

一、模式转换命令 vim主要有三种模式&#xff1a;命令模式&#xff08;Normal Mode&#xff09;、输入模式&#xff08;Insert Mode&#xff09;和底线命令模式&#xff08;Command-Line Mode&#xff09;。 从命令模式切换到输入模式&#xff1a;i&#xff1a;在当前光标所在…...

编程日记 2025/7/10 1:17:27

【LeetCode】每日一题 2024_12_9 判断国际象棋棋盘中一个格子的颜色（找规律）

前言 每天和你一起刷 LeetCode 每日一题~ LeetCode 启动&#xff01; 题目&#xff1a;判断国际象棋棋盘中一个格子的颜色 最近力扣一直在出棋盘类的题目&#xff0c;这个月已经出了 9 天了&#xff0c;我倒要看看他是不是真能出一个月 代码与解题思路 先读题&#xff1a;题…...

编程日记 2025/7/8 9:48:58

HCL虚拟环境搭建并且支持ssh远程访问

1.连接设备 新建设备和host主机&#xff0c;连线&#xff0c;host主机选择本地网卡&#xff08;不选host-only网卡&#xff09; 2.启动设备&#xff0c;打开终端&#xff0c;按ctrlc 3.执行命令 <H3C>system-view [H3C]int g0/0 [H3C-GigabitEthernet0/0]ip address …...

编程日记 2025/7/5 1:11:10

批量验证指定漏洞思路和流程

免责申明 本文仅是用于学习研究POC的地址收集与漏洞验证原理，请勿用在非法途径上，若将其用于非法目的，所造成的一切后果由您自行承担，产生的一切风险和后果与笔者无关；本文开始前请认真详细学习《‌中华人民共和国网络安全法》【学法时习之丨网络安全在身边一图了解网络安…...

编程日记 2025/7/11 1:06:10

首次打开韦东山提供的Ubuntu-18.04镜像后,该做哪些事？

目录 01-测试有无网络02-配置最基本的嵌入式开发环境(安装tftp-nfs等)03-缩短关机强制结束进行时间04-关闭软件的自动更新05-未完待续... 01-测试有无网络 ping www.baidu.com 02-配置最基本的嵌入式开发环境(安装tftp-nfs等) 需要安装 tftp&#xff0c;nfs&#xff0c;vim …...

编程日记 2025/7/8 1:29:25

怎么才能让图片不能转发截图保存

发私密图片给好友又担心被截图保存甚至转发给第三人&#xff1f;有没有办法让发出去的图片不能转发、截图、保存&#xff1f;当然有&#xff01;今天教你一招&#xff0c;并且对方打开不需要下载任何软件&#xff0c;发出去对方点开就能看。 操作步骤 如何发送这样限制截图的图…...

编程日记 2025/7/8 9:51:10

设计模式-装饰器模式(结构型)与责任链模式(行为型)对比，以及链式设计

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言1.装饰器模式1.1概念1.2作用1.3应用场景1.4特点1.5类与对象关系1.6实现 2责任链模式2.1概念2.2作用2.3应用场景2.4特点2.5类与对象关系2.6实现 3.对比总结 前言…...

编程日记 2025/7/10 13:44:44

outlook软件配置邮箱提示“到邮件服务器的加密连接不可用”

outlook软件配置邮箱提示“到邮件服务器的加密连接不可用” 问题描述&#xff1a; outlook软件里邮箱提示“已断开”或配置邮箱时提示“到邮件服务器的加密连接不可用”。 解决方案&#xff1a; 一、更改注册表&#xff08;可先导出备份&#xff09; winr&#xff0c;输入re…...

编程日记 2025/7/9 18:40:39

通过QT实现进度条随着读取文件增加

mythread循环给主线程发送信号实现主线程循环的功能 widget.h #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QFile> #include <QFileDialog> #include <QTextStream> #include <QByteArray> #include "mythread.h"…...

编程日记 2025/7/12 21:43:17

构建高效可靠的分布式推理系统：深入解析控制器与模型服务的协同工作

在现代互联网应用中，随着用户需求的增长和技术的进步，单一服务器已经难以满足大规模并发请求的需求。为了提升系统的性能和可靠性，开发者们越来越多地采用分布式架构。本文将结合具体的代码示例，深入浅出地探讨如何构建一个高效的分布式推理系统，并详细解析其中的关键组件…...

编程日记 2025/7/9 19:14:26

洛谷B2082

数字统计 - 洛谷 数字统计 题目描述 请统计某个给定范围 [L,R] 的所有整数中&#xff0c;数字 2 出现的次数。 比如给定范围 [2,22]&#xff0c;数字2 在数 2 中出现了 1 次&#xff0c;在数 12 中出现 1 次&#xff0c;在数 20中出现 1次&#xff0c;在数 21 中出现 1 次&…...

编程日记 2025/7/8 16:48:13

HTML5系列（14）-- 链接与资源关系指南

前端技术探索系列&#xff1a;HTML5 链接与资源关系指南 &#x1f517; 致读者&#xff1a;探索资源加载的艺术 &#x1f44b; 前端开发者们&#xff0c; 今天我们将深入探讨 HTML5 的链接与资源关系管理&#xff0c;学习如何优化网站的资源加载策略&#xff0c;提升用户体验…...

编程日记 2025/7/11 22:05:51

ubuntu系统每天凌晨定时上传redis 备份数据到阿里云OSS上

1.压缩备份脚本 1.1 代码如下#!/bin/bash# redis_backup_compress.sh # 设置变量 BACKUP_DIR"/data/redis/backup" REDIS_DIR"/var/lib/redis" DATE$(date %Y%m%d_%H%M%S) BACKUP_FILE"redis_backup_${DATE}.rdb" COMPRESSED_FILE"redis_b…...

编程日记 2025/7/6 20:10:14