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

前端开发10大框架深度解析

news 来源：原创 2025/8/29 1:55:12

摘要

在现代前端开发中，框架的选择对项目的成功至关重要。本文旨在为开发者提供一份全面的前端框架指南，涵盖 React、Vue.js、Angular、Svelte、Ember.js、Preact、Backbone.js、Next.js、Nuxt.js 和 Gatsby。我们将从简介、优缺点、适用场景 以及 实际应用案例 四个方面对每个框架进行详细分析，帮助开发者在项目开发中做出更合理的选择。
在这里插入图片描述

1. React

1.1 简介

React 是由 Facebook 开发并维护的 JavaScript 库，用于构建用户界面。它采用 组件化 架构，通过 虚拟 DOM（Virtual DOM） 实现高效的 UI 更新。React 本身只关注视图层，通常与其他库（如 Redux、React Router）结合使用，以构建完整的应用。
在这里插入图片描述

1.2 优缺点

优点

虚拟 DOM：通过虚拟 DOM，React 能够高效地更新和渲染界面，减少不必要的 DOM 操作，从而提高性能。
组件化：组件化设计提高了代码的可复用性和可维护性。
生态系统丰富：拥有庞大的生态系统，包括 React Router、Redux、MobX 等，扩展性强。
社区支持强大：拥有庞大的社区和大量的第三方库，开发者可以轻松找到解决方案和资源。
灵活性高：React 本身只是一个视图库，开发者可以根据需求选择其他库和工具来构建完整的前端架构。

缺点

学习曲线较陡：对于新手来说，理解 JSX 语法、组件生命周期以及状态管理（如 Redux）等概念可能有一定难度。
过于灵活：灵活性可能导致项目结构混乱，尤其是在缺乏统一规范的情况下。
需要额外的库：React 本身只是一个视图库，要构建完整应用，开发者需要引入其他库（如路由、状态管理等），这增加了配置复杂性。

1.3 适用场景

React 适用于构建复杂的单页应用（SPA）、需要高度交互性的用户界面以及大型企业级应用。由于其灵活性和强大的生态系统，React 也适合需要高度定制化的项目。

1.4 常见应用

Facebook 和 Instagram：React 的诞生地，Facebook 的网站和移动应用都大量使用 React。
Netflix：部分用户界面使用 React 构建，以实现高性能和流畅的用户体验。
Airbnb：整个应用的前端部分基于 React 构建。
WhatsApp Web：WhatsApp 的网页版使用 React 来实现实时通信和用户界面更新。

2. Vue.js

2.1 简介

Vue.js 是一个由 尤雨溪（Evan You） 创建的 渐进式 JavaScript 框架，易于上手且非常灵活。Vue.js 采用 MVVM（Model-View-ViewModel） 架构，旨在通过简洁的 API 提供高效的数据绑定和组件化开发。
在这里插入图片描述

2.2 优缺点

优点

易学易用：语法简洁，学习曲线平缓，特别适合新手和希望快速上手的开发者。
双向数据绑定：简化了数据与视图的同步。
轻量级：体积小，加载速度快，适合快速开发和小型项目。
灵活性高：可以作为一个 视图层 集成到现有项目中，也可以用于构建完整的单页应用。
生态系统丰富：拥有丰富的插件和库，如 Vue Router、Vuex 等。

缺点

生态系统相对较小：与 React 和 Angular 相比，Vue.js 的生态系统和社区支持仍有差距。
企业级支持不足：在大型企业级应用中，Vue.js 的支持和资源相对较少。
中文社区为主：虽然 Vue.js 有国际化的社区，但中文资源相对更多，可能对非中文开发者造成一定的语言障碍。

2.3 适用场景

Vue.js 适用于从小型项目到大型单页应用的多种场景，尤其适合快速开发和原型设计。由于其轻量级和灵活性，Vue.js 也非常适合集成到现有项目中。

2.4 常见应用

