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

大前端开发——前端知识渐变分层讲解 利用金字塔原理简化前端知识体系

news 来源：原创 2025/5/18 21:25:35

Web开发基础

核心概念

  1. HTML、CSS和JavaScript：Web开发的三大基石，分别负责结构、样式和行为。

  2. 代码管理：随着项目规模扩大，需要将代码拆分成小块，便于维护。

  3. 作用域污染：早期所有代码共享全局作用域，容易导致变量和函数名冲突。

细化解释

在Web开发的初期，开发者通常将HTML、CSS和JavaScript写在一个文件（如index.html）中。这种方式简单，但当代码量增加时，文件变得臃肿，维护困难。为了解决这个问题，开发者开始将JavaScript拆分成多个文件，通过<script>标签引入。然而，所有代码仍共享全局作用域，如果多个文件中定义了同名变量或函数，就会相互覆盖，导致“作用域污染”。

模块化与打包工具

核心概念

  1. 模块化：将代码拆分为独立模块，每个模块有自己的作用域，避免全局污染。

  2. 打包工具：如Webpack，将多个模块整合成一个或多个文件，便于部署。

  3. Webpack：主流打包工具，支持前端和后端代码的统一处理。

细化解释

模块化开发通过将功能封装到独立的模块中，避免了全局作用域的冲突。每个模块可以导出功能（如函数或变量），其他模块通过导入使用这些功能。Webpack作为打包工具，能够分析模块间的依赖关系，将所有模块打包成一个bundle.js文件，浏览器可以直接加载运行。

后端引入方式与AMD/CMD协议

核心概念

  1. require：Node.js中同步加载模块的方式。

  2. AMD（异步模块定义）：浏览器端异步加载模块的标准。

  3. CMD（通用模块定义）：在AMD基础上改进，提供更灵活的加载方式。

细化解释

在Node.js中，require同步加载模块，适合服务器端，但在浏览器端由于网络延迟，同步加载效率低下。AMD通过define定义模块，支持异步加载依赖，适用于前端。CMD在AMD基础上优化，允许按需加载依赖，并通过缓存减少重复请求。

Webpack的统一打包功能

核心概念

  1. 统一打包：支持不同模块标准（如CommonJS、ES Modules）的代码整合。

  2. 入口文件：从指定入口开始，构建依赖图并打包。

细化解释

Webpack能够处理使用require（CommonJS）或import（ES Modules）的代码，将其统一打包为一个文件。开发者无需担心模块标准的差异，只需指定入口文件，Webpack会自动解析依赖并生成bundle.js。

单页面应用和多页面应用

核心概念

  1. 网页加载：浏览器通过URL向服务器请求资源。

  2. 缓存机制：存储静态资源，减少重复请求。

  3. 单页面应用（SPA）：一个HTML文件，通过JavaScript动态渲染。

  4. 多页面应用（MPA）：多个独立HTML文件，适合SEO。

细化解释

传统MPA中，每个页面对应一个HTML文件，导航时重新请求。SPA只有一个HTML，通过JavaScript动态更新内容，提升用户体验。缓存机制通过存储JS、CSS等静态文件，加速后续加载。

单页面应用框架

React、Angular、Vue

  1. React、Angular、Vue：主流SPA框架，提供组件化开发。

  2. 与Webpack结合：优化代码打包和资源管理。

细化解释

这些框架通过组件化方式组织代码，与Webpack结合实现模块化开发和高效打包。React以声明式UI著称，Vue易上手，Angular功能全面。

组件化的概念

  1. 单页面应用采用的方式都是构建一个大组件，然后再把这个大组件挂载到一个名叫 div#app 下面去

    1. 这里几乎是所有初中级前端迈不过去的概念了，他们不知道可以多创建一个 div，然后通过改写 main.js 将多个 Vue 组件挂载到多个 div 下，因为一般情况下完全不需要这样做，但是在谷歌插件开发，需要增强一个网页功能时，恰巧需要这个概念，若没有这个概念，就很难搞了，如下图红框里面这些小图标

  1. 将单页面的打包理解为一个大 Vue 组件的 js 代码用 Webpack 打包的过程，才能更好的理解谷歌插件开发，否则很难对谷歌插件知识进行分层，最终将插件知识和 Webpack + Vue 打包知识混合在一起，那就让你脑袋大了。

