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

vue2.0 组件

news 来源：原创 2025/7/19 19:58:00

个人简介

👨‍💻‍个人主页： 魔术师
📖学习方向： 主攻前端方向，正逐渐往全栈发展
🚴个人状态： 研发工程师，现效力于政务服务网事业
🇨🇳人生格言： “心有多大，舞台就有多大。”
📚推荐学习： 🍉Vue2 🍋Vue3 🍓Vue2/3项目实战 🥝Node.js实战 🍒Three.js 🍇鸿蒙开发
🪧使用备注：仅供学习交流 严禁用于商业用途 ，若发现侵权内容请及时联系作者
📤更新进度：持续更新内容
🤙个人名片：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧

vue2.0 组件目录

文章目录

    • 个人简介
    • vue2.0 组件目录
    • 9. vue 组件
      • 9.1 什么是组件化开发
      • 9.2 vue 中的组件化开发
      • 9.3 vue 组件的三个组成部分
        • 1. template
        • 2. script
        • 3. style
      • 9.4 组件之间的父子关系
        • 1. 使用组件的三个步骤
        • 2. 通过 components 注册的是私有子组件
        • 3. 注册全局组件
      • 9.5 组件的 props
        • 1. props 是只读的
        • 2. props 的 default 默认值
        • 3. props 的 type 值类型
        • 4. props 的 required 必填项
        • 5. 组件之间的样式冲突问题
      • 9.6 组件的基本使用
        • 1. 思考：如何解决组件样式冲突的问题
        • 2. style 节点的 scoped 属性
        • 3. /deep/ 样式穿透
      • 9.7 动态组件
        • 1. 什么是动态组件
        • 2. 如何实现动态组件渲染
        • 3. 使用 keep-alive 保持状态
        • 4. keep-alive 对应的生命周期函数
        • 5. keep-alive 的 include 属性

9. vue 组件

9.1 什么是组件化开发

  • 组件化开发指的是：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。

9.2 vue 中的组件化开发

  • vue 是一个支持组件化开发的前端框架。
  • vue 中规定：组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue 的组件。

9.3 vue 组件的三个组成部分

  • 每个 .vue 组件都由 3 部分构成，分别是：
    • template -> 组件的模板结构
    • script -> 组件的 JavaScript 行为
    • style -> 组件的样式
  • 其中，每个组件中必须包含 template 模板结构，而 script 行为和 style 样式是可选的组成部分。
1. template
  • vue 规定：每个组件对应的模板结构，需要定义到 <template> 节点中。
  • 注意：
    • template 是 vue 提供的容器标签，只起到包裹性质的作用，它不会被渲染为真正的 DOM 元素
    • template 中只能包含唯一的根节点
2. script
  • vue 规定：开发者可以在 <script>节点中封装组件的 JavaScript 业务逻辑。
  • .vue 组件中的 data 必须是函数
  • vue 规定：.vue 组件中的 data 必须是一个函数，不能直接指向一个数据对象。
3. style
  • vue 规定：组件内的 <style> 节点是可选的，开发者可以在<style>节点中编写样式美化当前组件的 UI 结构。
  • 在 <style> 标签上添加 lang="less" 属性，即可使用 less 语法编写组件的样式

vue.png

9.4 组件之间的父子关系

image.png

1. 使用组件的三个步骤

image.png

  • 步骤1：使用 import 语法导入需要的组件
  • 步骤2：使用 components 节点注册组件
  • 步骤3：以标签形式使用刚才注册的组件
2. 通过 components 注册的是私有子组件

  • 例如：

    • 在组件 A 的 components 节点下，注册了组件 F。
    • 则组件 F 只能用在组件 A 中；不能被用在组件 C 中。

  • 请大家思考两个问题：

    1. 为什么 F 不能用在组件 C 中？
    2. 怎样才能在组件 C 中使用 F？
3. 注册全局组件

在 vue 项目的 main.js 入口文件中，通过 Vue.component() 方法，可以注册全局组件。示例代码如下：

image.png

9.5 组件的 props

  • props 是组件的自定义属性，在封装通用组件的时候，合理地使用 props 可以极大的提高组件的复用性！

  • 它的语法格式如下：

image.png

1. props 是只读的
  • vue 规定：组件中封装的自定义属性是只读的，程序员不能直接修改 props 的值。否则会直接报错：

image.png

  • 要想修改 props 的值，可以把 props 的值转存到 data 中，因为 data 中的数据都是可读可写的！