Alibaba：部分内部应用使用 Vue.js。
Laravel：Laravel 框架的默认前端解决方案是 Vue.js。
GitLab：前端部分使用 Vue.js 构建。
Behance：Adobe 旗下的创意作品展示平台使用 Vue.js 来实现用户界面。

3. Angular

3.1 简介

Angular 是一个由 Google 开发的 全面型前端框架，基于 TypeScript。Angular 提供了完整的解决方案，包括路由、表单验证、依赖注入等，适用于构建大型、复杂的单页应用。
在这里插入图片描述

3.2 优缺点

优点

功能全面：内置了路由、表单验证、依赖注入等强大功能，适合构建大型、复杂的应用。
企业级支持：拥有强大的企业级支持和丰富的资源，适合构建企业级应用。
双向数据绑定：简化了复杂交互的实现。
TypeScript：基于 TypeScript，提供了静态类型检查和更好的代码可维护性。

缺点

学习曲线陡峭：对于新手来说，理解和掌握 Angular 的概念和架构（如模块、指令、服务等）有一定难度。
性能开销：由于功能全面，Angular 可能带来一定的性能开销，尤其是在大型应用中。
配置复杂：Angular 的配置较为复杂，需要开发者具备一定的经验。

3.3 适用场景

Angular 适用于构建大型、复杂的单页应用和企业级应用。由于其全面的功能和强大的企业级支持，Angular 也适合需要高度结构化和可维护性的项目。

3.4 常见应用

Google：Google 的许多内部应用使用 Angular。
Upwork：整个平台基于 Angular 构建。
IBM：部分企业应用使用 Angular。
Microsoft Office：部分应用（如 Outlook Web App）使用 Angular。

4. Svelte

4.1 简介

Svelte 是一个 前端框架，由 Rich Harris 创建，强调在 编译时 进行优化，而不是在运行时。Svelte 通过将组件编译为纯 JavaScript 来提高性能，减少了虚拟 DOM 的开销。
在这里插入图片描述

4.2 优缺点

优点

无虚拟 DOM：编译后的代码更轻量，性能优越，尤其在处理复杂 UI 时表现优异。
语法简洁：接近于普通的 HTML、CSS 和 JavaScript，易于学习和使用。
高性能：由于在编译时进行优化，Svelte 的性能优于许多传统的框架。
响应式编程：内置了强大的响应式系统，简化了状态管理和数据绑定。

缺点

生态系统较小：相比 React 和 Vue.js，Svelte 的生态系统和社区支持仍有差距。
工具链不成熟：一些开发工具和插件可能不如其他框架完善。
学习曲线：虽然 Svelte 的语法简洁，但开发者需要适应其独特的编译时优化和响应式系统。

4.3 适用场景

Svelte 适用于需要高性能和轻量级代码库的项目，尤其适合对性能有高要求的应用。由于其简洁的语法和强大的响应式系统，Svelte 也适合快速开发和原型设计。

4.4 常见应用

The New York Times：部分页面使用 Svelte 构建，以实现高性能的用户界面。
Spotify：部分内部工具使用 Svelte。
IKEA：部分应用使用 Svelte 来实现用户界面。

5. Ember.js

5.1 简介

Ember.js 是一个 成熟的前端框架，强调 约定优于配置（convention over configuration）。Ember.js 提供了强大的 CLI 工具和内置的路由系统，适合构建大型、长期维护的项目。
在这里插入图片描述

5.2 优缺点

优点

约定优于配置：简化了开发流程，减少了配置复杂性。
强大的 CLI 工具：Ember CLI 提供了丰富的工具和功能，简化了开发、构建和部署流程。
内置的路由系统：适合构建复杂的单页应用。
生态系统丰富：拥有丰富的插件和库，支持多种功能。

缺点

学习曲线陡峭：Ember.js 的约定和架构较为复杂，对于新手来说有一定的学习难度。
灵活性不足：由于强调约定，Ember.js 的灵活性不如其他框架，可能限制开发者的创造力。
社区相对较小：相比 React 和 Vue.js，Ember.js 的社区和资源相对较少。

5.3 适用场景

