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

探秘 Ruby 与 JavaScript：动态语言的多面风采

news 来源：原创 2025/9/9 19:58:30

1 语法特性对比：简洁与灵活

1.1 Ruby 的语法优雅

Ruby 的语法设计旨在让代码读起来像自然语言一样流畅。它拥有简洁而富有表现力的语法结构，例如代码块、符号等。

以下是一个使用 Ruby 进行数组操作的简单示例：

# 定义一个数组
numbers = [1, 2, 3, 4, 5]# 使用代码块计算数组元素的平方和
sum_of_squares = numbers.inject(0) { |sum, num| sum + num ** 2 }puts "Sum of squares: #{sum_of_squares}"

在这个示例中，inject 方法结合代码块实现了数组元素平方和的计算，代码简洁且易于理解。

1.2 JavaScript 的灵活多变

JavaScript 的语法相对灵活，具有弱类型特性，这使得它在快速开发和原型设计方面表现出色。同时，JavaScript 也在不断发展，引入了箭头函数、模板字符串等新特性。

以下是一个使用 JavaScript 实现类似功能的代码：

// 定义一个数组
const numbers = [1, 2, 3, 4, 5];// 使用 reduce 方法计算数组元素的平方和
const sumOfSquares = numbers.reduce((sum, num) => sum + num ** 2, 0);console.log(`Sum of squares: ${sumOfSquares}`);

JavaScript 的 reduce 方法与 Ruby 的 inject 方法功能类似，箭头函数的使用让代码更加简洁。

1.3 语法特性对比总结

Ruby 的语法更加优雅和富有表现力，代码块等特性使得代码更具可读性和可维护性。

JavaScript 则以其灵活性和弱类型特性，在快速开发和跨平台应用方面具有优势。

2 应用场景对比：前后端的不同舞台

2.1 Ruby 的 Web 开发优势

Ruby 在 Web 开发领域有着广泛的应用，特别是 Ruby on Rails 框架，以其约定优于配置的理念和丰富的生态系统，极大地提高了开发效率。

以下是一个使用 Ruby on Rails 创建简单控制器和视图的示例：

# app/controllers/home_controller.rb
class HomeController < ApplicationControllerdef index@message = "Hello, Ruby on Rails!"end
end# app/views/home/index.html.erb
<h1><%= @message %></h1>

通过简单的代码，就可以创建一个显示欢迎信息的页面。

2.2 JavaScript 的全栈开发潜力

JavaScript 最初主要用于前端开发，但随着 Node.js 的出现，它也可以用于后端开发，实现了全栈开发的可能性。

以下是一个使用 Node.js 和 Express 框架创建简单服务器的示例：

// app.js
const express = require('express');
const app = express();app.get('/', (req, res) => {res.send('Hello, Node.js and Express!');
});app.listen(3000, () => {console.log('Server is running on port 3000');
});

这个服务器监听 3000 端口，并对根路径的请求返回欢迎信息。

2.3 应用场景对比总结

Ruby on Rails 框架在 Web 开发中表现出色，适合快速构建复杂的 Web 应用。

JavaScript 则凭借其全栈开发能力，在前后端一体化开发中具有独特的优势。

3 开发体验对比：社区与工具支持

3.1 Ruby 的社区与工具

Ruby 拥有一个热情且活跃的社区，提供了丰富的 gem（Ruby 的库）和工具。例如，RSpec 是一个流行的测试框架，可以帮助开发者编写高质量的测试代码。

以下是一个使用 RSpec 进行简单测试的示例：

# spec/calculator_spec.rb
require 'rspec'class Calculatordef add(a, b)a + bend
endRSpec.describe Calculator doit 'adds two numbers' docalculator = Calculator.newexpect(calculator.add(2, 3)).to eq(5)end
end

通过 RSpec，开发者可以方便地编写和运行测试。

3.2 JavaScript 的社区与工具

JavaScript 的社区规模庞大，拥有大量的开源库和工具。例如，Jest 是一个广泛使用的测试框架，支持快照测试、异步测试等功能。

以下是一个使用 Jest 进行简单测试的示例：

// calculator.js
function add(a, b) {return a + b;
}module.exports = add;// calculator.test.js
const add = require('./calculator');test('adds two numbers', () => {expect(add(2, 3)).toBe(5);
});