image.png

2. props 的 default 默认值
  • 在声明自定义属性时，可以通过 default 来定义属性的默认值。示例代码如下：

image.png

3. props 的 type 值类型
  • 在声明自定义属性时，可以通过 type 来定义属性的值类型。示例代码如下：

image.png

4. props 的 required 必填项
  • 在声明自定义属性时，可以通过 required 选项，将属性设置为必填项，强制用户必须传递属性的值。示例代码如下：

image.png

5. 组件之间的样式冲突问题
  • 默认情况下，写在 .vue 组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。
  • 导致组件之间样式冲突的根本原因是：
    • 单页面应用程序中，所有组件的 DOM 结构，都是基于唯一的 index.html 页面进行呈现的
    • 每个组件中的样式，都会影响整个 index.html 页面中的 DOM 元素

9.6 组件的基本使用

1. 思考：如何解决组件样式冲突的问题
  • 为每个组件分配唯一的自定义属性，在编写组件样式时，通过属性选择器来控制样式的作用域，示例代码如下：

image.png

2. style 节点的 scoped 属性
  • 为了提高开发效率和开发体验，vue 为 style 节点提供了 scoped 属性，从而防止组件之间的样式冲突问题：

image.png

3. /deep/ 样式穿透
  • 如果给当前组件的 style 节点添加了 scoped 属性，则当前组件的样式对其子组件是不生效的。如果想让某些样式对子组件生效，可以使用 /deep/ 深度选择器。

image.png

9.7 动态组件

1. 什么是动态组件
  • 动态组件指的是动态切换组件的显示与隐藏。
2. 如何实现动态组件渲染
  • vue 提供了一个内置的 <component> 组件，专门用来实现动态组件的渲染。示例代码如下：

image.png

  • component 标签是专门用来占位的
  • 给 is 属性所表示的组件，来进行展位
<component is="组件的注册名称"></component>
3. 使用 keep-alive 保持状态
  • 默认情况下，切换动态组件时无法保持组件的状态。此时可以使用 vue 内置的 <keep-alive> 组件保持动态组件的状态。示例代码如下：
 <keep-alive include="Right,Left"><component :is="comName"></component></keep-alive>
  • keep-alive 可以保证内部的组件不会被销毁
  • 注意：默认情况下，keep-alive 会缓存内部所有的组件
  • include=“Right” 表示：只缓存名字叫 Right 的组件，其它组件不会被缓存
  • 注意：在 include 中，逗号前后千万不要加空格，否则会有问题
4. keep-alive 对应的生命周期函数
  • 当组件被缓存时，会自动触发组件的 deactivated 生命周期函数。
  • 当组件被激活时，会自动触发组件的 activated 生命周期函数。
 destroyed() {console.log('destroyed')},// 组件被激活的时候，会自动触发 activated 生命周期函数// 组件在被激活的时候，以及组件第一次被创建的时候，都会触发 activated 生命周期函数activated() {console.log('---- activated ----', '组件被激活了')},// 组件被缓存的时候，会自动触发 deactivated 生命周期函数// 只有组件被缓存的时候，才会触发 deactivated 生命周期函数deactivated() {console.log('---- deactivated ----', '组件被缓存了')}
5. keep-alive 的 include 属性
  • include 属性用来指定：只有名称匹配的组件会被缓存。多个组件名之间使用英文的逗号分隔
      <!-- keep-alive 可以保证内部的组件不会被销毁 --><!-- 注意：默认情况下，keep-alive 会缓存内部所有的组件 --><!-- include="Right" 表示：只缓存名字叫 Right 的组件，其它组件不会被缓存 --><!-- 注意：在 include 中，逗号前后千万不要加空格，否则会有问题 --><keep-alive include="Right,Left"><component :is="comName"></component></keep-alive>

相关文章：

vue2.0 组件

个人简介 &#x1f468;‍&#x1f4bb;‍个人主页&#xff1a; 魔术师 &#x1f4d6;学习方向&#xff1a; 主攻前端方向&#xff0c;正逐渐往全栈发展 &#x1f6b4;个人状态&#xff1a; 研发工程师&#xff0c;现效力于政务服务网事业 &#x1f1e8;&#x1f1f3;人生格言&…...

编程日记 2025/7/19 19:58:00

5月19日笔记

