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

前端组件库开发

news 2025/9/15 0:40:56

通常我们会使用很多组件库，有时候我们会去看源码比如element，antd，然后发现多少是按需导出，和vue.use全局注册，依赖于框架的拓展。
组件库的开发依赖框架的版本和node的版本，这个是需要说明的，然后vue2 3 兼容的组件库虽然可以开发比如使用兼容的vuedemi之类的插件，但还是不是那么纯粹。
最近才开发地图的时候，通过webpack搭建打包，构建一个自己的打包项目webpack-dev-server与vue-loader和环境配置区分来配置output产出不同的文件，以及热更新来让本地测试，并没有做单元组件测试用例，因为还未成体系然后又急于投入使用，通常我打包入口为install函数和mainjs文件区分。
然后通过script命令打包区分 如图所示 现在使用vite开发webpack打包或者webpack开发vite打包 物尽其用方便，因为vite也是esbuild与rollup，优秀的就1+1大于2
在这里插入图片描述
关于文档是使用jsdoc来制作 结合了一下模板插件 以及注释来完成 制作通过注释来生成对于的方法html页面，然后部署，当然你也可以使用vuepress手动md来说明制作文档方便部署。

相关文章：

前端组件库开发

通常我们会使用很多组件库，有时候我们会去看源码比如element，antd，然后发现多少是按需导出，和vue.use全局注册，依赖于框架的拓展。 组件库的开发依赖框架的版本和node的版本，这个是需要说明的，然…...

编程日记 2023/12/13 4:35:56

自定义日志打印功能--C++

一、介绍 日志是计算机程序中用于记录运行时事件和状态的重要工具。通过记录关键信息和错误情况，日志可以帮助程序开发人员和维护人员追踪程序的执行过程，排查问题和改进性能。 在软件开发中，日志通常记录如下类型的信息： 事件信…...

编程日记 2023/12/13 4:34:55

gitlab注册无中国区电话验证问题

众所周知gitlab对中国区不友好，无法直接注册，页面无法选择86的手机号进行验证码发送。 Google上众多的方案是修改dom，而且时间大约是21年以前。 修改dom，对于现在的VUE、React框架来说是没有用的，所以不用尝试。 直接看…...

编程日记 2023/12/13 4:32:53

【JAVA基础题目练习】----第二天

JAVA基础题目练习 1. 键盘录入数据，比较大小2. 代码重构（简化代码，少做判断）3. 键盘录入月份的值，输出对应的季节4. 获取三个数据中的最大值使用IF语句5. 用switch语句实现键盘录入月份，输出对应的季节6. 求…...

编程日记 2023/12/13 4:31:52

node.js和npm的安装与环境配置（2023最新版）

目录 安装node.js测试是否安装成功测试npm环境配置更改环境变量新建系统变量 安装node.js 1、进入官网下载：node.js官网 我选择的是windows64位的，你可以根据自己的实际情况选择对应的版本。 2、下载完成，安装。 打开安装程序 接受协议 选…...

编程日记 2023/12/13 4:30:51

ke14--10章-1数据库JDBC介绍