Jest 提供了简洁的 API 和强大的功能，使得测试编写更加高效。

3.3 开发体验对比总结

Ruby 和 JavaScript 都拥有活跃的社区和丰富的工具支持。Ruby 的社区更加注重代码质量和设计原则，而 JavaScript 的社区则更加多元化，涵盖了前端、后端和全栈开发等多个领域。

4 代码实践：实现一个简单的任务管理系统

4.1 Ruby 实现

以下是一个使用 Ruby 和 SQLite 实现简单任务管理系统的示例：

# task_manager.rb
require 'sqlite3'db = SQLite3::Database.new 'tasks.db'
db.execute <<-SQLCREATE TABLE IF NOT EXISTS tasks (id INTEGER PRIMARY KEY, name TEXT);
SQLdef add_task(db, name)db.execute "INSERT INTO tasks (name) VALUES (?)", name
enddef list_tasks(db)db.execute("SELECT * FROM tasks") do |row|puts "ID: #{row[0]}, Name: #{row[1]}"end
endadd_task(db, 'Buy groceries')
list_tasks(db)

这个示例创建了一个 SQLite 数据库，实现了添加任务和列出任务的功能。

4.2 JavaScript 实现

以下是一个使用 Node.js 和 Lowdb（一个简单的文件数据库）实现类似功能的示例：

// taskManager.js
const low = require('lowdb');
const FileSync = require('lowdb/adapters/FileSync');const adapter = new FileSync('db.json');
const db = low(adapter);db.defaults({ tasks: [] }).write();function addTask(name) {db.get('tasks').push({ name }).write();
}function listTasks() {db.get('tasks').forEach((task, index) => {console.log(`ID: ${index}, Name: ${task.name}`);});
}addTask('Buy groceries');
listTasks();

这个示例使用 Lowdb 作为数据库，实现了添加任务和列出任务的功能。

4.3 代码实践总结

在实现简单的任务管理系统时，Ruby 和 JavaScript 都有各自的优势。Ruby 与 SQLite 的结合更加传统和稳定，而 JavaScript 与 Lowdb 的搭配则更加轻量级和易于上手。

探秘 Ruby 与 JavaScript：动态语言的多面风采

1 语法特性对比：简洁与灵活 1.1 Ruby 的语法优雅 Ruby 的语法设计旨在让代码读起来像自然语言一样流畅。它拥有简洁而富有表现力的语法结构，例如代码块、符号等。以下是一个使用 Ruby 进行数组操作的简单示例： # 定义一个数组 numbers [1…...

编程日记 2025/9/9 19:58:30

高频面试题（含笔试高频算法整理）基本总结回顾21

干货分享，感谢您的阅读！ （暂存篇---后续会删除，完整版和持续更新见高频面试题基本总结回顾（含笔试高频算法整理）） 备注：引用请标注出处，同时存在的问题请在相关博客留言…...

编程日记 2025/9/9 6:42:09

深入浅出一下Python函数的核心概念与进阶应用

本篇技术博文摘要 🌟 本文系统梳理了Python函数的核心知识点，从基础概念到高级特性，构建了完整的函数编程知识体系。内容涵盖：变量作用域的局部与全局划分、函数注释的规范写法、参数传递中值与引用的区别、匿名函数的灵活应用&am…...

编程日记 2025/8/28 19:30:35

【漫话机器学习系列】198.异常值（Outlier）

异常值（Outlier）全面指南 —— 检测、分析与处理作者：Chris Albon（图源） 场景：数据清洗与特征工程必备技能一、什么是异常值（Outlier） 定义异常值（Outlier&#xff0…...

编程日记 2025/8/31 11:30:53

React 记账本项目实战：多页面路由、Context 全局

在本文中，我们将分享一个使用 React 开发的「记账本」项目的实战经验。该项目通过 VS Code 完成，包含首页、添加记录页、编辑页等多个功能页面，采用了 React Router 实现路由导航，使用 Context API 管理全局的交易记录状态，并引入数据可视化组件呈现不同月份的支出情况。项…...

编程日记 2025/9/9 18:50:41

[React] 如何用 Zustand 构建一个响应式 Enum Store？附 RTKQ 实战与 TS 架构落地