BGP的路由聚合 BGP&#xff08;Border Gateway Protocol&#xff0c;边界网关协议&#xff09;是互联网中用于在不同自治系统&#xff08;AS&#xff09;之间交换路由信息的一种协议。在BGP中&#xff0c;路由聚合是一种技术&#xff0c;它允许网络管理员通过减少路由表中冗余的…...

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

【SPIN】PROMELA并发编程（SPIN学习系列--3）

一、active与run&#xff1a;Promela的进程创建基石 在Promela语言中&#xff0c;**active和run**是构建并发模型的核心关键字&#xff0c;分别用于定义主动进程和动态创建被动进程&#xff1a; active proctype <进程名>() 作用&#xff1a;声明主动进程类型&#xff0…...

编程日记 2025/7/19 19:53:04

深入理解 Redisson 看门狗机制：保障分布式锁自动续期

在分布式系统的开发中&#xff0c;分布式锁是解决资源竞争、数据一致性问题的关键手段。Redisson 作为一个在 Java 领域广泛使用的 Redis 客户端框架&#xff0c;为我们提供了功能强大且易用的分布式锁实现。其中&#xff0c;看门狗&#xff08;watchDog&#xff09;机制更是 R…...

编程日记 2025/7/19 19:58:00

App 发布后才想起安全？iOS 后置混淆的实战方法与工具路线（含 Ipa Guard 应用体验）

作为一名 iOS 开发者&#xff0c;我们对“上线前打包”和“上线后复盘”都不会陌生。但坦白说&#xff0c;在忙完功能、优化、测试、提交审核这些流程之后&#xff0c;大多数人对“App 安全”只剩下一个念头&#xff1a;上线了&#xff0c;就算了吧。 然而&#xff0c;真正在 …...

编程日记 2025/7/19 11:58:56

k8s1.27集群部署mysql8.0双主双从

环境介绍&#xff1a; #节点分配 159m--->两个master&#xff0c;生产环境建议&#xff0c;一个master一个节点。 160n-->slave-0 161n-->slaves-0 #存储卷 pv-->放在节点上&#xff0c;没用nfs/云存储。hostpath方式存储。pv的资源分配1G&#xff0c;较小&#…...

编程日记 2025/7/19 13:18:46

C++经典库介绍

在 C 开发的漫长历程中&#xff0c;涌现出了许多经典的库&#xff0c;它们在不同的领域发挥着重要作用&#xff0c;极大地提升了 C 开发的效率和质量。下面为你介绍一些 C 开发中的经典库。 标准模板库&#xff08;STL&#xff09; STL 堪称 C 编程领域的基石&#xff0c;是每…...

编程日记 2025/7/19 19:35:01

树莓派系列教程第八弹：结合 ESP32-CAM 实现远程摄像头监控

在当今数字化时代&#xff0c;远程监控技术已经渗透到我们生活的方方面面。无论是家庭安防、远程办公&#xff0c;还是物联网设备的监控&#xff0c;能够随时随地查看摄像头的画面都显得尤为重要。今天&#xff0c;我们将带你走进一个充满创意和技术挑战的项目——利用树莓派和…...

编程日记 2025/7/19 19:29:59

AI人工智能写作平台：AnKo助力内容创作变革！

AI人工智能写作平台&#xff1a;AnKo助力内容创作变革&#xff01; AI人工智能写作平台正改变内容创作方式。AnKo作为领先的AI人工智能写作平台&#xff0c;免费为用户提供强大创作支持。AnKo AI人工智能写作平台整合多模型技术&#xff0c;提升写作效率和质量。 AI人工智能写…...

编程日记 2025/7/19 19:51:48

学习黑客 PowerShell 详解

PowerShell 详解&#xff1a;管道、过滤和常用命令技术指南 &#x1f680; 作者: 海尔辛 | 发布时间: 2025-05-19 12:18:38 UTC &#x1f4cb; 目录 PowerShell 管道详解文本搜索与过滤结果限制与选择比较和条件操作符格式化输出对象操作与属性访问错误处理综合实例与最佳实…...

编程日记 2025/7/19 19:37:43

【QT】一个界面中嵌入其它界面（二）

以下是使用 QStackedWidget 实现动态切换界面的完整代码&#xff0c;包含详细的注释和实现步骤&#xff1a; 完整代码 1. 子界面类&#xff1a;Page1 和 Page2 首先创建两个简单的子界面类&#xff0c;用于嵌入到 QStackedWidget 中。 // Page1.h #ifndef PAGE1_H #define P…...