谷歌插件开发基础

popup.html，option.html，background.js，content script，inject script

  1. 谷歌插件：实现多页面间数据通信。

  2. 结构：

    • background：后台脚本，处理持久数据。

    • popup：弹出界面。

    • content script：注入网页，监听消息。

    • inject script：处理业务逻辑。

细化解释

谷歌插件通过多个组件协作实现功能。background脚本常驻后台，popup提供用户交互，content script访问网页DOM，inject script执行具体逻辑。多端通信涉及1:n关系（如插件到多个tab）。

background.js 特殊存在，为何谷歌称它 serviceworker.js

  1. background.js 最早期 MV2 版本时，它就是一个独立 page 和其他页面没啥区别，也即意味着原来谷歌浏览器需要给 background.html 提供 V8 运行环境，提供一些毫无用处的 DOM 全局变量的概念，但是 background.js 是个不可见的纯提供服务的概念，追加 window 和 DOM 以及其他 html5 API 都没有任何实质意义，还增加了性能开销，这东西需要常驻以便为其他页面提供服务；

  2. 那为何不把 background.html 做成一个简单的 worker.js 呢？用的时候加载进来，不用的时候卸载掉？不就不存在性能损耗了吗？不就可以让谷歌浏览器同时支持上百个插件在运行了吗？既然如此那必须干！于是 background.html 变成了 background.js，成为其他页面通信中转和数据增删改查的服务；

谷歌插件的知识分层

  1. 知道谷歌插件由 popup.html，option.html，background.js，content script，inject script 5 个部分构成，其中 popup.html，option.html 是单页面，content script 和 inject script 是组件化打包之后挂载到网页的某个 div 上实现具体功能的存在，而 background.js 是负责通信中转和数据增删改查的概念，但以上概念，均可以通过 webpack 进行打包，且 target:"web"，因为这 5 个概念都没有偏离 web 下运行的范畴；

  2. 你要掌握的谷歌插件知识只有

    1. 5 个部分如何通信？

    2. content script 和 inject script 不共用一个作用域

    3. inject script 是与网页共享一个 window 作用域

    4. content script 在复杂开发中，只充当通信中转器，因为网页环境无法直接跟某个插件直接通信，因为网页和插件是 1:n 的概念，window.postmessage 到底发给哪个插件，浏览器不得而知，你必须有个 content script 接收这个消息才能保证网页和插件的对应。

    5. 所有的数据持久化，必须通过 background.js，因为其他那 4 个都不能保证稳定性和对应性，例如 inject script 只能存到 localstorage 里面，是针对某个网页的，与插件的存储范围不一样。

    6. 了解 chrome.storage 所有增删改查的使用方法；

  3. 至于 vuex，vue-router，vue 脚手架的使用压根跟谷歌插件开发没有关系，但若你一开始就从一个谷歌插件脚手架开始，迷惑也很正常；

Electron桌面应用开发

主进程 Main 和渲染进程 renderer

  1. 主进程：管理操作系统功能，类似于 background.js

  2. 渲染进程：类似于 popup.html option.html

    1. webview 渲染进程：类似于网页+inject script

    2. 渲染进程的 preload.js：类似于网页+content script

  3. 归根结底，你只需要了解两个概念，主进程和渲染进程，其他都是进一步的细化

细化解释

Electron结合Node.js（主进程）和Chromium（渲染进程），支持跨平台开发。主进程处理文件操作等，渲染进程负责界面展示，二者通过IPC通信。

主进程 Main

  1. node.js 环境下的运行脚本，electron.exe main.js 进行启动

  2. 相当于 electron.js 程序运行到一定步骤后，使用 eval 函数，将 main.js 加载后执行

