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

2025前端面试题超全面解析（附答案与深度扩展）

news 来源：原创 2025/5/9 14:40:13

文章目录

- 一、HTML篇（扩展版）
- - 1. **HTML5语义化标签的实际应用场景**
  - 2. **Web Components实战：如何封装一个自定义按钮组件？**
  - 3. **Web Worker的用途与限制**
- 二、CSS篇（扩展版）
- - 1. **CSS盒模型详解：border-box vs content-box**
  - 2. **CSS动画性能优化技巧**
  - 3. **CSS预处理器（Sass/Less）核心功能对比**
- 三、JavaScript篇（扩展版）
- - 1. **ES6+核心特性：Promise、Generator、Async/Await对比**
  - 2. **JavaScript内存泄漏排查与预防**
- 四、TypeScript篇（扩展版）
- - 1. **高级类型工具：Partial、Pick、Record详解**
  - 2. **TS装饰器的应用场景（Class、Method、Property）**
- 五、Vue篇（扩展版）
- - 1. **Vue3 Teleport组件的作用与实战**
  - 2. **Vuex与Pinia的对比与迁移策略**
- 六、React篇（扩展版）
- - 1. **React性能优化：memo、useMemo、useCallback**
  - 2. **React Server Components（RSC）的核心优势**
- 七、UI框架篇（扩展版）
- - 1. **Tailwind CSS vs CSS-in-JS（Styled-components）对比**
  - 2. **如何实现Ant Design主题动态切换？**
- 八、综合进阶（扩展版）
- - 1. **前端监控系统搭建：错误采集与性能上报**
  - 2. **WebAssembly在前端的应用场景**
- 九、2025新兴趋势（扩展版）
- - 1. **Serverless + Jamstack架构实践**
  - 2. **AI驱动的前端开发：Copilot与低代码结合**
- 十、面试加分项
- - 1. **开放性问题：如何设计一个前端微前端架构？**
  - 2. **手写代码：实现一个Promise.all**

一、HTML篇（扩展版）

1. HTML5语义化标签的实际应用场景

答案：

场景：
- <header>：页面头部或文章头部。
- <nav>：主导航栏。
- <article>：独立内容块（如博客文章）。
- <aside>：侧边栏或广告区域。
- <time datetime="2025-01-01">：时间语义化，便于SEO和机器解析。
SEO优化：搜索引擎优先抓取语义化标签内容。

2. Web Components实战：如何封装一个自定义按钮组件？

答案：

<!-- 定义模板 -->
<template id="custom-button"><style>.btn { padding: 10px 20px; background: blue; color: white; }</style><button class="btn"><slot></slot></button>
</template><script>class CustomButton extends HTMLElement {constructor() {super();const template = document.getElementById('custom-button');const shadowRoot = this.attachShadow({ mode: 'open' });shadowRoot.appendChild(template.content.cloneNode(true));}}customElements.define('custom-button', CustomButton);
</script><!-- 使用 -->
<custom-button>点击我</custom-button>

3. Web Worker的用途与限制

答案：

用途：执行耗时任务（如大数据计算）避免阻塞主线程。
限制：
- 不能直接操作DOM。
- 通过postMessage与主线程通信。

示例：

// 主线程
const worker = new Worker('worker.js');
worker.postMessage({ data: 1000 });
worker.onmessage = (e) => console.log(e.data);// worker.js
self.onmessage = (e) => {const result = heavyCalculation(e.data);self.postMessage(result);
};

二、CSS篇（扩展版）

1. CSS盒模型详解：border-box vs content-box

答案：

content-box（默认）：元素宽度 = width + padding + border。
border-box：元素宽度 = width（包含padding和border）。

应用场景：

/* 全局设置为border-box更易布局 */
* { box-sizing: border-box; }

2. CSS动画性能优化技巧

答案：

优先使用transform和opacity：这两个属性不会触发重排（Composite阶段）。
避免频繁修改width/height：触发重排，改用scale。
启用GPU加速：
```
.animate { transform: translateZ(0); }
```

3. CSS预处理器（Sass/Less）核心功能对比

答案：

功能	Sass（SCSS）	Less
变量	`$primary-color: #333;`	`@primary-color: #333;`
嵌套	支持媒体查询嵌套	支持常规嵌套
Mixin	`@mixin flex { display: flex; }`	`.flex() { display: flex; }`
模块化	`@use 'module'`	`@import 'module.less'`