Ember.js 适用于需要高度结构化和可维护性的应用，尤其适合大型、长期维护的项目。由于其强大的 CLI 工具和内置的路由系统，Ember.js 也适合需要快速开发和原型设计的项目。

5.4 常见应用

LinkedIn：部分内部应用使用 Ember.js。
Twitch：Twitch 的前端部分基于 Ember.js 构建。
Apple Music：Apple 的音乐服务使用 Ember.js。

6. Preact

6.1 简介

Preact 是 React 的一个 轻量级替代品，兼容 React 的 API，但体积更小，性能更高。Preact 旨在提供与 React 类似的开发体验，同时减少包体积和提升性能。
在这里插入图片描述

6.2 优缺点

优点

与 React 兼容：Preact 的 API 与 React 高度兼容，易于迁移和集成。
轻量级：体积更小，加载速度快，适合对包体积有严格要求的项目。
高性能：由于更轻量，Preact 的渲染速度更快，性能更高。
易于上手：对于熟悉 React 的开发者来说，Preact 非常容易上手。

缺点

功能较少：相比 React，Preact 的功能较少，一些高级功能（如 PropTypes）需要额外的库支持。
生态系统较小：Preact 的生态系统和社区支持不如 React 强大。
兼容性限制：虽然 Preact 与 React 兼容，但在某些情况下可能存在兼容性问题。

6.3 适用场景

Preact 适用于需要 React 功能但对包体积和性能有严格要求的项目。由于其轻量级和高效性，Preact 也适合移动端应用和对加载速度有高要求的应用。

6.4 常见应用

Uber：部分内部工具使用 Preact。
腾讯：部分应用使用 Preact 来实现用户界面。
Etsy：前端部分使用 Preact 构建。

7. Backbone.js

7.1 简介

Backbone.js 是一个 轻量级的 JavaScript 库，提供了基本的 MVC（Model-View-Controller） 结构。Backbone.js 旨在简化前端开发，提供数据模型、视图和路由等基本功能。
在这里插入图片描述

7.2 优缺点

优点

轻量级：体积小，依赖少，适合快速开发和小型项目。
灵活性高：提供了基本的 MVC 结构，但并不强制使用，开发者可以根据需求自由选择。
易于集成：可以轻松地集成到现有项目中，适合作为前端架构的一部分。

缺点

功能有限：相比其他框架，Backbone.js 的功能较为基础，缺乏一些现代前端框架的高级功能。
社区和资源较少：相比 React、Vue.js 和 Angular，Backbone.js 的社区和资源相对较少。
学习曲线：虽然 Backbone.js 本身较为简单，但开发者需要理解 MVC 架构和 Backbone.js 的概念。

7.3 适用场景

Backbone.js 适用于需要快速开发简单应用的项目，以及希望构建自定义前端架构的项目。由于其轻量级和灵活性，Backbone.js 也适合作为前端架构的一部分。

7.4 常见应用

WordPress：部分前端功能使用 Backbone.js 构建。
Foursquare：前端部分基于 Backbone.js。
Khan Academy：部分应用使用 Backbone.js。

8. Next.js

8.1 简介

Next.js 是一个基于 React 的 前端框架，提供了 服务器端渲染（SSR） 和 静态网站生成（SSG） 等功能。Next.js 旨在简化 React 应用的生产环境部署，并提供更好的性能和 SEO。
请添加图片描述

8.2 优缺点

优点

服务器端渲染：提升应用性能和 SEO。
静态网站生成：适合内容驱动的网站和博客。
自动代码分割：提升加载速度。
丰富的功能：包括路由管理、API 路由、静态导出等。

缺点

配置复杂：相比 React，Next.js 的配置较为复杂，需要一定的学习成本。
依赖 React：对于不熟悉 React 的开发者来说，可能需要额外的学习。
性能开销：服务器端渲染带来了额外的性能开销。

8.3 适用场景

Next.js 适用于需要服务器端渲染和静态网站生成的项目，以及希望提升应用性能和 SEO 的 React 应用。由于其丰富的功能，Next.js 也适合构建完整的 React 应用。