渲染进程 Renderer

  1. main.js 启动 V8 环境构建出来的网页环境，这个环境可以直接执行里面的 html 和 js，那说明 web 打包那一套又可以直接拿来用了，比如 vue 脚手架打包一个单页面，直接丢进来就能用了

  2. 特殊的渲染进程 webview，会对具体的网页进行渲染，通过将 Vue 打包成组件挂载到网页的具体 div 上面，实现网页功能的增强

进程间通信

核心概念

  1. 进程间通信（IPC）：主进程与渲染进程间的消息传递。

  2. 服务间通信：主进程与外部服务的交互。

  3. 通信方式：监听、发送消息、第三方中转。

细化解释

在Electron中，IPC通过ipcMain和ipcRenderer实现进程间通信。服务间通信可能涉及HTTP或WebSocket，复杂场景可借助消息队列。

服务间通信

  1. 如果将所有的逻辑都放在 main.js 中，比如数据库的增删改查操作，就会让主进程变得特别冗杂，冗杂就会导致出错率增大，针对渲染进程和 webview 进程闪退，都会自动重启，而主进程因为异常而闪退，则没有任何机会重启，因此降低主进程的代码复杂量，非常必要。

  2. 但是将逻辑抽离出来，单独形成 http 本地服务实现数据库增删改查，但随之而来的问题，是主进程和 http 本地服务就无法通信了，此时可以将主进程和 http 本地服务都理解为独立的服务，两个服务之间可通过订阅一个独立的服务消息，实现消息的实时通信，例如 Redis 或者 zeroMQ

总结

看似非常复杂的大前端开发，最终无非就是在解决两个问题：

  1. 解决不同层级下的通信问题

    1. 同页面下的通信，例如 vue 的父子通信，或者 vuex

    2. 不同页面下的通信，例如谷歌插件不同页面的 chrome.runtime.sendMessage

    3. 不同进程下的通信，例如 electron 的 ipcRenderer.invoke

    4. 不同服务下的通信，例如 electron 的 main.js 和本地 http.exe

  2. 解决数据的存储问题

    1. 同页面下的数据存储，例如 vuex 和 localStorage

    2. 不同页面下的数据存储，例如 chrome.storage

    3. 不同进程下的数据存储，例如 config.json 和 sqlite

其他东西都是这两大问题的具体细化过程，以及 web 方面的开发知识，如果你觉得很难，那基本是 web 本身的基础就不牢靠，学得似是而非。

相关文章：

大前端开发——前端知识渐变分层讲解 利用金字塔原理简化前端知识体系

Web开发基础 核心概念 HTML、CSS和JavaScript&#xff1a;Web开发的三大基石&#xff0c;分别负责结构、样式和行为。 代码管理&#xff1a;随着项目规模扩大&#xff0c;需要将代码拆分成小块&#xff0c;便于维护。 作用域污染&#xff1a;早期所有代码共享全局作用域&…...

编程日记 2025/5/18 21:25:35

面向网络安全的开源 大模型-Foundation-Sec-8B

1. Foundation-Sec-8B 整体介绍 Foundation-Sec-8B 是一个专注于网络安全领域的大型语言模型 (LLM)，由思科的基础人工智能团队 (Foundation AI) 开发 。它基于 Llama 3.1-8B 架构构建，并通过在一个精心策划和整理的网络安全专业语料库上进行持续预训练而得到增强 。该模型旨在…...

编程日记 2025/5/18 21:14:54

长效住宅IP是什么？如何获取长效住宅IP？

在当今的互联网世界里&#xff0c;IP地址作为连接用户与网站之间的桥梁&#xff0c;其重要性不言而喻。对于跨境电商、社交媒体运营以及数据采集等领域的专业人士而言&#xff0c;普通的IP地址已无法满足日益复杂的需求。他们更需要一种稳定、安全且持久的长效住宅IP来完成各类…...

编程日记 2025/5/18 21:14:54

零基础实现把知识库接到聆思CSK6大模型开发板上

