本地引入与cdn引入js插件的区别在于加载时机、版本控制、网络依赖和调试体验:本地路径易出错且受文件位置影响,cdn需锁定版本号防不兼容更新,本地未压缩代码更利于调试,混合使用需防全局污染,cdn应配onerror降级。
有区别,但不是功能上的,而是加载时机、版本控制、网络依赖和调试体验的差异。
本地引入 JS 插件时 script 标签路径写错最常见
本地引入本质是文件系统读取,路径错误直接报 404 或 net::ERR_FILE_NOT_FOUND。相对路径易受当前 HTML 文件位置影响,比如:
-
./js/jquery.min.js:从当前 HTML 所在目录找js/子目录 -
../lib/chart.js:往上退一级再进lib/ - 用
file://协议打开 HTML 时,部分浏览器(如 Chrome)会因安全策略拒绝加载本地script
建议统一用相对于项目根目录的路径(配合本地 server 启动),或改用 http://localhost:8080 类方式调试。
CDN 引入要特别注意版本号是否锁定
CDN 地址里带不带版本号,决定你拿到的是固定版还是“最新兼容版”:
立即学习“前端免费学习笔记(深入)”;