8.4 常见应用

Netflix：部分应用使用 Next.js。
Hulu：前端部分基于 Next.js。
Nike：部分应用使用 Next.js。

9. Nuxt.js

9.1 简介

Nuxt.js 是一个基于 Vue.js 的 前端框架，提供了 服务器端渲染（SSR）、静态网站生成（SSG） 和 单页应用（SPA） 等功能。Nuxt.js 旨在简化 Vue.js 应用的生产环境部署，并提供更好的性能和 SEO。
在这里插入图片描述

9.2 优缺点

优点

服务器端渲染：提升应用性能和 SEO。
静态网站生成：适合内容驱动的网站和博客。
自动代码分割：提升加载速度。
丰富的功能：包括路由管理、API 路由、静态导出等。
集成度高：与 Vue.js 深度集成，适合构建完整的 Vue.js 应用。

缺点

配置复杂：相比 Vue.js，Nuxt.js 的配置较为复杂，需要一定的学习成本。
依赖 Vue.js：对于不熟悉 Vue.js 的开发者来说，可能需要额外的学习。
性能开销：服务器端渲染带来了额外的性能开销。

9.3 适用场景

Nuxt.js 适用于需要服务器端渲染和静态网站生成的项目，以及希望提升应用性能和 SEO 的 Vue.js 应用。由于其丰富的功能，Nuxt.js 也适合构建完整的 Vue.js 应用。

9.4 常见应用

GitLab：前端部分使用 Nuxt.js。
Laravel：部分应用使用 Nuxt.js。
Baidu：部分应用使用 Nuxt.js。

10. Gatsby

10.1 简介

Gatsby 是一个基于 React 的 静态网站生成器，专注于 性能和 SEO。Gatsby 提供了丰富的插件和强大的数据层，支持多种数据源（如 Markdown、Contentful、WordPress 等）。

10.2 优缺点

优点

高性能：通过预渲染和代码分割，提升了网站加载速度和性能。
SEO 友好：由于预渲染，Gatsby 生成的网站对搜索引擎友好。
丰富的插件：拥有丰富的插件生态系统，支持多种功能和数据源。
数据层强大：支持多种数据源，易于集成和扩展。

缺点

学习曲线：相比 React，Gatsby 的学习曲线较陡，需要理解其数据层和插件系统。
配置复杂：Gatsby 的配置较为复杂，需要一定的学习成本。
依赖 React：对于不熟悉 React 的开发者来说，可能需要额外的学习。

10.3 适用场景

Gatsby 适用于需要高性能和 SEO 友好的静态网站，以及希望集成多种数据源的项目。由于其强大的数据层和插件系统，Gatsby 也适合构建内容驱动的网站和博客。

10.4 常见应用

Gatsby 官方网站：Gatsby 的官方网站使用 Gatsby 构建。
Nike：部分应用使用 Gatsby。
Spotify：部分内部工具使用 Gatsby。

总结

在选择前端框架时，开发者需要综合考虑 项目需求、团队熟悉度、性能要求 以及 生态系统支持 等因素。React、Vue.js 和 Angular 是当前最流行的三大框架，而 Svelte、Preact、Next.js、Nuxt.js 和 Gatsby 等新兴框架和库也提供了独特的优势和功能。根据具体需求选择合适的工具，可以大大提高开发效率和项目质量。希望本文的分析能够帮助开发者做出更明智的选择。

前端开发10大框架深度解析

摘要在现代前端开发中，框架的选择对项目的成功至关重要。本文旨在为开发者提供一份全面的前端框架指南，涵盖 React、Vue.js、Angular、Svelte、Ember.js、Preact、Backbone.js、Next.js、Nuxt.js 和 Gatsby。我们将从简介、优缺点、适用场景以及实际…...

编程日记 2025/8/29 1:55:12

tomcat的web管理