注册数据库(两种方式),获取连接,通过Connection对象获取Statement对象,使用Statement执行SQL语句。操作ResultSet结果集 ,回收数据库资源. 需要语句: 1Class.forName("DriverName");2Connection conn DriverManager.getConnection(String url, String user, String…...

编程日记 2023/12/13 4:29:51

【IC验证】perl脚本——分析前/后仿用例回归情况

目录 1 脚本名称 2 脚本使用说明 3 nocare_list文件示例 4 脚本执行方法 5 postsim_result.log文件示例 6 脚本代码 1 脚本名称 post_analysis 2 脚本使用说明 help：打印脚本说明信息 命令：post_analysis help 前/后仿结束后，首先填…...

编程日记 2023/12/13 4:28:49

Ansible适合的场景是什么？

Ansible将编排与配置管理、供应和应用程序部署结合并统一在一个易于使用的平台上。Ansible的一些主要场景包括: 配置管理：集中配置文件管理和部署是Ansible的一个常见场景。 应用程序部署：当使用Ansible定义应用程序，并使用Ansible Tower管…...

编程日记 2023/12/13 4:27:49

Flink 读写 HBase 总结

前言 总结 Flink 读写 HBase 版本 Flink 1.15.4HBase 2.0.2Hudi 0.13.0官方文档 https://nightlies.apache.org/flink/flink-docs-release-1.17/zh/docs/connectors/table/hbase/ Jar包 https://repo1.maven.org/maven2/org/apache/flink/flink-sql-connector-hbase-2.2/1…...

编程日记 2023/12/13 4:26:48

记录一次chatGPT人机协同实战辅助科研——根据词库自动进行情感分析

有一个Excel中的一列，读取文本判断文本包含积极情感词.txt和消极情感词.txt的个数，分别生成两列统计数据 请将 ‘your_file.xlsx’ 替换为你的Excel文件名，Your Text Column’替换为包含文本的列名。 这个程序首先读取了积极和消极情感词&…...

编程日记 2023/12/13 4:25:47

Java_LinkedList链表详解

目录 前言 ArrayList的缺陷 链表 链表的概念及结构 链表的种类 1.单向或双向 2.带头或不带头 3.循环或不循环 LinkedList的使用 什么是LinkedList LinkedList的使用 LinkedList的构造 LinkedList的其他常用方法介绍 LinkedList的遍历 ArrayList和LinkedList的…...

编程日记 2023/12/13 4:24:46

MacOS 12 开放指定端口 指定ip访问

MacOS 12 开放指定端口 指定ip访问 在 macOS 上开放一个端口，并指定只能特定的 IP 访问，你可以使用 macOS 内置的 pfctl（Packet Filter）工具来实现。 以下是一些基本的步骤： 1、 编辑 pf 配置文件： 打开 /…...

编程日记 2023/12/13 4:21:43

LeedCode刷题---滑动窗口问题

顾得泉：个人主页 个人专栏：《Linux操作系统》 《C/C》 《LeedCode刷题》 键盘敲烂，年薪百万！ 一、长度最小的子数组 题目链接：长度最小的子数组 题目描述 给定一个含有 n 个正整数的数组和一个正整数 target 。…...

编程日记 2023/12/13 4:19:41

leetcode24. 两两交换链表中的节点

题目描述 给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。 示例 1： 输入：head [1,2,3,4] 输出&#…...

编程日记 2023/12/13 4:17:40

TCP传输层详解（计算机网络复习）

介绍：TCP/IP包含了一系列的协议，也叫TCP/IP协议族，简称TCP/IP。该协议族提供了点对点的连接机制，并将传输数据帧的封装、寻址、传输、路由以及接收方式都予以标准化 TCP/IP的分层模型 在讲TCP/IP协议之前，首先介绍一…...

编程日记 2023/12/13 4:14:37

【LuatOS】简单案例网页点灯

材料 硬件：合宙ESP32C3简约版，BH1750光照度模块，0.96寸OLED(4P_IIC)，杜邦线若干 接线： ESP32C3.GND — OLED.GND — BH1750.GND ESP32C3.3.3V — OLED.VCC — BH1750.VCC ESP32C3.GPIO5 — OLED.SCL — BH1750.SCL E…...

编程日记 2023/12/13 4:13:37

百度APP iOS端包体积50M优化实践(七)编译器优化

一. 前言 百度APP iOS端包体积优化系列文章的前六篇重点介绍了包体积优化整体方案、图片优化、资源优化、代码优化、无用类优化、HEIC图片优化实践和无用方法清理，图片优化是从无用图片、Asset Catalog和HEIC格式三个角度做深度优化；资源优化包括大资源…...

编程日记 2023/12/13 4:11:35

STM32-新建工程（标准库）

目录 STM32F10x新建工程（标准库） 移植文件夹 新建工程 添加启动文件和必需文件 在工程中加载新添加的文件 在工程中添加文件路径 在工程中添加main函数 添加lib库 添加必需文件 添加宏定义 点亮LED（标准库） STM32F10x新…...

编程日记 2023/12/13 4:07:32

Android集成科大讯飞语音识别与语音唤醒简易封装

目录 一、语音唤醒部分 1、首先在科大讯飞官网注册开发者账号 2、配置唤醒词然后下载sdk 3、选择对应功能下载 4、语音唤醒lib包全部复制到工程目录下 5、把语音唤醒词文件复制到工程的assets目录 6、复制对应权限到AndroidManifest.xml中 7、唤醒工具类封装 二、语音识…...

编程日记 2023/12/13 4:06:31

【Linux】telnet命令使用

telnet命令 telnet命令用于使用telnet协议与另一台主机进行通信。如果在没有主机参数的情况下调用telnet，它将进入命令模式，由其提示（telnet>）指示。在这种模式下，它接受并执行下面列出的命令。如果使用参数调用它…...

编程日记 2023/12/13 4:05:30

Java 语言特性(面试系列1)

一、面向对象编程 1. 封装（Encapsulation） 定义：将数据（属性）和操作数据的方法绑定在一起，通过访问控制符（private、protected、public）隐藏内部实现细节。示例： public …...

编程新知 2025/9/3 1:27:59

云启出海，智联未来｜阿里云网络「企业出海」系列客户沙龙上海站圆满落地

借阿里云中企出海大会的东风，以**「云启出海，智联未来｜打造安全可靠的出海云网络引擎」为主题的阿里云企业出海客户沙龙云网络&安全专场于5.28日下午在上海顺利举办，现场吸引了来自携程、小红书、米哈游、哔哩哔哩、波克城市、…...

编程新知 2025/9/13 17:45:20

1.3 VSCode安装与环境配置

进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

编程新知 2025/8/25 22:27:27

React19源码系列之 事件插件系统

事件类别 事件类型 定义 文档 Event Event 接口表示在 EventTarget 上出现的事件。 Event - Web API | MDN UIEvent UIEvent 接口表示简单的用户界面事件。 UIEvent - Web API | MDN KeyboardEvent KeyboardEvent 对象描述了用户与键盘的交互。 KeyboardEvent - Web…...

编程新知 2025/8/19 5:37:33

vue3 定时器-定义全局方法 vue+ts

1.创建ts文件 路径&#xff1a;src/utils/timer.ts 完整代码&#xff1a; import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...

编程新知 2025/8/9 0:31:20

C++ 求圆面积的程序（Program to find area of a circle）

给定半径r&#xff0c;求圆的面积。圆的面积应精确到小数点后5位。 例子&#xff1a; 输入&#xff1a;r 5 输出&#xff1a;78.53982 解释&#xff1a;由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982&#xff0c;因为我们只保留小数点后 5 位数字。 输…...

编程新知 2025/9/13 0:44:14

第7篇：中间件全链路监控与 SQL 性能分析实践

7.1 章节导读 在构建数据库中间件的过程中&#xff0c;可观测性 和 性能分析 是保障系统稳定性与可维护性的核心能力。 特别是在复杂分布式场景中&#xff0c;必须做到&#xff1a; &#x1f50d; 追踪每一条 SQL 的生命周期&#xff08;从入口到数据库执行&#xff09;&#…...

编程新知 2025/8/8 6:07:28

浅谈未来汽车电子电气架构发展趋势中的通信部分

目录 一、引入 1.1市场占比演化 1.2未来发展趋势 二、纯电动汽车与传统汽车的区别 2.1 纯电车和燃油车的架构&#xff08;干货&#xff09; 2.2 新能源汽车的分类 ⚡ 1. 纯电动汽车&#xff08;BEV&#xff09; &#x1f50b; 2. 插电式混合动力&#xff08;PHEV&#…...

编程新知 2025/9/3 18:59:46

前端技能包

ES6 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body><script>// 变量定义var a1;let b5; // 现在使用let 定义变量// 对象解构let person{&quo…...

编程新知 2025/9/11 17:50:15

Ntfs!ReadIndexBuffer函数分析之nt!CcGetVirtualAddress函数之nt!CcGetVacbMiss

第一部分&#xff1a; NtfsMapStream( IrpContext, Scb, LlBytesFromIndexBlocks( IndexBlock, Scb->ScbType.Index.IndexBlockByteShift ), Scb->ScbType.Index.BytesPerIndexBuffer, &am…...

编程新知 2025/7/20 10:05:28