前言 大模型作为一个语言模型&#xff0c;实际上没有真正的记忆功能。所谓的对话记忆只是开发者将对话历史向GPT发送消息时将最近的对话历史通过提示工程组发送给ChatGPT。换句话说&#xff0c;如果对话历史超过了大模型的最大上下文&#xff0c;GPT会忘记之前的部分&#xff0…...

编程日记 2025/4/30 12:30:56

docker 部署前、后端分离项目详细步骤(从打包到部署)

在平常的开发工作中&#xff0c;一个项目经历需求、开发、测试、上线等步骤。在开发测试完成后&#xff0c;我们需要部署测试环境、生产环境等&#xff0c;那么我们用 docker 方式应该怎么部署呢&#xff1f;前后端分离的项目又该如何部署呢&#xff1f;那么&#xff0c;今天我…...

编程日记 2025/4/30 12:30:55

【深度学习的灵魂】图片布局生成模型LayoutPrompt（1）

&#x1f308; 个人主页&#xff1a;十二月的猫-CSDN博客 &#x1f525; 系列专栏&#xff1a; &#x1f3c0;《深度学习理论直觉三十讲》_十二月的猫的博客-CSDN博客 &#x1f4aa;&#x1f3fb; 十二月的寒冬阻挡不了春天的脚步&#xff0c;十二点的黑夜遮蔽不住黎明的曙光 目…...

编程日记 2025/4/30 12:30:55

BG开发者日志429：故事模式的思路

1、故事模式已有的一关试验关中&#xff0c;直接揭示了一些重要真相&#xff0c;白给了。 /原设计思路是玩家可以直接玩故事模式&#xff0c;很快就能通关本模式的所有关卡&#xff0c;知道所有真相。 /原表现方式是步行模拟&#xff0c;到地点看对话。 &#xff08;现在看来…...

编程日记 2025/4/30 12:28:47

Linux批量管理：Ansible自动化运维指南

引言 在服务器规模化的时代&#xff0c;Ansible就像一位"自动化指挥官"&#x1f396;️&#xff0c;让你轻松管理成百上千台Linux主机&#xff01;本文将带你全面掌握Ansible的核心用法&#xff0c;从基础架构到高级Playbook&#xff0c;从主机管理到应用部署。无论…...

编程日记 2025/4/30 12:28:46

【AI提示词】第一性原理

提示说明 擅长运用第一性原理思维进行深度问题分析与创新解决方案构建的专家。 提示词 # Role: 第一性原理思考导师## Profile - language: 中文 - description: 擅长运用第一性原理思维进行深度问题分析与创新解决方案构建的专家 - background: 具备理论物理学与哲学复合背…...

编程日记 2025/5/17 4:58:32

【LeetCode】螺旋矩阵

题目 题目链接 请按照 顺时针螺旋顺序 &#xff0c;返回矩阵中的所有元素&#xff0c;示例如下&#xff1a; 思路 整体思路为模拟。具体地&#xff0c;可以采用“减而治之”的思想&#xff0c;将整个遍历过程拆分为一次次对每一行和每一列的遍历&#xff0c;每次只考虑一行/…...

编程日记 2025/5/5 19:56:00

给 BBRv2/3 火上浇油的 drain-to-target

最近彻底跟 BBR 杠上了&#xff0c;再读一篇落实性论文 Promises and Potential of BBRv3&#xff0c;结论依然是 BBRv3 并未如声称的那般优化公平性&#xff0c;反而可能更糟糕&#xff0c;不得不说又是任重而道远。 说一个我遇到的&#xff0c;讲理之外顺带吐槽。 BBRv1 在…...

编程日记 2025/5/18 1:17:45

后端id类型为long类型时，返回给前端浏览器四舍五入，导致id精度缺失问题

背景 今天在代码里&#xff0c;掉了别人写的接口&#xff0c;有个id的字段是long类型的&#xff0c;我这边加点参数返回给前端&#xff0c;然后前端根据id修改&#xff0c;结果修改的数据记录有&#xff0c;但是没起作用&#xff0c;后来发现根据他传给我的id在后台数据库查不…...

编程日记 2025/4/30 12:23:23