[React] 如何用 Zustand 构建一个响应式 Enum Store？附 RTKQ 实战与 TS 架构落地本文所有案例与数据为作者自行构建，所有内容均为技术抽象示例，不涉及任何实际商业项目自从之前尝试了一下 zustand 之后，就发现 zustand 是一个轻…...

编程日记 2025/9/9 19:57:37

DeepSeek在职场办公中的高效指令运用与策略优化

摘要随着人工智能技术的飞速发展，大型语言模型在各个领域的应用日益广泛。DeepSeek作为一款具有影响力的AI产品，为职场办公带来了新的变革与机遇。本文深入剖析DeepSeek在职场办公场景下的提示词指令运用，通过对提示词概念、作用、设计原则的…...

编程日记 2025/9/9 19:57:37

mysql事务脏读不可重复读幻读事务隔离级别关系

看了很多文档，发现针对事务并发执行过程中的数据一致性问题，即脏读、不可重复读、幻读的解释一塌糊涂，这也不能说什么，因为官方SQL标准中的定义也模糊不清。按照mysql中遵循的事务隔离级别，可以梳理一下其中的关系隔…...

编程日记 2025/9/9 12:01:20

Fork/Join框架与线程池对比分析

Fork/Join框架与线程池对比分析 1. 概述线程池（如ThreadPoolExecutor）是Java并发编程中用于管理线程生命周期的通用工具，适用于处理大量独立任务。Fork/Join框架（基于ForkJoinPool）是Java 7引入的专用框架&#xff…...

编程日记 2025/9/8 12:16:52

docker 安装 Gitlab

GitLab 安装 #创建容器数据卷映射目录 mkdir -p /usr/docker/gitlab/config mkdir -p /usr/docker/gitlab/logs mkdir -p /usr/docker/gitlab/data #目录授权 chmod 777 -R /usr/docker/gitlab/*#直接复制可用（记得改下宿主机ipv4,不知道怎么看，输入i…...

编程日记 2025/9/8 19:50:35

【贪心之摆动序列】

题目： 分析： 这里我们使用题目中给的第二个实例来进行分析题目中要求我们序列当中有多少个摆动序列，摆动序列满足一上一下，一下一上，这样是摆动序列，并且要输出摆动序列的最长长度通过上面的图我们可以…...

编程日记 2025/9/9 4:08:41

kubectl修改资源时添加注解

kubectl修改资源时添加注解 kubectl修改资源时添加注解老版本的注解(变化注解)删除Annotations查看Annotations信息查看发布记录回滚 kubectl修改资源时添加注解参考: 为什么我们要使用kubectl apply 修改资源时,在命令行后添加 --save-configtrue ,就会自动添加此次修改的…...

编程日记 2025/9/9 4:57:04

【C++初学】课后作业汇总复习（四）复数类与运算符重载