三、JavaScript篇（扩展版）

1. ES6+核心特性：Promise、Generator、Async/Await对比

答案：

Promise：解决回调地狱，链式调用（.then()）。
Generator：通过yield暂停执行，手动控制流程（需配合co库）。
Async/Await：语法糖，基于Promise，代码更同步化。

示例：

// Async/Await
async function fetchData() {const res = await fetch('api/data');return res.json();
}

2. JavaScript内存泄漏排查与预防

答案：

常见场景：
- 未清理的定时器：setInterval。
- 闭包中未释放的变量。
- 未解绑的DOM事件监听。
工具：Chrome DevTools的Memory面板。

预防：

// 清除定时器
const timer = setInterval(() => {}, 1000);
clearInterval(timer);// 解绑事件
element.removeEventListener('click', handler);

四、TypeScript篇（扩展版）

1. 高级类型工具：Partial、Pick、Record详解

答案：

Partial：将T的所有属性设为可选。
Pick<T, K>：从T中选择属性K。
Record<K, T>：定义键为K、值为T的对象。

示例：

interface User { id: number; name: string; }
type PartialUser = Partial<User>; // { id?: number; name?: string; }
type NameOnly = Pick<User, 'name'>; // { name: string; }
type UserMap = Record<string, User>; // { [key: string]: User }

2. TS装饰器的应用场景（Class、Method、Property）

答案：

类装饰器：扩展类功能（如日志注入）。
方法装饰器：拦截方法调用（如权限校验）。
属性装饰器：监听属性变化。

示例：

function Log(target: any, methodName: string, descriptor: PropertyDescriptor) {const original = descriptor.value;descriptor.value = function (...args: any[]) {console.log(`调用方法 ${methodName}`);return original.apply(this, args);};
}class Service {@LoggetData() { /* ... */ }
}

五、Vue篇（扩展版）

1. Vue3 Teleport组件的作用与实战

答案：

作用：将组件渲染到DOM树的任意位置（如模态框、通知）。

示例：

<template><teleport to="body"><div class="modal">内容</div></teleport>
</template>

2. Vuex与Pinia的对比与迁移策略

答案：

特性	Vuex	Pinia
API设计	基于Options API	基于Composition API
TypeScript	需要额外类型声明	原生支持
模块化	需要手动划分模块	自动按文件划分模块
推荐场景	Vue2项目	Vue3新项目

六、React篇（扩展版）

1. React性能优化：memo、useMemo、useCallback

答案：

React.memo：缓存函数组件，避免无意义渲染。
useMemo：缓存计算结果，避免重复计算。
useCallback：缓存函数引用，避免子组件重复渲染。

示例：

const MemoComponent = React.memo(({ data }) => <div>{data}</div>);function App() {const [count, setCount] = useState(0);const expensiveValue = useMemo(() => calculate(count), [count]);const handleClick = useCallback(() => setCount(c => c + 1), []);return (<><MemoComponent data={expensiveValue} /><button onClick={handleClick}>+1</button></>);
}

2. React Server Components（RSC）的核心优势

答案：

服务端渲染：组件逻辑在服务端执行，减少客户端JS体积。
SEO友好：直接输出HTML内容。
数据获取：在服务端直接访问数据库，无需暴露API。

七、UI框架篇（扩展版）

1. Tailwind CSS vs CSS-in-JS（Styled-components）对比

答案：

特性	Tailwind CSS	Styled-components
可读性	类名较长但直观	组件化样式，结构清晰
维护性	需记忆工具类	支持动态样式
性能	生产环境自动PurgeCSS	运行时生成样式
适用场景	快速原型开发	复杂动态样式需求

2. 如何实现Ant Design主题动态切换？

答案：

步骤1：通过antd-theme-generator生成less变量。
步骤2：动态修改HTML的data-theme属性。
步骤3：使用CSS变量或全局状态管理主题。

代码片段：

// 动态切换主题
const changeTheme = (theme) => {document.documentElement.setAttribute('data-theme', theme);
};

八、综合进阶（扩展版）

1. 前端监控系统搭建：错误采集与性能上报

答案：