《云原生》核心内容梳理和分阶段学习计划

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录 云原生核心内容梳理和分阶段学习计划一、云原生核心技术栈（2025年重点方向）二、分阶段学习计划（6-12个月系统性进阶）**阶段1：基础入…...

编程日记 2025/4/30 12:22:19

跟我学C++中级篇——控制死锁

一、同步和死锁 在前面学习多线程和网络编程时&#xff0c;都对线程中数据的同步和数据结构多线程访问的安全问题进行了分析和说明。其实&#xff0c;多线程编程之所以难&#xff0c;难点之一就在这里&#xff0c;数据同步意味着效率和安全的平衡&#xff0c;而这里的安全有一…...

编程日记 2025/5/17 21:10:34

「Mac畅玩AIGC与多模态08」开发篇04 - 基于 OpenAPI Schema 开发专用 Agent 插件

一、概述 本篇介绍如何在 macOS 环境下，通过编写 OpenAPI Schema，开发自定义的专用插件，让智能体可以调用外部 API，扩展功能至任意在线服务。实践内容基于 Dify 平台，适配 macOS 开发环境。 二、环境准备 1. 确认本地开发环境 macOS 系统Dify 平台已完成部署并可访问本…...

编程日记 2025/5/2 15:25:14

“兴火·燎原”总冠军诞生，云宏信息《金融高算力轻量云平台》登顶

“兴火燎原”创新马拉松公开赛2024年度全国总决赛于4月18日在福州举办&#xff0c;云宏科技股份有限公司&#xff08;以下简称&#xff1a;云宏&#xff09;的《金融高算力轻量云平台》项目脱颖而出&#xff0c;夺得全国总冠军。 作为数字中国创新大赛金融领域的核心赛事&…...

编程日记 2025/4/30 12:20:08

MySQL 索引与事务详解

MySQL 索引与事务详解 一、索引&#xff08;Index&#xff09; 1. 索引的作用与原理 索引是数据库的"目录"&#xff0c;能够大幅提高查询速度&#xff0c;但会增加写入开销。MySQL 使用 BTree 作为主要索引结构。 2. 索引类型 (1) 普通索引 CREATE INDEX idx_n…...

编程日记 2025/5/18 21:24:08

洛谷题解 | CF111C Petya and Spiders

目录 题目描述输入格式输出格式输入输出样例 #1输入 #1输出 #1 输入输出样例 #2输入 #2输出 #2 说明/提示题目简化题目思路AC 代码 题目描述 Little Petya loves training spiders. Petya has a board $ nm $ in size. Each cell of the board initially has a spider sitting…...

编程日记 2025/5/18 21:09:42

【深度对比】Google Play与IOS 马甲包处理差异分析

在移动应用发布与推广过程中&#xff0c;马甲包&#xff08;Cloned App / Alternate Version&#xff09; 曾被广泛用于流量测试、风险隔离、多品牌运营等场景中。随着 Google Play 与 Apple App Store 审核政策不断收紧&#xff0c;开发者们越来越关注两个平台对“马甲包”的态…...

编程日记 2025/5/18 21:09:42

【C++】C++11新特性（二）

目录 完美转发 引用折叠&#xff1a; lambda表达式 完美转发 引用折叠&#xff1a; 引用折叠是 C的类型系统规则&#xff0c;用于处理“引用的引用”&#xff08;如 T& &&#xff09;。 在推导过程中&#xff0c;必须折叠成有效的单一引用类型。直接声明引用的引用…...

编程日记 2025/5/18 21:06:48

高等数学-第七版-下册 选做记录 习题9-4

1. 3. 4. 8....

编程日记 2025/5/18 21:08:09

特殊权限管理

特殊权限的类型 SUID&#xff08;Set User ID&#xff09;&#xff1a;当一个可执行文件设置了 SUID 权限后&#xff0c;在执行该文件时&#xff0c;进程会以文件所有者的身份运行&#xff0c;而不是以执行用户的身份。例如&#xff0c;/usr/bin/passwd文件用于修改用户密码&a…...

