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

[前端开发]记录国内快速cdn库,用于在线引入JavaScript第三方库

news 2026/5/16 4:18:08

字节跳动的两个库,官网地址如下,搜索时优先找第一个,可用来链接axios,Boostrap等等第三方库

1.

字节跳动静态资源公共库

比如说搜索lodash,用于节流防抖的库,点击复制即可,一般是****.js或****.min.js这样的为后缀名的链接

点击复制即可,

  <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/lodash.js/4.17.21/lodash.min.js"></script>

2.

Staticfile CDN

比如说搜索lodash,用于节流防抖的库,点击复制即可,一般是****.js或****.min.js这样的为后缀名的链接

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><style>.box {width: 500px;height: 500px;background-color: #ccc;color: #fff;text-align: center;font-size: 100px;}</style>
</head><body><div class="box"></div><!-- 在这里引入 --><script src="https://cdn.staticfile.net/lodash.js/4.17.21/lodash.min.js"></script><!-- 在这里引入 --> <script>
// 利用防抖实现性能优化
// 需求：鼠标在盒子上移动，里面的数字就会变化 +1const box = document.querySelector('.box');
let i = 1;function mouseMove() {box.innerHTML = i++;// 如果里面存在大量消耗性能的代码，比如 DOM 操作，比如数据处理，可能造成卡顿
}// 添加事件
// box.addEventListener('mousemove', mouseMove);// 利用 lodash 库实现防抖 - 500 毫秒之后采取 +1
// 语法：_.debounce(fun, 时间)
box.addEventListener('mousemove', _.debounce(mouseMove, 200));</script>
</body></html>

运行效果如下,原代码来自B站黑马程序员pink老师的JavaScript的前端课程第197集

JS进阶-day4-196-什么是防抖以及底层实现_哔哩哔哩_bilibili

3.碎碎念

国际cdn的,即jsDelivr - A free, fast, and reliable CDN for JS and open source

实在是太慢了,加载容易卡,使用axios和Bootstrap的链接都加载得1~2秒,而上面字节的能在1秒内,快很多

相关文章：

[前端开发]记录国内快速cdn库,用于在线引入JavaScript第三方库

字节跳动的两个库,官网地址如下,搜索时优先找第一个,可用来链接axios,Boostrap等等第三方库 1. 字节跳动静态资源公共库 比如说搜索lodash,用于节流防抖的库,点击复制即可,一般是****.js或****.min.js这样的为后缀名的链接 点击复制即可, <script src"https://lf9-cd…...

编程日记 2025/1/31 12:43:19

留学生scratch计算机haskell函数ocaml编程ruby语言prolog作业VB

您列出了一系列编程语言和技术&#xff0c;这些可能是您在留学期间需要学习或完成作业的内容。以下是对每个项目的简要说明和它们可能涉及的领域或用途&#xff1a; Scratch&#xff1a; Scratch是一种图形化编程语言&#xff0c;专为儿童和初学者设计&#xff0c;用于教授编程…...

编程日记 2025/1/31 12:40:53

CF 766A.Mahmoud and Longest Uncommon Subsequence(Java实现)

题目分析 (小何同学语文不太好&#xff0c;看这个题弯弯绕绕&#xff0c;看不懂一点&#xff0c;哈哈哈。)在尝试示例中分析之后&#xff0c;题目的意思大概就是&#xff0c;两个字符串相同就输出-1&#xff0c;不同就输出最长的那个字符串长度 思路分析 数据输入存值之后&…...

编程日记 2025/1/31 12:36:45

React 的 12 个核心概念

文章目录 一、JSX&#xff1a;逻辑与视图的桥梁二、组件&#xff1a;模块化构建的核心三、Props&#xff1a;单向数据流的基石四、State&#xff1a;动态交互的核心五、useEffect&#xff1a;副作用管理的利器六、Context&#xff1a;跨层级数据共享的利器七、React.memo&#…...

编程日记 2025/1/31 12:35:36

玩转大语言模型——使用langchain和Ollama本地部署大语言模型

系列文章目录 玩转大语言模型——使用langchain和Ollama本地部署大语言模型 玩转大语言模型——ollama导入huggingface下载的模型 玩转大语言模型——langchain调用ollama视觉多模态语言模型 玩转大语言模型——使用GraphRAGOllama构建知识图谱 玩转大语言模型——完美解决Gra…...

编程日记 2025/1/31 12:32:30

【数据结构】(2)时间、空间复杂度

一、衡量算法好坏的指标 时间复杂度衡量算法的运行速度&#xff0c;空间复杂度衡量算法所需的额外空间。这些指标&#xff0c;是某场景中选择使用哪种数据结构和算法的依据。如今&#xff0c;计算机的存储器已经变得容易获得&#xff0c;所以不再太关注空间复杂度。 二、渐进表…...

编程日记 2025/1/31 12:30:20

分享14分数据分析相关ChatGPT提示词

数据分析 在研究过程中数据分析扮演着至关重要的角色&#xff0c;它能够帮助研究者从海量数据中提取有价值的信息&#xff0c;从而为研究结论提供坚实的依据。而ChatGPT在数据分析领域展现出了强大的辅助能力&#xff0c;为研究者提供了全方位的支持。当研究者提供清晰且具体的…...

编程日记 2025/1/31 12:29:19

dify实现原理分析-rag-数据检索的实现

数据检索的总体执行步骤 数据检索总体步骤如下&#xff1a; #mermaid-svg-YCRNdSE7T1d0Etyj {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-YCRNdSE7T1d0Etyj .error-icon{fill:#552222;}#mermaid-svg-YCRNdSE7T1d…...

编程日记 2025/1/31 12:28:13

Day30-【AI思考】-错题分类进阶体系——12维错误定位模型

文章目录 错题分类进阶体系——12维错误定位模型**一、认知层错误&#xff08;根源性缺陷&#xff09;****二、操作层错误&#xff08;执行过程偏差&#xff09;****三、心理层错误&#xff08;元认知障碍&#xff09;****四、进阶错误&#xff08;专业级陷阱&#xff09;** 错…...

编程日记 2025/1/31 12:27:08

全国31省空间权重矩阵（地理相邻空间、公路铁路地理距离空间、经济空间）权重矩阵数据-社科数据

中国31个省份空间权重矩阵-社科数据https://download.csdn.net/download/paofuluolijiang/90028597 https://download.csdn.net/download/paofuluolijiang/90028597 空间权重矩阵是反映个体在空间中依赖关系的矩阵&#xff0c;本数据计算全国31个省三种标准化处理的空间权重矩…...

编程日记 2025/1/31 12:23:01

Docker容器数据恢复

Docker容器数据恢复 1 创建mongo数据库时未挂载数据到宿主机2 查找数据卷位置3 将容器在宿主机上的数据复制到指定目录下4 修改docker-compose并挂载数据&#xff08;注意端口&#xff09;5 重新运行新容器 以mongodb8.0.3为例。 1 创建mongo数据库时未挂载数据到宿主机 versi…...

编程日记 2025/1/31 12:11:43

Visual Studio使用GitHub Copilot提高.NET开发工作效率

GitHub Copilot介绍 GitHub Copilot 是一款 AI 编码助手&#xff0c;可帮助你更快、更省力地编写代码&#xff0c;从而将更多精力集中在问题解决和协作上。 GitHub Copilot Free包含哪些功能&#xff1f; 每月 2000 代码补全&#xff0c;帮助开发者快速完成代码编写。 每月 …...

编程日记 2025/1/31 12:10:32

【matlab】绘图 离散数据---＞连续函数

matlab绘图练习 离散数据及离散函数对离散区间进行细划分 达到连续效果画plot(y)图 与 复数的应用 离散数据及离散函数 例1 x1[1 2 4 6 7 8 10 11 12 14 16 17 18 20] y1[1 2 4 6 7 8 10 10 8 7 6 4 2 1] figure(1); plot(x1,y1,o,MarkerSize,15); x21:20; y2log(x2); figure…...

编程日记 2025/1/31 12:07:16

Python大数据可视化：基于python的电影天堂数据可视化_django+hive

开发语言&#xff1a;Python框架&#xff1a;djangoPython版本&#xff1a;python3.7.7数据库&#xff1a;mysql 5.7数据库工具&#xff1a;Navicat11开发软件&#xff1a;PyCharm 系统展示 管理员登录 管理员功能界面 电影数据 看板展示 我的信息 摘要 电影天堂数据可视化是…...

编程日记 2025/1/31 12:06:11

几种K8s运维管理平台对比说明

目录 深入体验**结论**对比分析表格**1. 功能对比****2. 用户界面****3. 多租户支持****4. DevOps支持** 细对比分析1. **Kuboard**2. **xkube**3. **KubeSphere**4. **Dashboard****对比总结** 深入体验 KuboardxkubeKubeSphereDashboard 结论 如果您需要一个功能全面且适合…...

编程日记 2025/1/31 11:55:40

YOLO11/ultralytics：环境搭建

前言 人工智能物体识别行业应该已经饱和了吧&#xff1f;或许现在并不是一个好的入行时候。 最近看到了各种各样相关的扩展应用&#xff0c;为了理解它&#xff0c;我不得不去尝试了解一下。 我选择了git里非常受欢迎的yolo系列&#xff0c;并尝试了最新版本YOLO11或者叫它ultr…...

编程日记 2025/1/31 11:53:33

Effective Objective-C 2.0 读书笔记—— 消息转发

Effective Objective-C 2.0 读书笔记—— 消息转发 文章目录 Effective Objective-C 2.0 读书笔记—— 消息转发前言消息转发机制概述动态方法解析处理dynamic的属性用于懒加载 消息转发快速消息转发完整消息转发 总结 前言 在前面我学习了关联对象和objc_msgSend的相关内容&a…...

编程日记 2025/1/31 11:52:32

【Python-办公自动化】实现自动化输出json数据类型的分析报告和正逆转换

分析报告 import json from pprint import pprint, PrettyPrinterdef analyze_energy_data(file_path):"""能源数据分析与结构查看函数参数：file_path (str): JSON文件路径功能：1. 加载并解析JSON数据2. 显示数据结构概览3. 交互式结构探索"""…...

编程日记 2025/1/31 11:48:19

Docker小游戏 | 使用Docker部署RPG网页小游戏

Docker小游戏 | 使用Docker部署RPG网页小游戏 前言一、项目介绍项目简介项目预览二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署RPG网页小游戏下载镜像创建容器检查容器状态检查服务端口安全设置四、访问RPG网页小游戏五、总结前言 随着互联网技术的不断…...

编程日记 2025/1/31 11:45:07

技术周总结 01.13～01.19 周日(Spring Visual Studio git)

文章目录 一、01.14 周二1.1&#xff09;问题01&#xff1a;Spring的org.springframework.statemachine.StateMachine 是什么&#xff0c;怎么使用&#xff1f;:如何使用StateMachine&#xff1a; 1.2&#xff09;问题02&#xff1a;Spring StateMachine 提供了一系列高级特性 …...

编程日记 2025/1/31 11:42:59

Zabbix监控扩展实战：zbx-openclaw开源模板深度解析与应用指南

1. 项目概述与核心价值最近在折腾监控告警系统&#xff0c;发现一个挺有意思的开源项目&#xff0c;叫zbx-openclaw。这名字乍一看有点抽象&#xff0c;但拆开来看就明白了——zbx指的是 Zabbix&#xff0c;那个老牌的监控系统&#xff1b;openclaw直译是“开放的爪子”&#x…...

编程新知 2026/5/16 3:56:20

【NotebookLM经济学研究辅助终极指南】：20年量化研究员亲授5大高阶用法，90%学者还不知道的AI研报加速术

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM经济学研究辅助的底层逻辑与范式革命 NotebookLM 以语义理解为核心&#xff0c;将传统文献驱动的研究流程重构为“知识图谱—问题锚定—推理生成”三位一体的新范式。其底层并非依赖关键词匹…...

编程新知 2026/5/16 2:13:54

基于MCP与Apify构建自动化特许经营尽职调查智能体

1. 项目概述与核心价值最近在梳理一些自动化数据采集和商业智能分析的项目时&#xff0c;我遇到了一个非常有意思的工具&#xff1a;apifyforge/franchise-due-diligence-mcp。这个项目名字听起来有点长&#xff0c;但拆解一下就能明白它的核心价值——它是一个基于MCP&#xf…...

编程新知 2026/5/15 23:35:46

如何用raylib在3天内构建跨平台游戏应用？

如何用raylib在3天内构建跨平台游戏应用&#xff1f; 【免费下载链接】raylib A simple and easy-to-use library to enjoy videogames programming 项目地址: https://gitcode.com/GitHub_Trending/ra/raylib raylib是一个专为游戏开发设计的轻量级跨平台框架&#xff…...

编程新知 2026/5/15 23:14:34

BilibiliDown终极指南：3步轻松下载B站高清视频与音频

BilibiliDown终极指南&#xff1a;3步轻松下载B站高清视频与音频 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader &#x1f633; 项目地址: https://gitcode.com/gh_mirrors/bi…...

编程新知 2026/5/15 22:14:34

USB OTG = 让这个 USB 口既能当设备连电脑，也能当主机接 U 盘等外设。

USB OTG = 让这个 USB 口既能当设备连电脑，也能当主机接 U 盘等外设。 USB OTG = USB On-The-Go（常读成「USB OTG」） 一句话 让 本来当 U 盘、鼠标那种「从设备（Device）」用的 USB 口，在需要时也能 临时当「主机（Host）」，去 接 U 盘、键盘、读卡器 等外设。...

编程新知 2026/5/15 21:47:55

ARIS：基于技能化工作流的AI自主研究系统设计与实践

1. 项目概述&#xff1a;ARIS&#xff0c;一个让AI在你睡觉时做研究的自主工作流 如果你是一名机器学习或计算机科学领域的研究者&#xff0c;我猜你肯定有过这样的体验&#xff1a;一个绝妙的想法在深夜闪现&#xff0c;你兴奋地爬起来记下几行潦草的笔记&#xff0c;然后第二…...

编程新知 2026/5/15 21:35:44

不止Keil5：VSCode+GCC也能玩转GD32单片机？手把手教你搭建轻量级开发环境

超越Keil5&#xff1a;用VSCodeGCC打造高效GD32开发环境 在嵌入式开发领域&#xff0c;Keil MDK长期以来一直是ARM架构单片机开发的主流选择。然而&#xff0c;随着现代开发工具的演进&#xff0c;越来越多的开发者开始寻求更轻量、更灵活且完全免费的替代方案。本文将带你探索…...

编程新知 2026/5/15 20:58:36

[4G5G专题] RRU CFR技术：从“削峰”到“塑形”的算法演进与工程实践

1. 从“削峰”到“塑形”&#xff1a;CFR技术的本质蜕变 第一次接触CFR&#xff08;Crest Factor Reduction&#xff09;技术时&#xff0c;我把它简单理解为“信号削峰器”——就像用菜刀切掉蛋糕顶端多余的部分。早期在4G RRU&#xff08;Remote Radio Unit&#xff09;项目中…...

编程新知 2026/5/15 19:58:51

长期使用Taotoken聚合API对项目开发效率的实际影响

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 长期使用Taotoken聚合API对项目开发效率的实际影响 在为期数月的项目开发周期中&#xff0c;我们团队将Taotoken作为所有大模型调用…...

编程新知 2026/5/15 19:56:49