编程日记 2025/7/19 19:37:43

前端的面试笔记——HTMLJavaScript篇（二）前端页面性能检测

前端页面性能检测和判定是优化用户体验的核心环节&#xff0c;需要结合实验室数据&#xff08;Lab Data&#xff09;、现场数据&#xff08;Field Data&#xff09;和行业标准综合评估。以下是主流方法、工具及判定标准的详细解析&#xff1a; 一、性能检测的核心维度与指标 …...

编程日记 2025/7/1 15:41:07

FD+Mysql的Insert时的字段赋值乱码问题

方法一 FDQuery4.SQL.Text : INSERT INTO 信息表 (中心, 分组) values(:中心,:分组); FDQuery4.Params[0].DataType : ftWideString; //必须加这个数据类型的定义&#xff0c;否则会有乱码 FDQuery4.Params[1].DataType : ftWideString; //ftstring就不行&#xff0c;必须是…...

编程日记 2025/7/19 18:41:52

论坛系统(中-2)

软件开发 实现业务功能 个人中心 页面结构介绍 个人中心的页面结构分为三部分 1> 导航栏 2> 正文部分 3> 页脚部分 index.html 的页面结构 1> 导航栏 2> 正文部分 3> 页脚部分 获取用户信息 实现逻辑 ⽤⼾提交请求&#xff0c;服务器根据是否传⼊I…...

编程日记 2025/7/1 15:41:04

火山 RTC 引擎9 ----集成 appkey

一、集成 appkey 1、网易RTC 初始化过程 1&#xff09;、添加头文件 实现互动直播 - 互动直播 2.0网易云信互动直播产品的基本功能包括音视频通话和连麦直播&#xff0c;当您成功初始化 SDK 之后&#xff0c;您可以简单体验本产品的基本业务流程&#xff0c;例如主播加入房间…...

编程日记 2025/7/18 20:32:13

Protobuf协议生成和使用

知识点一 利用protoc.exe编译器生成脚本文件 //1.打开cmd窗口 //2.进入protoc.exe所在文件夹&#xff08;也可以直接将exe文件拖入cmd窗口中&#xff09; //3.输入转换指令 //protoc.exe -I配置路径 --csharp_out输出路径 配置文件名 //注意&…...

编程日记 2025/7/19 19:47:51

2025年—ComfyUI_关于ComfyUI的零碎小知识

之前有个朋友问我要了一个软件安装包&#xff0c;我分享了网盘链接&#xff0c;过了会儿朋友说解压后点击安装一直提示失败&#xff0c;还发给我报错信息&#xff0c;我从没遇到过&#xff0c;也不知做何解&#xff0c;于是要了截图&#xff0c;看着不对劲&#xff0c;问其在哪…...

编程日记 2025/7/19 1:16:36

用 SamGeo 库实现遥感影像自动分割：从本地 TIFF 到 SHP/GeoJSON 的一站式处理（Python 脚本实现）

背景：地理空间数据处理的智能化转型与 SAM 模型的革新应用 在遥感测绘、城市规划、环境监测等领域，地理空间影像数据的自动化处理一直是提升效率的核心需求。传统的影像分割方法依赖人工标注或复杂的参数调优，难以应对海量卫星 / 无人机影像的快速分析；而栅格数据（如 Geo…...

编程日记 2025/7/1 15:39:34

Excel导入校验