编程日记 2025/5/18 21:08:10

最新的30个Android Kotlin面试题

以下是2025年最新的30个Android Kotlin面试题及其核心解析&#xff0c;综合了协程、密封类、高阶函数、扩展函数等高频考点&#xff0c;并附有相关引用来源&#xff1a; 一、协程与并发编程 协程与线程的核心区别是什么&#xff1f; 协程是轻量级线程&#xff0c;通过挂起而非阻…...

编程日记 2025/5/16 12:26:20

牛客周赛 Round 91

赛时成绩如下&#xff1a; A. while 题目描述 小歪找到了一个由五个字符构成的字符串&#xff0c;它一次可以选择任意一个字符&#xff0c;将其修改为另一个字符&#xff0c;他想要知道&#xff0c;将这个字符串修改为 "while" 需要的最少操作次数。 解题思路&#x…...

编程日记 2025/4/30 12:16:47

Kafka 的服务端的物理存储架构是什么？零拷贝，mmap，sendfile、DMA gather又是什么？

Kafka 服务端的物理存储架构 Kafka 的物理存储架构设计旨在支持高吞吐、低延迟的数据处理&#xff0c;其核心特点包括&#xff1a; 1. 分区与日志段 主题&#xff08;Topic&#xff09;与分区&#xff08;Partition&#xff09;&#xff1a; Kafka 将每个主题划分为多个分区&…...

编程日记 2025/5/18 21:06:49

1.7 点云数据获取方式——视觉SLAM

图1-7-1 Visual SLAM生成的点...

编程日记 2025/5/16 7:41:17

双向流热固耦合的收敛

1 收敛性 如果想把流固耦合计算过程的收敛性弄清楚&#xff0c;必须理解流固耦合的求解过程和对流场与固体场的定义设置&#xff1a; -这个与其他的真实物理场可能有所不同 -例如你的初始条件可能是不同的当遇到收敛困难时&#xff0c;需要看一下的求解过程用户使用监测点和…...

编程日记 2025/5/18 21:16:20

C++之类和对象：构造函数，析构函数，拷贝构造，赋值运算符重载

前提&#xff1a;如果一个类是空类&#xff0c;C中空类中真的什么都没有吗&#xff0c;不是的&#xff0c;编译器会自动生成6个默认成员函数。默认成员函数&#xff1a;用户没有显式实现&#xff0c;编译器会生成的成员函数称为默认成员函数。 默认成员函数&#xff1a;构造函…...

编程日记 2025/5/6 20:49:35

Vue2 相关知识点整理

一、Vue2 核心机制 1. Vue2 的响应式原理是什么&#xff1f; 答案&#xff1a; Vue2 通过 Object.defineProperty 给对象的每个属性添加 getter 和 setter&#xff0c;当数据被访问或修改时&#xff0c;自动触发视图更新。通俗解释&#xff1a; 就像给每个数据绑了一个“监控…...

编程日记 2025/4/30 12:11:14

CSS：编写位置分类及优先级

文章目录 一、行内样式二、内部样式三、外部样式&#xff08;推荐&#xff09;四、优先级五、编码风格 一、行内样式 最好不这样写 二、内部样式 可以使用 三、外部样式&#xff08;推荐&#xff09; 四、优先级 行内样式 > 内部样式 外部样式 五、编码风格...

编程日记 2025/4/30 12:11:13

Tauri 跨平台开发指南及实战：用前端技术征服桌面应用（合集-万字长文）

厌倦了笨重的Electron应用&#xff1f;想要构建体积小、性能高、安全可靠的跨平台桌面应用&#xff1f;Tauri将是你的不二之选&#xff01;本教程带你从入门到精通&#xff0c;掌握这个下一代桌面应用开发框架&#xff0c;并通过实战APK分析工具项目&#xff0c;将理论知识转化…...

编程日记 2025/4/30 12:10:09

深入解析 Linux 进程池：原理、实现与高并发优化