进入到conf cd /usr/local/tomcat/conf/备份tomcat-users.xml cp tomcat-users.xml{.,bak}编辑tomcat-users.xml vim tomcat-users.xml增加以下内容配置tomcat-users.xml <role rolename"manager-gui"/><role rolename"admin-gui"/><use…...

编程日记 2025/8/29 1:51:09

类和对象(上)

1.面向过程与面向对象的初步认识面向过程：以步骤为中心，适合简单逻辑，但复杂系统易混乱。面向对象：以对象职责为中心，通过抽象和模块化应对复杂需求。 C语言：面向过程，关注的是过程&#xff0…...

编程日记 2025/8/29 1:51:11

springcloud智慧工地物联网云管理系统源码

智慧工地以物联网云平台为核心，基于智慧工地物联网云平台与现场多个子系统的互联，实现现场各类工况数据采集，存储、分析与应用。通过接入智慧工地物联网云平台的多个子系统板块，根据现场管理实际需求灵活组合，实现一体…...

编程日记 2025/8/28 9:22:51

SLAM评估工具安装及使用EVO（Ubuntu20.04安装evo）--缺少 onnx 库还有Pandas 版本不兼容解决

介绍一下我的是ubuntu20.04.机载电脑是orinnx，通过源码烧写的系统。首先打开终端，输入 pip install evo --upgrade --no-binary evo 安装过程中出现如下问题缺少 onnx 库还有Pandas 版本不兼容， ONNX（Open Neural Network E…...

编程日记 2025/8/29 1:51:10

K8S学习之基础十五：k8s中Deployment扩容缩容

deployment扩容缩容比较简单，下面介绍两种常用方法 vi deploy-demo.yaml kind: Deployment metadata:name: myapp-v1 spec:replicas: 2selector:matchLabels:app: myappversion: v1template:metadata:labels:app: myappversion: v1spec:containers:- name: myappim…...

编程日记 2025/8/22 11:03:57

ClickHouse 中出现 DB::Exception: Too many parts 错误

在 ClickHouse 中出现 DB::Exception: Too many parts 错误，通常是由于表中数据分片（parts）数量超过系统限制，导致合并（merge）操作无法及时处理。以下是逐步解决方案： 1. 理解问题原因 MergeTr…...

编程日记 2025/8/29 1:51:09

PPT 小黑第20套

对应大猫21 Word转PPT 图片也得复制题目要求两套PPT母板，应用不同版式（版式那就可以选） 竖排文字...

编程日记 2025/8/19 8:54:51

大模型管理工具：LLaMA-Factory

目录一、安装与环境配置二、启动 Web 界面三、数据准备四、模型训练五、模型评估七、模型导出八、API服务部署 LLaMA-Factory 是一个开源的大语言模型（LLM）微调框架，旨在简化大规模模型的训练、微调和部署流程。它支持多种主…...

编程日记 2025/8/22 17:05:29

【机器人栅格地图】基于鹭鹰算法SBOA实现机器人栅格地图路径规划（目标函数：最短距离）附Matlab代码

基于鹭鹰算法（SBOA）的机器人栅格地图路径规划实现一、鹭鹰算法（SBOA）的基本原理鹭鹰优化算法（Secretary Bird Optimization Algorithm, SBOA）是一种新型元启发式算法，灵感源自鹭鹰的捕猎和逃…...

编程日记 2025/8/27 4:00:22

【Linux篇】版本控制器-Git

📌 个人主页： 孙同学_ 🔧 文章专栏：Liunx 💡 关注我，分享经验，助你少走弯路！ 文章目录 1.如何理解版本控制？2.Git的操作补充细节问题 1.如何理解版本控制？ 版…...

编程日记 2025/8/26 17:21:38

论文阅读：KAM-CoT: Knowledge Augmented Multimodal Chain-of-Thoughts Reasoning

论文来源：AAAI 2024 论文地址：https://ojs.aaai.org/index.php/AAAI/article/view/29844 Abstract LLM通过利用能够逐步思考的思维链在NLP任务中取得了很好的性能，但是为LLM扩展多模态能力时计算成本高，且需要大量的硬件资源。…...