1、复数类输出如题，要求实现： 1、复数类含两个参数的构造函数，一个为实部，一个为虚部 2、用Show()现实复数的值。输出 (23i） //如题，要求实现： // //1、复数类含两个参数的构造函数&…...

编程日记 2025/9/5 6:03:30

十四、C++速通秘籍—函数式编程

目录上一章节： 一、引言一、函数式编程基础三、Lambda 表达式作用： Lambda 表达式捕获值的方式： 注意： 四、函数对象函数对象与普通函数对比： 五、函数适配器 1、适配普通函数 2、适配 Lambda 表达式 …...

编程日记 2025/9/6 1:02:57

复刻系列-星穹铁道 3.2 版本先行展示页

复刻星穹铁道 3.2 版本先行展示页 0. 视频手搓～星穹铁道～展示页～～～ 1. 基本信息作者: 啊是特嗷桃系列: 复刻系列官方的网站: 《崩坏：星穹铁道》3.2版本「走过安眠地的花丛」专题展示页现已上线复刻的网…...

编程日记 2025/9/4 17:36:19

阿里云备案有必要选择备案管家服务吗？自己ICP备案可以吗？

阿里云备案有必要选择备案管家服务吗？新手可以选择备案管家，备案管家不需要自己手动操作，可以高效顺利通过ICP备案。自己ICP备案可以吗？自己备案也可以的，也很简单，适合动手能力强的同学。阿里云备案管家…...

编程日记 2025/9/9 19:57:36

SQL语言基础（二）--以postersql为例

上次教程我们讲述了数据库中的增，删，改语句，今天我们来学习最后一个–‘改’的语句。 1.select语法数据库查询只有select一个句子，但select语法相对复杂，其功能丰富，使用方式也很灵活 SELECT [ALL|Dist…...

编程日记 2025/9/8 7:57:01

探索 Rust 语言：高效、安全与并发的完美融合

在当今的编程语言领域，Rust 正以其独特的魅力吸引着越来越多开发者的目光。它诞生于 Mozilla 实验室，旨在解决系统编程中长久以来存在的难题，如今已成为构建可靠、高效软件的有力工具。 1 内存安全 Rust 通过所有权（ownership&a…...

编程日记 2025/9/9 3:44:27

最大公约数和最小倍数 java

在Java中，计算两个数的最大公约数（Greatest Common Divisor, GCD）和最小公倍数（Least Common Multiple, LCM）是常见的编程问题。以下是具体的实现方法和代码示例。 --- ### **1. 最大公约数 (GCD)** 最大公约数是指…...

编程日记 2025/9/4 8:21:48

OpenHarmony Camera开发指导（三）：相机设备输入输出（ArkTS）

相机应用可通过创建相机输入流调用并控制相机设备，创建不同类型的输出流，进而实现预览、拍照、录像等基础功能。开发步骤在创建相机设备输入之前需要先完成相机设备管理，详细开发步骤可参考上一篇文章。创建相机输入流通过cameraMana…...

编程日记 2025/8/30 0:41:01

通过分治策略解决内存限制问题完成大型Hive表数据的去重的PySpark代码实现

在Hive集群中，有一张历史交易记录表，要从这张历史交易记录表中抽取一年的数据按某些字段进行Spark去重，由于这一年的数据超过整个集群的内存容量，需要分解成每个月的数据，分别用Spark去重，并保存为Parquet文…...

编程日记 2025/9/6 3:47:28

融媒体中心智能语音识别系统设计与实现

县级融媒体中心智能语音识别系统设计与实现序言随着融媒体时代的快速发展，新闻采编、专题节目制作对语音转写效率的要求日益提高。作为基层融媒体中心的技术工程师，我们在实际工作中常面临以下痛点： 采访录音整理耗时：传统人…...

编程日记 2025/9/2 18:35:53

学习笔记九——Rust所有权机制

🦀 Rust 所有权机制 📚 目录什么是值类型和引用类型？值语义和引用语义？什么是所有权？为什么 Rust 需要它？所有权的三大原则（修正版）移动语义 vs 复制语义：变量赋值到底…...

编程日记 2025/8/29 11:33:03

计算机视觉算法实现——电梯禁止电瓶车进入检测：原理、实现与行业应用（主页有源码）

✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连✨ 1. 电梯安全检测领域概述近年来，随着电动自行车（以下简称"电瓶车"&…...

编程日记 2025/9/4 1:19:32

扩散模型 Diffusion Model 整体流程详解

🧠 Diffusion Model 思路、疑问和代码文章目录 🧠 Diffusion Model 思路、疑问和代码🔄 一、核心思想：从噪声到图像📦 二、正向过程：加噪🧠 三、反向过程：学习去噪🎯 目…...

编程日记 2025/8/17 19:11:31

[Spark]深入解密Spark SQL源码：Catalyst框架如何优雅地解析你的SQL

本文内容组织形式总结具体例子执行语句解析层优化层物理计划层执行层猜你喜欢PS 总结先写个总结，接下来会分别产出各个部分的源码解析，Spark SQL主要分为以下五个执行部分。具体例子接下来举个具体的例子来说明执行语句 SELECT name, age FR…...

编程日记 2025/9/9 13:26:45

【数据结构_7】栈和队列（上）

一、概念栈和队列，也是基于顺序表和链表实现的栈是一种特殊的线性表，其只允许在固定的一段进行插入和删除元素操作。遵循后进先出的原则此处所见到的栈，本质上就是一个顺序表/链表，但是，实在顺序表/链表的基础…...

编程日记 2025/9/8 22:54:20

Linux中的cat命令常见用法

在 Linux 中，cat 命令是 concatenate（连接）的缩写，意思是“连接”或“串联”。基本功能 cat 命令的主要功能是用于查看、合并和创建文件。它会将一个或多个文件的内容输出到标准输出设备（通常是终端屏幕&#xff09…...

编程日记 2025/9/9 6:54:50

css - 实现三角形 div 容器，用css画一个三角形（提供示例源码）简单粗暴几行代码搞定！

效果图如下图所示，让一个 div 变成三角形，并且可随意更改大小， 本文提供了可运行示例源码，直接复制即可。实现源码建议创建一个 demo.html 文件，一键复制代码运行。 <style> .div{width: 0px;height: 0px…...

编程日记 2025/9/4 20:24:49

测试内容为主机地址随机数 package com.hainiu.example;import lombok.extern.slf4j.Slf4j; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotat…...

编程日记 2025/9/8 16:57:24

设计模式实践：模板方法、观察者与策略模式详解

目录 1 模板方法1.1 模板方法基本概念1.2 实验1.2.1 未使用模板方法实现代码1.2.2 使用模板方法的代码 2 观察者模式2.1 观察者模式基本概念2.2 实验 3 策略模式3.1 策略模式基本概念3.2 实验 1 模板方法 1.1 模板方法基本概念定义：一个操作中的算法的骨架 &…...

编程日记 2025/9/4 23:03:20

Google的AI模型Gemini和Gemini网络协议

粉丝私信问我：gemini如何访问？ "Gemini如何访问"需明确区分两种完全不同的技术体系：Google的AI模型Gemini和Gemini网络协议。以下是两者的访问方式详解： 一、访问Google的Gemini AI模型 1. 通过Web应用地址&#xf…...

编程日记 2025/9/5 20:59:02

HTTP实现心跳模块

HTTP实现心跳模块使用轻量级的cHTTP库cpp-httplib重现实现HTTP心跳模块头文件HttplibHeartbeat.h #ifndef HTTPLIB_HEARTBEAT_H #define HTTPLIB_HEARTBEAT_H#include <string> #include <thread> #include <atomic> #include <chrono> #include …...

编程日记 2025/9/4 14:34:40

基于web的民宿信息系统(源码+lw+部署文档+讲解)，源码可白嫖!

摘要随着信息时代的来临，民宿过去的民宿信息方式的缺点逐渐暴露，对过去的民宿信息的缺点进行分析，采取计算机方式构建民宿信息系统。本文通过阅读相关文献，研究国内外相关技术，提出了一种民宿信息管理、民宿信息管理…...

编程日记 2025/9/7 3:54:31

使用OpenSceneGraph (osg)实现一个星系漫游

简介使用OpenSceneGraph (osg)实现了一个太阳系漫游的程序，具有以下特点： 1.通过按键控制飞行器前进后退、空间姿态； 2.星系渲染； 3.背景星空渲染； 效果提供了一张超大的星空背景图代码示例 int main(int a…...

编程日记 2025/9/7 11:46:37

笔试专题（九）

文章目录十字爆破（暴力）题解代码比那名居的桃子（滑动窗口/前缀和）题解代码分组（暴力枚举优化二分）题解代码十字爆破（暴力） 题目链接题解 1. 暴力预处理 2. 如果单纯的暴…...

编程日记 2025/9/7 18:11:31

sklearn决策树待更新

注意：sklearn中所有的决策树模型包括回归决策树实现的是CART决策树算法，在官方文档中有介绍。sklearn中的决策树模型最终得到的树结构都是二叉树，因为CART算法生成的就是二叉树。 DecisionTreeClassifier类如果待预测样本有多个类别具有相同…...

编程日记 2025/9/4 16:55:03

eino v0.3.21 重磅发布！节点中断控制+空值映射支持，AI应用开发再添神器！

CloudWeGo/eino v0.3.21 作为最新补丁版本，聚焦流程控制与数据映射两大核心场景，为AI应用与微服务开发者提供更灵活的调试能力与容错设计！ 1. 节点中断控制（Feat: Node Interrupt） • 功能亮点：新增 node …...

编程日记 2025/9/7 15:22:52

力扣每日打卡 50. Pow(x, n) (中等)

[TOC](力扣 50. Pow(x, n) 中等) 前言这是刷算法题的第十一天，用到的语言是JS 题目：力扣 50. Pow(x, n) (中等) 一、题目内容实现 pow(x, n) ，即计算 x 的整数 n 次幂函数（即，xn ）。示例 1&#xff1…...

编程日记 2025/9/9 14:15:42

Mac M1管理多个Node.js版本

目录 1. 使用 nvm (Node Version Manager) 1.1.安装 nvm 1.2.安装Node.js版本 1.3.查看已安装的node版本列表 1.4.使用特定版本的Node.js 1.5.查看当前使用的版本 2. 使用 fnm (Fast Node Manager) 2.1.安装 fnm 2.2.安装Node.js版本 2.3.查看已安装的版本 2.4.使用…...

编程日记 2025/9/8 2:45:36

arm_math.h、arm_const_structs.h 和 arm_common_tables.h

在 FOC（Field-Oriented Control，磁场定向控制） 中，arm_math.h、arm_const_structs.h 和 arm_common_tables.h 是 CMSIS-DSP 库的核心组件，用于实现高效的数学运算、预定义结构和查表操作。以下是它们在 FOC 控…...

编程日记 2025/9/8 13:37:02

每天五分钟深度学习：非线性激活函数的导数

本文重点本文探讨了神经网络中几种常见非线性激活函数（Sigmoid、Tanh、ReLU、Leaky ReLU、ELU、Softmax）的导数特性。通过对各激活函数导数的数学推导与实际应用分析，揭示了不同激活函数在梯度传播、收敛速度及模型表达能力方面的差异。研究发现，ReLU及其变体在计算效率与…...

编程日记 2025/9/5 10:45:56

OpenHarmony5.0.2 USB摄像头适配

开发环境 OpenHarmony5.0.2 RK3568 USB摄像头遇到问题编译后插上USB摄像头后打开相机无图像解决思路 5.0.2版本是支持USB摄像头的，需要修改默认的板载相机配置即可。修改代码 1、修改配配置文件地址：vendor/hihope/rk3568/hdf_config/uhdf…...

编程日记 2025/8/30 14:54:27

vue: router基础用法

router基础用法 1.安装router2.配置router3.路由编程1.编程式导航2.声明式导航 1.安装router 在node环境下，直接运行 npm install router42.配置router 创建文件夹并命名为router 在router文件夹中创建index.js index.js示例配置如下： import { creat…...

编程日记 2025/9/4 16:30:04

IDE中使用Spring Data Redis

步骤一：导入Spring Data Redis的maven坐标 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency> 步骤二：配置Redis数据源步骤三&…...

编程日记 2025/9/1 1:43:23

【计网】网络交换技术之报文交换（复习自用，了解，重要3）

复习自用的，处理得比较草率，复习的同学或者想看基础的同学可以看看，大佬的话可以不用浪费时间在我的水文上了另外两种交换技术可以直接点击链接访问相关笔记： 电路交换分组交换一、报文交换的定义报文交换（Me…...

编程日记 2025/9/8 6:48:03

GitLab 17.x 配置 https

文章目录使用外部 nginx 参考：https://docs.gitlab.com/omnibus/settings/nginx.html 使用内置 nginx 参考：https://docs.gitlab.com/omnibus/settings/ssl/index.html#configure-https-manually // 使用自己手工申请证书 $ mkdir /etc/gitlab/ssl $ m…...

编程日记 2025/9/8 22:21:56

中间件--ClickHouse-1--基础介绍（列式存储，MPP架构，分布式计算，SQL支持，向量化执行，亿万级数据秒级查询）

1、概述 ClickHouse是一个用于联机分析(OLAP)的列式数据库管理系统(DBMS)。它由俄罗斯的互联网巨头Yandex为解决其内部数据分析需求而开发，并于2016年开源。专为大规模数据分析，实时数据分析和复杂查询设计，具有高性能、实时数据和可扩展性等…...

编程日记 2025/9/1 16:32:00

【编写Node接口；接口动态获取VUE文件并异步加载, 并渲染impoort插件使用】

编写Node接口；接口动态获取VUE文件并异步加载, 并渲染impoort插件使用； vue3-sfc-loader主要特征： 编写Node接口：Vue2项目使用：Vue3项目使用：（页面按需加载插件、图片等）主要使用&am…...

编程日记 2025/9/7 14:07:08

vue入门：template 和 JSX

temlplate 和 jsx 最终渲染时都是创建 dom 节点 template 和 JSX 混合使用 <template><div><span>Message: {{ msg }}</span><br/><VNodes :vnodes"getJSXSpan()"/><VNodes :vnodes"getAnchoredHeading(4)"/>…...

编程日记 2025/9/2 20:02:38