引言 当你的服务器需要同时处理 10,000 个客户端请求时&#xff0c;传统的"来一个请求创建一个进程"模式会导致严重的性能瓶颈。此时&#xff0c;进程池&#xff08;Process Pool&#xff09; 便成为关键解决方案。它像一支训练有素的特种部队&#xff0c;通过预先创…...

编程日记 2025/4/30 12:09:03

[Python]非零基础的快速上手

从js转的python&#xff0c;没有从初学者阶段开始&#xff0c;主打一个快速上手能写再说. pycharm:一种编辑器 数据类型 基本数据类型:整型(整数)、浮点型、字符型、布尔型 复杂数据类型:列表(数组)、集合区{1,2,3}、元组(1,3.4)字典{n’:2,b:1} 模板字符串 输出模板字符串…...

编程日记 2025/4/30 12:09:00

《算法笔记》10.5小节——图算法专题-＞最小生成树 问题 E: Jungle Roads

题目描述 The Head Elder of the tropical island of Lagrishan has a problem. A burst of foreign aid money was spent on extra roads between villages some years ago. But the jungle overtakes roads relentlessly, so the large road network is too expensive to mai…...

编程日记 2025/4/30 12:07:57

数据中心网络架构：高效规划与自动化设计实践

在数据中心网络架构规划设计中&#xff0c;面临如下难点&#xff1a; 设备数量庞大&#xff1a; 服务器、交换机等设备数量多&#xff0c;如何合理规划机柜布局和空间分配&#xff0c;避免资源浪费或密度超标&#xff0c;成为设计难点。 线缆设计复杂&#xff1a; 海量线缆…...

编程日记 2025/4/30 12:07:53

Mysql存储引擎、锁机制

Mysql存储引擎 InnoDB​&#xff08;MySQL 5.5 及以后版本中的默认存储引擎&#xff09; ​​事务支持​​&#xff1a;支持 ​​ACID 事务​​&#xff0c;适合需要高可靠性的场景&#xff08;如支付、订单&#xff09;。 ​​锁机制​​&#xff1a;默认使用 ​​行级锁​​…...

编程日记 2025/4/30 12:06:51

UVA1537 Picnic Planning

目录 题目算法标签: 最小生成树, k r u s k a l kruskal kruskal重构树, 树形 d p dp dp思路重构树代码 题目 UVA1537 Picnic Planning 算法标签: 最小生成树, k r u s k a l kruskal kruskal重构树, 树形 d p dp dp 思路 将 1 1 1号点设置为终点, 然后执行重构树计算度数…...

编程日记 2025/4/30 12:06:46

通过AWS Console连接服务器，简化运维过程

简单通过AWS Console连接您的Linux服务器 本文作者: 封磊 Eclicktech SA | AWS Community Builder DevTool | AWS UGL | 亚马逊云科技云博主 阿里云&InfoQ&CSDN签约作者 文章目录 简单通过AWS Console连接您的Linux服务器本文作者: 封磊Eclicktech SA | AWS Community …...

编程日记 2025/4/30 12:05:44

公交实时查询小程序功能点开发

线路查询&#xff1a;用户可输入公交线路号码&#xff0c;小程序实时显示该线路车辆位置与发车信息&#xff0c;能一键切换行驶方向&#xff0c;助用户依实时情况选合适候车站点。站点查询&#xff1a;输入车站信息&#xff0c;小程序呈现经过该站所有公交线路及公交信息&#…...

编程日记 2025/4/30 12:05:43

nginx配置集群服务器中的tcp负载均衡器

文章目录 前言1. Ubuntu下nginx安装2. nginx的tcp负载配置 前言 假设一台机器支持两万的并发量&#xff0c;现在我们需要保证八万的并发量。首先想到的是升级服务器的配置&#xff0c;比如提高 CPU 执行频率&#xff0c;加大内存等提高机器的物理性能来解决此问题。但是单台机…...

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

Qt/C++开发监控GB28181系统/获取设备信息/设备配置参数/通道信息/设备状态

