cdn方式引入外部的js库

1.引入jQuery

<!-- 引入jQuery使用cdn的方式引入jQuery -->
<script  src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>

2.引入vue.js

//开发版本:<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>//生产版本:<!-- 生产环境版本,优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue"></script>

3.引入axios.js

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

4.引入bootstrap相关

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap 101 Template</title><!-- Bootstrap --><link  href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"  rel="stylesheet"><script  src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script><script  src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script></head><body><h1>你好,世界!</h1></body>
</html>

cdn方式引入外部的js库相关推荐

  1. vue-cli cdn方式引入Vue模块

    文章目录 vue-cli cdn 方式引入 Vue 模块 前言 选择 Vue 的 cdn 如何引入 cdn ? 一手插入 一手准备 小结 + 打包测试 快速配置篇 FAQ 是否需要删除 import ...

  2. 同一页面中引入多个JS库产生的冲突解决方案(转)

    发生JS库冲突的主要原因:与jQuery库一样,许多JS库都使用'$'符号作为其代号.因此在一个页面中引入多个JS库,并且使用'$'作为代号时,程序不能识别其代表哪个库(这个是我自己的解释,但更深的原 ...

  3. react引入外部js_React.js:无需使用外部库即可实现拖放功能

    react引入外部js by Rajesh Pillai 由Rajesh Pillai React.js:无需使用外部库即可实现拖放功能 (React.js: implement the drag a ...

  4. vue中引入外部文件js、css、img的方法

    第一种方法,直接放到相对路径下,位置:./static/js/main.js,./static/css/main.css,./static/img/test.png 第二种方式: ES6的import ...

  5. vue 组件内引入外部在线js、css

    一.css: <style scoped>@import 'https://unpkg.com/element-ui@2.3.7/lib/theme-chalk/index.css'; & ...

  6. vue引入第三方原生js库

    1.public下index.html引入 2.vue.config.js configureWebpack申明一下需要调用的function,这些名称都是第三方js里有的 3.直接需要的页面 imp ...

  7. Vue 项目中引入本地第三方 JS 库

    一.在 inde.html 中使用 script 标签来引入 1.直接引入,全局可用 ESLint 语法检测会报错:'$' is not define // index.html<script ...

  8. 通过创建script标签来引入外部js

    通过创建script 标签再引入外部的js 可以等到引入的js 结束之后再执行函数,但是直接通过import的方式引入js的话可能无法控制是否js引入完成后再执行的函数顺序了 const script ...

  9. 引入外部独立的CSS样式文件

    HTML引入CSS样式的第三种方式引入外部独立的CSS样式文件 1.css 文件 a {text-decoration : none; }/*cursor : 鼠标样式,pointer是小手,hand ...

最新文章

  1. 基于熵权法优劣解距离法_维普资讯中文期刊服务平台-基于改进TOPSIS方法的航空装备预研项目技术风险评估...
  2. Android 屏幕滑动事件
  3. 解决在ESXi的虚拟化环境中的FreeNAS里Jails插件无法被访问到的问题
  4. JeePlus左树右表之 表单【右表】自动获取列表【左树 】中的id
  5. c语言for循环26个英文字母,菜鸟求助,写一个随机输出26个英文字母的程序
  6. 161122、BOM 操作写法示例
  7. 已从事软件测试一年,感觉依然很菜,只会基础的功能测试,想进一步学习,有没有好的建议呢?
  8. 蓝桥杯 ADV-175 算法提高 三个整数的排序
  9. php - 获取数组头尾元素
  10. MySQL闪退解决办法
  11. ERP系统-库存子系统-领料单
  12. JavaScript实现爆炸碎片的 图片切换 效果
  13. 【004】勃拉姆斯《第一号匈牙利舞曲》
  14. 前端从后端导出excel表格文件的两种方法
  15. Unity5 0 天空盒 CubeMap
  16. Centos 7 拨号上网
  17. Google Maps API –地图类型示例
  18. 2万字Linux实用常用命令总结,收藏不吃灰~
  19. Android中颜色设置
  20. android 新浪微博登录接口,[Android] 使用新浪微博SDK进行SSO登录

热门文章

  1. 网络分流器的分类?网络分流器的主要用途?
  2. WinMount 2.1.4 简体中文正式版
  3. 模拟退huo算法的特点_兄弟,退火吗?—— 初窥模拟退火算法
  4. 德育管理系统(德育管理软件)
  5. 遇到 npm 出现已存在等等报错 EEXIST
  6. 腾讯微博android版本,腾讯微博app安卓-腾讯微博app6.1.2最新版-最新下载站
  7. 大三狗的日常总结与反思
  8. Azure | AZ-204 认证之旅-ASP VS ASE
  9. mimikatz - Golden Ticket
  10. 梅长苏:推荐系统难道就是琅琊榜?