错误采集：

window.onerror = (message, source, lineno, colno, error) => {// 上报错误信息至服务器
};
// 监听未处理的Promise错误
window.addEventListener('unhandledrejection', (e) => {e.preventDefault();console.error('Unhandled Rejection:', e.reason);
});

性能指标：
- FP/FCP：首次渲染时间。
- LCP：最大内容渲染时间。
- CLS：累计布局偏移。

2. WebAssembly在前端的应用场景

答案：

图像/视频处理：FFmpeg编译为Wasm加速编解码。
游戏引擎：Unity导出为WebAssembly。
加密计算：高性能加密算法（如SHA-256）。

示例：

// 加载Wasm模块
WebAssembly.instantiateStreaming(fetch('module.wasm')).then(({ instance }) => {const result = instance.exports.add(1, 2);console.log(result); // 3});

九、2025新兴趋势（扩展版）

1. Serverless + Jamstack架构实践

答案：

核心思想：
- 前端静态资源托管（如Vercel、Netlify）。
- 后端使用云函数（AWS Lambda、腾讯云SCF）。
优势：无需运维、按需付费、自动扩展。

2. AI驱动的前端开发：Copilot与低代码结合

答案：

GitHub Copilot：通过注释生成代码片段。
低代码平台：
- 拖拽生成UI（如Retool、Appsmith）。
- 集成AI生成业务逻辑。

十、面试加分项

1. 开放性问题：如何设计一个前端微前端架构？

答案：

方案选型：
- 基座模式：主应用加载子应用（qiankun）。
- 去中心化：Webpack Module Federation。
关键技术：
- 应用隔离：CSS沙箱、JS沙箱（Proxy）。
- 通信机制：CustomEvent或状态管理库。

2. 手写代码：实现一个Promise.all

答案：

function promiseAll(promises) {return new Promise((resolve, reject) => {const results = [];let count = 0;promises.forEach((promise, index) => {promise.then((res) => {results[index] = res;count++;if (count === promises.length) resolve(results);}).catch(reject);});});
}

结语：本文从基础到高阶覆盖了2025年前端核心知识点，建议结合源码实践与项目复盘深入理解。持续关注前沿技术（如Deno、Tauri），保持技术敏感度！

2025前端面试题超全面解析（附答案与深度扩展）

文章目录一、HTML篇（扩展版）1. **HTML5语义化标签的实际应用场景**2. **Web Components实战：如何封装一个自定义按钮组件？**3. **Web Worker的用途与限制** 二、CSS篇（扩展版）1. **CSS盒模型详解&#xff…...

编程日记 2025/5/9 14:40:13

自己搭建可以和deepseek对话的WEB应用

第一步下载安装anaconda，地址：https://repo.anaconda.com/ 第二步打开anaconda客户端，打开conda命令行窗口第三步创建一个open-webui专属的python专属的虚拟环境，并且指定python具体的版本 conda create --name open…...

编程日记 2025/5/8 6:02:36

Linux系统运行模式和链接

一、系统运行模式 centos6 0 关机模式 1 单用户模式 2 字符模式，无网络连接 3 字符模式 4 预留 5 图形模式 6 重启模式查看系统当前处于的运行模式切换为图形模式 init 5 centos7 字符模式 multi-user…...

编程日记 2025/4/28 21:47:59

.NET 9.0 的 Blazor Web App 项目，进度条＜progress＞组件使用注意事项

一、执行过程中，要刷新进度条的显示，需要延时、释放，否则进度条不实时更新，最后一下到 100% // 延时，释放给前端：【必须】，否则进度条不实时更新，最后一下到 100await Task.D…...

编程日记 2025/5/6 7:05:21

头歌实验--面向对象程序设计

目录实验五类的继承与派生第1关：简易商品系统任务描述答案代码第2关：公司支出计算任务描述答案代码第3关：棱柱体问题任务描述答案代码实验五类的继承与派生第1关：简易商品系统任务描述答案代码 #incl…...

编程日记 2025/5/2 8:05:31

IoTDB 断电后无法启动 DataNode，日志提示 Meet error while starting up

问题 IoTDB 1.3.2 版本，断电后 IoTDB 的 DataNode 无法启动，日志如下： 2024-12-16 14:45:41,350 [main] ERROR o.a.i.db.service.DataNode:562 - Meet error while starting up. org.apache.iotdb.commons.exception.StartupException: Fo…...

编程日记 2025/5/1 0:28:42

2024华为OD机试真题-最大报酬(C++)-E卷B卷-100分

2024华为OD机试最新题库-(C卷+D卷+E卷)-(JAVA、Python、C++) 目录题目描述输入描述输出描述示例一解题思路考点代码 c++ 题目描述小明每周上班都会拿到自己的工作清单，工作清单内包含n项工作，每项工作都有对应的耗时时间（单位h）和报酬, 工作的总报酬为…...

编程日记 2025/5/6 6:43:32

jenkins war Windows安装

Windows安装Jenkins 需求1.下载jenkins.war2.编写快速运行脚本3.启动Jenkins4.Jenkins使用需求 1.支持在Windows下便捷运行Jenkins； 2.支持自定义启动参数； 3.有快速运行的脚步样板。 1.下载jenkins.war Jenkins下载地址：https://get.j…...

编程日记 2025/5/6 15:02:25

HCIA项目实践--RIP相关原理知识面试问题总结回答

9.4 RIP 9.4.1 补充概念什么是邻居？ 邻居指的是在网络拓扑结构中与某一节点（如路由器）直接相连的其他节点。它们之间可以直接进行通信和数据交互，能互相交换路由信息等，以实现网络中的数据转发和路径选择等功能。&am…...

编程日记 2025/5/9 14:16:19

用大模型学大模型04-模型与网络

目前已经学完深度学习的数学基础，开始学习各种模型和网络阶段，给出一个从简单到入门的，层层递进的学习路线。并给出学习每种模型需要的前置知识。增加注意力机制，bert, 大模型，gpt, transformer， MOE等流行…...

编程日记 2025/5/6 11:10:49

浏览器扩展实现网址自动替换

作为一个开发爱好者，不能顺畅访问github是很痛苦的，这种状况不知道何时能彻底解决。目前也有很多方案可以对应这种囧况，我此前知道有一个网站kkgithub，基本上把github的静态内容都搬了过来，我们如果需要访问某个githu…...

编程日记 2025/5/7 10:36:02

适配器模式详解（Java）

一、引言 1.1 定义与类型适配器模式是一种结构型设计模式，主要目的是将一个类的接口转换为客户期望的另一个接口。这种模式使得原本因为接口不匹配而不能一起工作的类可以一起工作，从而提高了类的复用性。适配器模式分为类适配器和对象适配器两种类型。类适配器使用继承关…...

编程日记 2025/5/8 2:25:44

C语言表驱动法

最近了解到一种C语言的写法，故记录下来，内容来自deepseek。表驱动法表驱动法（Table-Driven Approach）是一种编程技术，通过使用表格（数组、结构体数组、哈希表等）来存储数据或逻辑&#xff0…...

编程日记 2025/4/29 20:11:54

【鸿蒙Next】优秀鸿蒙博客集锦

鸿蒙基础开发：多文件压缩上传及断点续传_鸿蒙断点续传-CSDN博客...

编程日记 2025/4/19 4:26:55

Django REST Framework：如何获取序列化后的ID

Django REST Framework：如何获取序列化后的ID 😄 嗨，小伙伴们！今天我们来聊一聊Django REST Framework（简称DRF）中一个非常常见的操作：如何获取序列化后的ID。对于那些刚入门的朋友们&#xff…...

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

deep seek

1.介绍:DeepSeek是一款由国内人工智能公司研发的大型语言模型，拥有强大的自然语言处理能力，能够理解并回答问题，还能辅助写代码、整理资料和解决复杂的数学问题。免费开源，媲美ChatGPT 最近最火爆的AI对话程序。 www.deepseek.com…...

编程日记 2025/5/4 18:19:24

前端设计模式介绍及案例（单例模式、代理模式、工厂模式、装饰者模式、观察者模式）

概要本文主要介绍了前端设计模式的定义、分类以及常用设计模式的具体案例。前言使用设计模式的目的：为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。设计模式使代码编写真正工程化；设计模式是软件工程的基石脉络，如同大厦…...

编程日记 2025/5/2 1:08:33

开源堡垒机 JumpServer 社区版实战教程：基于 Ubuntu 22.04 离线安装 JumpServer 社区版 v4.4.1

文章目录开源堡垒机 JumpServer 社区版实战教程：基于 Ubuntu 22.04 离线安装 JumpServer 社区版 v4.4.1一、环境要求1.1 操作系统1.1.1 Ubuntu1.1.2 CentOS 1.2 数据库1.2.1 JumpServer 需要使用的数据库1.2.2 创建数据库 SQL 参考1.2.2.1 PostgreSQL1.2.2.2 MySQL…...

编程日记 2025/5/6 12:56:54

电源测试和测量系统的创新遥感方法可以消除哪些潜在问题

传统的遥感方法远程感测是一种行之有效的方法，通过消除连接电缆中压降的影响来调节负载点的直流功率。这在测试和测量应用中尤其重要，在这些应用中，电源电压在一系列负载条件下的准确性和一致性通常对于获得准确且可重复的测试结果至关重要…...

编程日记 2025/5/6 15:02:49

10、《Thymeleaf模板引擎：动态页面开发全攻略》

Thymeleaf模板引擎：动态页面开发全攻略一、Thymeleaf核心价值解析天然HTML亲和力：Thymeleaf允许直接使用.html文件作为模板，支持浏览器直接预览静态原型，同时通过属性标签（如th:text）实现动态渲染&…...

编程日记 2025/5/2 1:06:42

Day1 25/2/14 FRI

【一周刷爆LeetCode，算法大神左神（左程云）耗时100天打造算法与数据结构基础到高级全家桶教程，直击BTAJ等一线大厂必问算法面试题真题详解（马士兵）】https://www.bilibili.com/video/BV13g41157hK?p3&v…...

编程日记 2025/5/5 17:34:58

untiy3D 让角色动起来,角色动画的使用

1.untiy 商店下载动画模型 2.导入项目模型拖入到场景中 3.创建动画器控制器 4.动画控制器挂载到plarer上 5.把动画idle和pickup拖入到动画器 6.右键动画创建过渡效果(Make Transition) 6.设置参数用条件控制 7.当选中参数时启动过渡运行效果 119 (二)用脚本控制动画…...

编程日记 2025/5/2 1:08:01

Word 里面嵌入DeepSeek

目录一、问题描述二、解决方法三、代码四、注意事项五、总结一、问题描述如何在Word里面嵌入DeepSeek? 二、解决方法 1、新建文档，按 AltF11，进入VB界面。 2、选中文档，右键->插入->模块。 3、进入模块，粘入…...

编程日记 2025/5/5 13:56:48

深入浅出Java反射：掌握动态编程的艺术

小程一言反射何为反射反射核心类反射的基本使用获取Class对象创建对象调用方法访问字段示例程序应用场景优缺点分析优点缺点注意再深入一些反射与泛型反射与注解反射与动态代理反射与类加载器结语小程一言本专栏是对Java知识点的总结。在学习Java的过程中，学习…...

编程日记 2025/5/8 11:26:50

exr 格式下全景图（经纬图、panorama）转 cubemap

先上效果 （X, -X, Y, -Y, Z, -Z） 下载 exr 经纬图笔者用的这张：https://polyhaven.com/a/kloofendal_48d_partly_cloudy_puresky 使用 Openexr 的 exrenvmap 工具下载我 build 了一份 3.3.2 版本的，免积分下载。 https:/…...

编程日记 2025/5/6 17:48:33

解锁建造者模式：Java 编程中的对象构建秘籍

系列文章目录后续补充~~~~ 文章目录一、引言二、建造者模式原理剖析2.1 定义与概念2.2 模式结构与角色2.2.1 产品（Product）2.2.2 建造者（Builder）2.2.3 具体建造者（ConcreteBuilder）2.2.4 指挥者（Director）2.3 工作流程与交互机制三、建造者模式在 Java 中的优势3.1 …...

编程日记 2025/5/6 23:14:02

ArcGIS Pro显示缓存空间不足导致编辑或加载数据显示不完全

ArcGIS Pro对于显示缓存有32GB的限制，所以当缓存设置中，缓存将达到32GB时，会出现编辑、加载slpk显示不全的情况。清除计算机上的显示缓存方法 1.启动 ArcGlS Pro。单击左下角的设置，然后单击选项； 2.在选项窗口中&…...

编程日记 2025/4/19 18:23:06

大数据、云计算、人工智能等技术深度融合的智慧快消开源了。

智慧快消视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。基于多年的深度…...

编程日记 2025/5/8 15:11:52

C++17 中的 std::reduce：详细教程

文章目录 1. 简介2. 函数签名3. 使用场景3.1 简单的累加操作3.2 自定义归并操作3.3 并行计算的性能优势 4. 注意事项4.1 归并操作的结合律和交换律4.2 默认值的使用 5. 总结 1. 简介 std::reduce 是 C17 标准库中引入的一个算法，用于对范围内的元素进行归并操作。它…...

编程日记 2025/5/9 14:11:07

Python爬虫实战：获取笔趣阁图书信息，并做数据分析

注意：以下内容仅供技术研究，请遵守目标网站的robots.txt规定，控制请求频率避免对目标服务器造成过大压力！ 1. 环境准备与反爬策略 python import requests from bs4 import BeautifulSoup import pandas as pd import re import time import random from fake_useragent …...

编程日记 2025/5/5 6:50:55

win11系统 Docker Desktop提示Docker Engine stopped解决全过程记录

DockerDesktop安装指南以及Windows下WSL2和 Hyper-V相关问题追查【已解决】win10系统 Docker 提示Docker Engine stopped解决全过程记录本篇文章主要记录Docker Desktop安装和使用时出现的问题及解决方法，以及后续使用夜神模拟器，关闭了Hyper-V时&am…...

编程日记 2025/5/3 10:56:17

c# sqlite 批量生成insert语句的函数

函数开始 using System; using System.Collections.Generic; using System.Text;public class SqliteHelper {public static List<string> GenerateInsertStatements(string tableName, List<string> columns, List<List<object>> data){List<stri…...

编程日记 2025/5/6 3:46:31

ASP.NET Core SixLabors.ImageSharp v3.x 的图像实用程序类

使用用 C# 编写的 asp.net core web 应用程序示例在 Windows 和 Linux web 服务器上处理图像，包括创建散点图和直方图，以及根据需要旋转图像以便正确显示。这个小型实用程序库需要将 NuGet SixLabors.ImageSharp包（版本 3.1.x）添…...

编程日记 2025/5/8 22:42:33

湖仓分析｜浙江霖梓基于 Doris + Paimon 打造实时/离线一体化湖仓架构

导读：浙江霖梓早期使用 CDH 产品套件搭建了大数据系统，面临业务逻辑冗余、查询效率低下等问题，基于 Apache Doris 进行整体架构与表结构的重构，并基于湖仓一体和查询加速展开深度探索与实践，打造了 Doris Paimon 的实…...

编程日记 2025/5/9 2:32:15

【AI-34】机器学习常用七大算法

以下是对这七大常用算法的浅显易懂解释： 1. k 邻近算法（k - Nearest Neighbors，KNN） 想象你在一个满是水果的大广场上，现在有个不认识的水果，想知道它是什么。k 邻近算法就是去看离这个水果最近的 k 个已…...

编程日记 2025/5/5 23:36:53

2025年金三银四经典自动化测试面试题

概述觉得自动化测试很难？ 是的，它确实不简单。但是学会它，工资高啊！ 担心面试的时候被问到自动化测试？ 嗯，你担心的没错！确实会被经常问到！ 现在应聘软件测试工程师的岗位&…...

编程日记 2025/5/8 20:36:53

遵循规则：利用大语言模型进行视频异常检测的推理

文章目录速览摘要01 引言02 相关工作视频异常检测大语言模型 03 归纳3.1 视觉感知3.2 规则生成Normal and Anomaly （正常与异常）Abstract and Concrete （抽象与具体）Human and Environment （人类与环境） 3…...

编程日记 2025/5/6 17:28:25

RFM模型-数据清洗

在进行数据清洗时，主要的目标是确保数据质量良好，以便后续的分析和建模工作能够顺利进行。针对你使用粒子群优化算法改进RFM模型来对电商数据进行用户群像划分的实验，数据清洗环节尤其重要，因为不干净的数据会影响模型的精度和效果…...

编程日记 2025/5/8 20:39:08

文件系统惹（细）

目录块概念分区 inode ext2文件系统 Boot Sector Super Block GDP（group descriptor table） Block Bitmap（块位图） Inode Bitmap （inode位图） Data Block inode和Datablock映射目录和文件名 …...

编程日记 2025/5/2 12:02:18

中望CAD c#二次开发 ——VS环境配置

新建类库项目：下一步下一步下一步： 或直接： 改为： <Project Sdk"Microsoft.NET.Sdk"> <PropertyGroup> <TargetFramework>NET48</TargetFramework> <LangVersion>pr…...

编程日记 2025/5/8 21:18:45

Centos7安装Clickhouse单节点部署

部署流程 1、关闭防火墙&沙盒关闭防火墙并关闭开机自启动 systemctl stop firewalld && systemctl disable firewalld查看selinux状态是否为disabled，否则修改 [rootlocalhost ~]# getenforce Enforcing修改为disabled vim /etc/selinux/config…...

编程日记 2025/5/5 10:26:16

4.SpringSecurity在分布式环境下的使用

参考来源于黑马程序员： 手把手教你精通新版SpringSecurity 分布式认证概念说明分布式认证，即我们常说的单点登录，简称SSO，指的是在多应用系统的项目中，用户只需要登录一次，就可以访问所有互相信任的应…...

编程日记 2025/5/6 9:19:45

使用 Notepad++ 编辑显示 MarkDown

Notepad 是一款免费的开源文本编辑器，专为 Windows 用户设计。它是替代记事本（Notepad）的最佳选择之一，因为它功能强大且轻量级。Notepad 支持多种编程语言和文件格式，并可以通过插件扩展其功能。 Notepad 是一款功能…...

编程日记 2025/5/3 23:04:38

Spring 框架数据库操作常见问题深度剖析与解决方案

Spring 框架数据库操作常见问题深度剖析与解决方案在 Java 开发的广阔天地中，Spring 框架无疑是开发者们的得力助手，尤其在数据库操作方面，它提供了丰富且强大的功能。然而，就像任何技术一样，在实际项目开发过程中&a…...

编程日记 2025/5/6 17:28:38

第一天：爬虫介绍

每天上午9点左右更新一到两篇文章到专栏《Python爬虫训练营》中，对于爬虫有兴趣的伙伴可以订阅专栏一起学习，完全免费。键盘为桨，代码作帆。这趟为期30天左右的Python爬虫特训即将启航，每日解锁新海域：从Requests库的…...

编程日记 2025/5/6 17:12:51

ECP在Successfactors中paylisp越南语乱码问题

导读 pyalisp:ECP中显示工资单有两种方式，一种是PE51，一种是hrform，PE51就是划线的那种， 海外使用的比较多，国内基本没人使用，hrform就是pdf，可以编辑pdf，这个国内相对使用的人比…...

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

Express 中间件分类

一、按功能用途分类 1. 应用级中间件这类中间件应用于整个 Express 应用程序，会对每个进入应用的请求进行处理。通过 app.use() 方法挂载，可用于执行一些全局性的任务，像日志记录、请求预处理、设置响应头这类操作。 const express req…...

编程日记 2025/5/9 5:56:59

基于Multi-Runtime的云原生多态微服务：解耦基础设施与业务逻辑的革命性实践

引言：当微服务遭遇复杂性爆炸在分布式系统复杂度指数级增长的今天，一线开发者平均需要处理27种不同的基础设施组件配置。CNCF最新研究报告指出，采用Multi-Runtime架构可减少83%的非功能性代码编写量，同时使分布式原语&#xff0…...

编程日记 2025/5/6 8:32:34

flutter isolate到底是啥

在 Flutter 中，Isolate 是一种实现多线程编程的机制，下面从概念、工作原理、使用场景、使用示例几个方面详细介绍： 概念在 Dart 语言（Flutter 开发使用的编程语言）里，每个 Dart 程序至少运行在一个 Isol…...

编程日记 2025/5/7 12:44:48

Http connect timed out

客户向云端服务请求时，连接云端域名显示连接超时，为什么呢，偶尔会有。 java.net.SocketTimeoutException: connect timed out at java.net.PlainSocketImpl.socketConnect(Native Method) at java.net.AbstractPlainSocketI…...

编程日记 2025/4/30 21:01:05