编程日记 2025/8/27 13:04:55

linux内存页块划分及位图存储机制

page_alloc.c - mm/page_alloc.c - Linux source code v5.4.285 - Bootlin Elixir Cross Referencer 一. 什么是页块（Pageblock）？ 定义：页块是物理内存中的一个连续区域，由 2^pageblock_order 个物理页（Pag…...

编程日记 2025/8/28 14:46:40

一台云工作站是否能通过共享云桌面让10人流畅进行三维设计

云工作站，作为一种基于云计算技术的远程工作站解决方案，它将高性能的计算资源集中在云端服务器上，用户通过网络访问这些资源，实现高效、灵活的办公和创作环境。而三维设计，尤其是涉及复杂模型、高精度渲染等领域&#…...

编程日记 2025/8/27 4:35:01

安卓应用之服务

服务服务也是四大组件之一，用于执行长时间运行操作的组件，它与用户界面（UI）是分开的，因此即使用户切换到其他应用，服务依然可以继续运行。主要用于处理一些不需要用户交互的任务。例如，播放音…...

编程日记 2025/8/27 11:44:50

【Vue CLI脚手架开发】——6.scoped样式

文章目录一、scoped是什么二、应用案例1.使用代码2.原理3父组件App未添加scoped影响一、scoped是什么我们知道vue为了防止css样式污染，在每个组件中提供了 scoped属性进行限定css作用域；当<style>标签有 scoped 属性时，它的 CSS 只…...

编程日记 2025/8/17 3:55:11

JVM参数调整

一、内存相关参数 1. 堆内存控制 -Xmx：最大堆内存（如 -Xmx4g，默认物理内存1/4）。-Xms：初始堆内存（建议与-Xmx相等，避免动态扩容带来的性能波动）。-Xmn：新生代大小&…...

编程日记 2025/8/28 4:44:17

NodeJS学习笔记

NodeJS软件安装 node环境安装： https://nodejs.org 安装好后的node通常在C:\Program Files\nodejs验证安装是否成功 node -v npm -v 进入REPL模式命令行模式 nodeNodeJS在REPL模式和编辑器使用 windos在dos下常用命令 windos命令： 1、cmd dos系统2、…...

编程日记 2025/8/26 5:01:28

缺陷管理工具-禅道

目录一、禅道的介绍二、禅道的特点三、禅道使用流程 1.管理缺陷 2.管理用例黑马测试视频学习记录一、禅道的介绍二、禅道的特点三、禅道使用流程 1.管理缺陷 2.管理用例...

编程日记 2025/8/16 12:38:46

C++ 单词识别_牛客题霸_牛客网

点击链接即可查看题目: 单词识别_牛客题霸_牛客网一、题目描述输入一个英文句子，把句子中的单词(不区分大小写)按出现次数按从多到少把单词和次数在屏幕上输出来，次数一样的按照单词小写的字典序排序输出，要求能识别英文单词和句号。输入…...

编程日记 2025/8/23 1:54:19

qt open3dAlpha重建

qt open3dAlpha重建效果展示二、流程三、代码效果展示二、流程创建动作，链接到槽函数，并把动作放置菜单栏参照前文三、代码 1、槽函数实现 void on_actionAlpha_triggered();//alpha重建 void MainWindow::...

编程日记 2025/8/16 10:24:27

PS内发光、外发光

内外发光（图层样式–》内发光、外发光）：（滤色效果最好） 内发光–》结构：内发光的外形内发光–》图素：渐变发光细节的调整内发光–》品质：增加质感内发光–》图素–》阻塞&#x…...

编程日记 2025/8/28 21:50:50

C++之thread_local变量

C之thread_local变量_c threadlocal-CSDN博客 thread_local简介 thread_local 是 C11 为线程安全引进的变量声明符。表示对象的生命周期属于线程存储期。线程局部存储(Thread Local Storage，TLS)是一种存储期(storage duration)，对象的存储是在…...

编程日记 2025/8/29 1:00:15