校验监听器 /*** Excel 校验监听器* param <T>*/ public class AnalysisValidReadListener<T> extends AnalysisEventListener<T> {private static final Logger logger LoggerFactory.getLogger(AnalysisValidReadListener.class);private static final i…...

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

【批量图片查找】在电脑上如何根据文件名清单一次性查找多张图片并复制到指定文件夹，基于Python的解决方案

一、应用场景 这个工具适用于以下场景&#xff1a; 设计师需要从大量素材中筛选特定图片复制并保存摄影师需要根据文件名批量整理照片查找筛选复制电商运营人员需要从产品库中提取特定商品图片复制到指定文件夹数据分析师需要批量收集特定图片复制保存用于处理任何需要从大量图…...

编程日记 2025/7/18 20:32:29

湖北理元理律师事务所观察：债务服务中的“倾听者价值”

在债务纠纷解决过程中&#xff0c;法律专业能力与心理支持同样重要。调研显示&#xff0c;72%的债务人在咨询初期存在“隐瞒真实负债”“抗拒沟通”等行为&#xff0c;直接影响方案有效性。湖北理元理律师事务所通过服务模式创新&#xff0c;尝试破解这一难题。 建立信任的三大…...

编程日记 2025/7/1 15:39:27

GPT-4.1特点？如何使用GPT-4.1模型,GPT-4.1编码和图像理解能力实例展示

几天前&#xff0c;OpenAI在 API 中推出了三个新模型&#xff1a;GPT-4.1、GPT-4.1 mini 和 GPT-4.1 nano。这些模型的性能全面超越 GPT-4o 和 GPT-4o mini(感觉这个GPT-4.1就是GPT-4o的升级迭代版本)&#xff0c;主要在编码和指令跟踪方面均有显著提升。还拥有更大的上下文窗口…...

编程日记 2025/7/19 15:44:16

网络工程师案例分析

✅ Huawei Super VLAN 通信规则总结 &#x1f310; 基本结构 Super VLAN&#xff1a;逻辑 VLAN&#xff0c;承载三层网关&#xff08;VLANIF 接口&#xff09;。 Sub VLAN&#xff1a;实际的用户 VLAN&#xff0c;不配置 IP&#xff0c;仅做二层转发。 &#x1f512; 通信规…...

编程日记 2025/7/19 4:35:25

tcp/ip协议

OSI参考模型 应用层&#xff1a;OSI最高层。确定进程之间通信性质 协议:http:80,https:443,ftp:21,telnet:23,ssh:22,smtp:25,pop3 表示层:处理流经结点的数据编码的表示方式问题&#xff0c;以保证一个系统应用层发出的消息可被另一系统的应用层读出&#xff0c;数据压缩和加…...

编程日记 2025/7/1 15:39:20

小红书的视频怎么保存没有水印（方法分享）

你是不是也经常在小红书上刷到超赞的旅行vlog、美妆教程或美食探店视频&#xff0c;想保存下来慢慢看&#xff0c;却发现下载后总有烦人的水印&#xff1f;别急&#xff01;今天教你一招&#xff0c;3秒轻松保存无水印高清视频&#xff0c;简单又实用&#xff01; 为什么需要无…...

编程日记 2025/7/1 15:39:17

RK3568解码1080P视频时遇到系统崩溃内核挂掉的解决方案

接上篇rk3568。 实际使用 rock_mpp库硬解码时&#xff0c;会遇到解码1080P视频整个系统卡死&#xff0c;内核崩溃的问题。 以下是内核崩溃的日志&#xff0c;下面这句是典型的内核某块驱动挂掉的信息。 [ 292.469580] Unable to handle kernel NULL pointer dereference at…...

编程日记 2025/7/1 15:39:14

C++ —— Lambda 表达式

&#x1f381;个人主页&#xff1a;工藤新一 &#x1f50d;系列专栏&#xff1a;C面向对象&#xff08;类和对象篇&#xff09; &#x1f31f;心中的天空之城&#xff0c;终会照亮我前方的路 &#x1f389;欢迎大家点赞&#x1f44d;评论&#x1f4dd;收藏⭐文章 文章目录 L…...

编程日记 2025/7/18 18:59:58

Keepalived相关配置和高可用

目录 一. Keepalived的工作原理 二. 实现单独的心跳网卡 三. keepalive一些优化 3.1 主从之间加密验证 3.2 修改心跳线发送时间 四. 添加独立日志 五. 抢占模式&#xff0c;非抢占模式&#xff0c;延迟抢占模式 六. 单播地址和多播地址 1. 单播地址&#xff08;Unicast…...

编程日记 2025/7/1 15:39:08

gtest 库的安装和使用

目录 介绍 安装 使用 介绍 官方文档&#xff1a;GoogleTest 入门 |GoogleTest 谷歌测试 gtest 库是谷歌开源的 C测试单元框架&#xff0c;方便我们测试程序的正确性。 安装 sudo apt-get install libgtest-dev 使用 GTest 中的断言的宏可以分为两类&#xff1a; • ASS…...

编程日记 2025/7/18 20:32:34

Python训练营打卡——DAY30（2025.5.19）

目录 模块和库的导入 一、导入官方库 1. 标准导入&#xff1a;导入整个库 2. 从库中导入特定项 3. 非标准导入&#xff1a;导入整个库 二、模块、包的定义 三、使用案例 场景1: main.py 和 circle.py 都在同一目录 场景2: main.py 和 circle.py 都在根目录的子目录 mo…...

编程日记 2025/7/1 15:39:01

Django框架的前端部分使用Ajax请求一

Ajax请求 目录 1.ajax请求使用 2.增加任务列表功能(只有查看和新增) 3.代码展示集合 这篇文章, 要开始讲关于ajax请求的内容了。这个和以前文章中写道的Vue框架里面的axios请求, 很相似。后端代码, 会有一些细节点, 跟前几节文章写的有些区别。 一、ajax请求使用 我们先…...

编程日记 2025/7/1 17:21:15

w~自动驾驶~合集3

我自己的原文哦~ https://blog.51cto.com/whaosoft/13269720 #FastOcc 推理更快、部署友好Occ算法来啦&#xff01; 在自动驾驶系统当中&#xff0c;感知任务是整个自驾系统中至关重要的组成部分。感知任务的主要目标是使自动驾驶车辆能够理解和感知周围的环境元素&…...

编程日记 2025/7/1 17:21:13

LeetCode 39. 组合总和 LeetCode 40.组合总和II LeetCode 131.分割回文串

LeetCode 39. 组合总和 需要注意的是题目已经明确了数组内的元素不重复&#xff08;重复的话需要执行去重操作&#xff09;&#xff0c;且元素都为正整数&#xff08;如果存在0&#xff0c;则会出现死循环&#xff09;。 思路1&#xff1a;暴力解法 对最后结果进行去重 每一…...

编程日记 2025/7/19 1:06:20

C++(2)关键字+数据类型 +数据类型输入

&#xff08;1&#xff09;如下关键字是 不能用于定义变量名和常量名的 &#xff01;。 如int int 这样就会报错 所以注意即可 。 &#xff08;2&#xff09;标识符命名规则 &#xff08;即变量和常量的命名规则&#xff09; 最主要注意 第一个 字符必须是字母或是下划线 —…...

编程日记 2025/7/1 17:21:09

第二道re

题目来源&#xff1a;天狩CTF竞赛平台 Lihuas for 题目提示说是for循环&#xff0c;不管了干吧 先看加没加壳&#xff0c;没有&#xff0c;直接无脑IDAF5 代码功能概述 程序会要求用户输入一个 flag&#xff0c;然后将输入的每个字符与索引值进行异或运算&#xff0c;并将结…...

编程日记 2025/7/1 17:21:07

【C语言内存函数】--memcpy和memmove的使用和模拟实现，memset函数的使用，memcmp函数的使用

目录 一.memcpy的使用和模拟实现 1.1--memcpy的使用演示 1.2--memcpy的模拟实现 二.memmove的使用和模拟实现 2.1--memmove的使用演示 2.2--memmove的模拟实现 三.memset函数的使用 3.1--memset的使用演示 3.2--总结 四.memcmp函数的使用 4.1--memcmp的使用演示 4.2…...

编程日记 2025/7/1 17:21:05

java集合详细讲解

Java 8 集合框架详解 Java集合框架是Java中最重要、最常用的API之一&#xff0c;Java 8对其进行了多项增强。下面我将全面讲解Java 8中的集合框架。 一、集合框架概述 Java集合框架主要分为两大类&#xff1a; Collection - 单列集合 List&#xff1a;有序可重复Set&#xf…...

编程日记 2025/7/1 17:21:03

UniApp 实现的文件预览与查看功能#三方框架 #Uniapp

UniApp 实现的文件预览与查看功能 前言 在开发移动应用时&#xff0c;文件预览功能是一个非常常见的需求。无论是查看PDF文档、图片还是Office文件&#xff0c;都需要一个稳定且易用的预览解决方案。本文将详细介绍如何在UniApp中实现各类文件的预览功能&#xff0c;并分享一…...

编程日记 2025/7/1 17:21:01

用户行为日志分析的常用架构

## 1. 经典Lambda架构 Lambda架构是一种流行的大数据处理架构&#xff0c;特别适合用户行为日志分析场景。 ### 1.1 架构组成 Lambda架构包含三层&#xff1a; - **批处理层(Batch Layer)**: 存储全量数据并进行离线批处理 - **实时处理层(Speed Layer)**: 处理最新数据&…...

编程日记 2025/7/19 12:48:05

【VBA/word】批量替换字体大小

将5号或6号字体改为10.5号字体&#xff08;循环10次&#xff09; AI复制的文案问题调整 Sub Change5or6ptTo16pt_10Loops()Dim rng As RangeDim doc As DocumentDim found As BooleanDim i As IntegerDim totalChanges As LongDim targetSizes As VariantDim size As VariantSe…...

编程日记 2025/7/1 17:20:57

C++类与对象--3 C++对象模型和this指针

3.1 类成员分开存储 成员变量和成员函数在内存中是分开存储的只有非静态成员变量是存储在对象上的 C为空对象分配1字节的空间非空对象的大小为其内部非成员变量大小总和 静态成员不占对象空间不同对象的成员函数共享一个函数实例&#xff0c;不占对象空间&#xff08;通过th…...

编程日记 2025/7/1 17:20:56

DV SSL证书管理主要有哪些功能?

在互联网信息传输高速发展的今天&#xff0c;用户对网站安全性的要求越来越高。SSL证书已成为网站“身份认证数据加密”的标配。其中&#xff0c;DV SSL证书由于其签发快速、价格低廉、使用广泛&#xff0c;成为大量中小型网站、个人博客、电商平台的首选。然而&#xff0c;选择…...

编程日记 2025/7/1 17:20:53

el-tree结合el-tree-transfer实现穿梭框里展示树形数据

参考文章&#xff1a;我把他的弹框单拉出来一个独立文件作为组件方便使用&#xff0c;遇到一些问题记录一下。 testComponet.vue <template><div class"per_container"><div class"per_con_left"><div class"per_con_title&q…...

编程日记 2025/7/1 17:20:51

浅谈GC机制-三色标记和混合写屏障

标记清除法 stw&#xff08;stop the world&#xff09;&#xff1a;暂停所有goroutine&#xff0c;扫描出可达与不可达对象&#xff0c;进行回收 三色标记法 不暂停&#xff0c;并发扫描&#xff0c;从根节点出发&#xff0c;扫描过对象的为黑&#xff0c;下一个可达对象为…...

编程日记 2025/7/1 17:20:49

Python训练营打卡 Day30

模块和库的导入 知识点回顾&#xff1a; 导入官方库的三种手段 直接导入整个库&#xff1a;使用 import library_name 语法。 导入库中的特定模块或函数&#xff1a;使用 from library_name import module_name 或 from library_name import function_name。 导入库并起别名&…...

编程日记 2025/7/1 17:20:47

深入探讨死区生成：原理、实现与应用

在电力电子、信号处理等众多领域中&#xff0c;“死区生成”是一个十分关键的概念&#xff0c;它能有效避免器件误动作、减少干扰&#xff0c;保障系统稳定运行。今天就通过问答的形式&#xff0c;和大家深入聊聊死区生成相关知识。 什么是死区生成&#xff1f; 死区生成是指…...

编程日记 2025/7/1 17:20:45

OpenCV 环境搭建与概述

// //OpenCV-4.11.0 C VS2019 // 一、OpenCV学习路线 1、入门: OpenCV图像读写、视频读写、基本像素处理、基本卷积处理、基本C开发知识。 2、初级: OpenCV自定义卷积操作、图像梯度、边缘提取、二值分析、视频分析、形态学处理、几何变换与透视变换。 3、中级: 角点查找、BL…...

编程日记 2025/7/1 17:20:43

c/c++的opencv均值函数

C/C 中的均值函数&#xff1a;从基础到应用 &#x1f4ca; 在 C/C 编程中&#xff0c;计算一组数值的**均值&#xff08;平均值&#xff09;**是一项非常基础且常见的操作。无论是数据分析、信号处理、图像处理还是机器学习&#xff0c;均值函数都扮演着重要的角色。本文将详细…...

编程日记 2025/7/1 17:20:41

go 数据类型转换

graph TDA[整型<br>int, int8, int16, int32, int64] -->|类型转换| B[浮点型<br>float32, float64]B -->|类型转换| AA -->|类型转换| C[布尔型<br>bool]C -->|类型转换| AB -->|类型转换| D[复数型<br>complex64, complex128]D -->…...

编程日记 2025/7/1 17:20:40

Go内存管理

内存管理 文章目录 内存管理何为内存&#xff1f;内存为什么需要管理&#xff1f;内存管理的方式操作系统存储模型操作系统是怎么管理内存的&#xff1f;虚拟内存与物理内存认识虚拟内存分页管理 Golang 内存模型TCMalloc核心概念go内存管理核心概念GO内存分配GO 内存逃逸机制一…...

编程日记 2025/7/1 17:20:38