一、前言 设备注册成功后&#xff0c;接下来要做的就是获取设备的信息&#xff0c;尤其是通道信息&#xff0c;根据国标协议&#xff0c;永远只有两个层级&#xff0c;一个是设备&#xff0c;然后就是设备下面多个通道&#xff0c;设备编码在整个系统中唯一&#xff0c;通道编…...

编程日记 2025/5/4 15:27:23

Linux系统基础：基础指令简介（网络概念部分）

简介&#xff1a;Linux 是一种开源的类 Unix 操作系统内核&#xff0c;由 Linus Torvalds 于 1991 年首次发布。经过多年发展&#xff0c;它已成为服务器、嵌入式设备和个人计算机领域的重要操作系统。 网络基础概念 初始协议 简单来说&#xff0c;协议是一种约定&#xff0…...

编程日记 2025/4/30 12:04:38

labview项目文件架构

为了使 LabVIEW 项目更具可扩展性和易于维护&#xff0c;合理规划和设计项目文件结构是非常重要的。 以下是一些基于行业经验和最佳实践的建议&#xff1a; 1. ### 文件夹层次划分 将不同的功能模块分开存储在一个清晰的分层目录结构中是一个常见的做法。通常情况下&#xff…...

编程日记 2025/4/30 12:04:37

nuxt项目中引入并配置 iview

安装iview npm install iview --save注&#xff1a;想要加入其它的配置&#xff0c;可以在 nuxt.config.js 的 plugins 配置项中加入&#xff0c;同时在 plugins 文件夹下加入引入逻辑。 在nuxt.config.js文件中写&#xff1a; {src: ~plugins/iview, ssr: true}同时新建 plugi…...

编程日记 2025/5/10 18:51:51

Origin绘图操作：点线图符号显示不全解决方法

一、问题说明 在用origin绘制点线图时&#xff0c;图表刻度线处的点符号显示不完全&#xff0c;如图所示&#xff1a; 二、解决方法 方法一&#xff1a;调整坐标轴刻度&#xff0c;使其能够显示全部数据点。 方法二&#xff1a;有时为了图表美观&#xff0c;则不对坐标轴刻…...

编程日记 2025/4/30 12:02:25

【进程与线程】

文章目录 一、实验目的二、实验内容与设计思想实验内容设计思路 三、实验代码实现四、总结 一、实验目的 1.深刻理解进程和线程的概念&#xff0c;掌握线程与进程在组成成分上的差别&#xff1b; 2.进一步认识并发执行的实质。 二、实验内容与设计思想 实验内容 用pipe()创…...

编程日记 2025/4/30 12:02:24

项目实战-飞机大战【补档】

和项目实战-贪吃蛇大作战【补档】-CSDN博客一样&#xff0c;这也是一个我在大一和网友完成的项目的补档。Dont waste your youth—time flies. 目录 1.工具&环境 2.项目简介 3.需求文档 4.流程图 5.产品原型图 6.可行性分析 7.源代码 8.实战效果 ​编辑 9.心得…...

编程日记 2025/4/30 12:02:23

算法基础学习|02归并排序——分治

一、思路 &#xff08;1&#xff09;确定分界点&#xff1a;mid(lr)/2 ——这里和快排不同 &#xff08;2&#xff09;递归排序&#xff08;left right&#xff09; &#xff08;3&#xff09;归并——合二为一 时间复杂度nlogn 二、题目练习 三、模板 归并排序 …...

编程日记 2025/4/30 12:02:22

测试基础笔记第十六天

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、UI自动化介绍1.认识UI自动化测试2.实施UI自动化测试前置条件3.UI自动化测试执行时机4.UI自动化测试核心作用和劣势 二、认识Web自动化测试工具-Selenium021.Sel…...

编程日记 2025/4/30 12:02:21

Android项目中使用ComposeUI

首先确认项目环境kotlin版本&#xff0c;以下是本机的版本 使用命令 ./gradlew -version 这里kotlin 版本是1.5.31 然后查看build.gradle sdk版本 这里是32 属于低版本 然后需要添加以下配置 buildFeatures {compose true}composeOptions {kotlinCompilerExtensionVersio…...

编程日记 2025/5/6 14:42:48