鸿蒙开发中，数据持久化之Transaction(事务)的概念及应用

SQLite 数据库具备事务处理能力。事务本质上是一组操作的集合，它具有原子性，意味着这一系列操作要么全部成功执行，要么全部失败，不存在部分操作成功而部分失败的中间状态。以常见的转账功能为例，A 账户向 B 账户转账…...

编程日记 2025/8/23 13:33:35

软考高项笔记 1.1.1 信息

1.1.1 信息 📚 信息(Information) 是物质、能量及其属性的标示的集合，是确定性的增加。它以物质介质为载体，传递和反映世界各种事物存在方式、运动状态等的表征。信息不是物质，也不是能力，它以一种普遍形式&#xff0c…...

编程日记 2025/8/27 20:58:01

【TCP/IP协议栈】计算机网络知识补充

参考资料： 前言【计算机网络知识】总结 IP 在互联网中MAC 在局域网中 1. IP地址 IP地址有两个版本，IPv4和IPv6。IPv6现在并没有普及使用，所以现在使用的地址大部分依然是IPv4。 IP地址是在IP协议中，用来标识网络中不同主机的…...

编程日记 2025/8/20 16:09:17

【C++进阶学习】第一讲——继承（下）---深入挖掘继承的奥秘

目录 1.隐藏 1.1隐藏的概念 1.2隐藏的两种方式 2.继承与友元 3、继承与静态成员 4.单继承和多继承 4.1单继承 4.2多继承 5.菱形继承问题1：冗余性问题2：二义性 6.虚拟继承 7.总结 1.隐藏 1.1隐藏的概念在 C 中，继承是一种机制…...

编程日记 2025/8/28 10:59:15

IDEA Generate POJOs.groovy 踩坑小计 | 生成实体 |groovy报错

一、无法生成注释或生成的注释是null 问题可能的原因： 1.没有从表里提取注释信息，修改def calcFields(table)方法即可 def calcFields(table) {DasUtil.getColumns(table).reduce([]) { fields, col ->def spec Case.LOWER.apply(col.getDataType().…...

编程日记 2025/8/23 3:17:15

数据结构与算法计算机组成八股

文章目录数据结构与算法数组与链表的区别堆的操作红黑树定义及其原理计算机组成int和uint的表示原码反码补码移码的定义？为什么用补码？ 数据结构与算法数组与链表的区别堆的操作红黑树定义及其原理计算机组成 int和uint的表示原码反码补码移…...

编程日记 2025/8/24 11:30:21

【奇点时刻】通义千问开源QwQ-32B技术洞察报告（扫盲帖）

以下报告将基于今天各大社区对 Qwen/QwQ-32B（下文简称「QwQ-32B」）模型的讨论、测评与实测体验进行综合性分析与洞察。本报告将从模型背景与定位、核心技术、性能表现与对比、部署与使用方式，以及未来潜力与可能的影响五个维度，帮…...

编程日记 2025/8/27 7:32:13

神经网络中梯度计算求和公式求导问题

以下是公式一推导出公式二的过程。表达式一 ∂ E ∂ w j k − 2 ( t k − o k ) ⋅ sigmoid ( ∑ j w j k ⋅ o j ) ⋅ ( 1 − sigmoid ( ∑ j w j k ⋅ o j ) ) ⋅ ∂ ∂ w j k ( ∑ j w j k ⋅ o j ) \frac{\partial E}{\partial w_{jk}} -2(t_k - o_k) \cdot \text{sigm…...

编程日记 2025/8/25 9:15:06

IDEA 2024.1.7 Java EE 无框架配置servlet

1、创建一个目录（文件夹）lib来放置我们的库 2、将tomcat目录下的lib文件夹中的servlet-api.jar文件复制到刚创建的lib文件夹下。 3、把刚才复制到lib下的servlet-api.jar添加为库 4、在src下新建一个package：com.demo，然后创…...

编程日记 2025/8/26 4:40:07

Three.js 快速入门教程【十四】使用Stats.js监控渲染帧率和性能优化

系列文章目录 Three.js 快速入门教程【一】开启你的 3D Web 开发之旅 Three.js 快速入门教程【二】透视投影相机 Three.js 快速入门教程【三】渲染器 Three.js 快速入门教程【四】三维坐标系 Three.js 快速入门教程【五】动画渲染循环 Three.js 快速入门教程【六】相机控件 Or…...

编程日记 2025/8/28 17:13:53

基于RapidOCR与DeepSeek的智能表格转换技术实践

基于RapidOCR与DeepSeek的智能表格转换技术实践一、技术背景与需求场景在金融分析、数据报表处理等领域，存在大量图片格式的表格数据需要结构化处理。本文介绍基于开源RapidOCR表格识别与DeepSeek大模型的智能转换方案，实现以下典型场景： …...

编程日记 2025/8/27 18:40:34

简单多状态 dp 问题（典型算法思想）—— OJ例题算法解析思路

目录一、面试题 17.16. 按摩师 - 力扣（LeetCode） 算法代码： 代码思路解析： 问题分析： 动态规划定义： 状态转移方程： 初始化： 填表： 返回值： 优化空…...

编程日记 2025/8/26 0:37:59

【电路笔记 TMS320C6***DSP】外部存储器接口 A EMIFA向FPGA(作为异步存储器)写入数据的示例

目录 DSP和FPGA的连接DSP端：传输数据给FPGAFPGA端：接收数据 EMIFA（External Memory Interface A）的“异步存储器”（Asynchronous Memory）指的是那些不与系统时钟同步进行读写操作的外部存储设备。这类存储器…...

编程日记 2025/8/20 10:34:03

pgsql 查看数据库、表、索引大小等

查询数据库大小 -- 查询单个数据库大小 select pg_size_pretty(pg_database_size(postgres)) as size;-- 查询所有数据库大小 select datname, pg_size_pretty (pg_database_size(datname)) AS size from pg_database; 查询表大小 -- 查询单个表大小 select pg_size_pretty(p…...

编程日记 2025/8/22 15:22:27

物联网感知层采集的数据经过etl 后，输送给ai 训练模型和模型本身调优

在物联网（IoT）系统中，感知层采集的数据经过 ETL（Extract, Transform, Load）处理后，可以作为 AI 模型的训练数据，用于模型训练和调优。以下是实现这一过程的详细步骤和技术方案：一、数据流程概述数据采集：通过传感器和物联网设备采集原始数据。ETL 处理：对原始数据…...

编程日记 2025/8/28 1:48:13

C语言基础

一、基础 C语言文件后缀 .c为源文件 .h为头文件以 Visual studio 为例右键点击源文件点击添加，新建项 .c为C语言文件，.cpp为C文件后缀不同编译器会按照不同的编译语法进行编译 .cpp以C语法第一个程序 #include <stdio.h> //包含 st…...

编程日记 2025/8/28 8:50:01

pinginfoview网络诊断工具中文版

介绍 pinginfoview中文版本是一款实用的网络诊断工具，它专为中文用户设计，提供了方便易用的界面，使得在Windows环境下进行ping测试变得更加简单。该工具是由NirSoft开发的一款免费的桌面应用程序，尽管官方可能并未正式发布中文版…...

编程日记 2025/8/26 18:18:59

Anyting LLM LLM温度设置范围

在Anything LLM中，LLM（Language Model）的温度设置是一个关键参数，它影响着模型生成文本时的随机性和确定性。关于Anything LLM的LLM温度设置范围，虽然没有官方的明确数值范围说明，但通常温度参数的设置遵循…...

编程日记 2025/8/24 14:32:26

鸿蒙Android4个脚有脚线

效果 min:number122max:number150Row(){Stack(){// 底Text().border({width:2,color:$r(app.color.yellow)}).height(this.max).aspectRatio(1)// 长Text().backgroundColor($r(app.color.white)).height(this.max).width(this.min)// 宽Text().backgroundColor($r(app.color.w…...

编程日记 2025/8/28 13:48:54

摘要