代码拉取完成，页面将自动刷新
<!DOCTYPE html><html lang="zh-TW" data-theme="light"><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>特爱瞎折腾</title><meta name="description" content="实践是检验真理的唯一标准"><meta name="keywords" content="能今天解决的事情不拖到明天"><meta name="author" content="ZRS"><meta name="copyright" content="ZRS"><meta name="format-detection" content="telephone=no"><link rel="shortcut icon" href="/blog/img/favicon.png"><link rel="canonical" href="https://gitee.com/hkjjsgdd/blog/"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//fonts.googleapis.com" crossorigin="crossorigin"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><meta property="og:type" content="website"><meta property="og:title" content="特爱瞎折腾"><meta property="og:url" content="https://gitee.com/hkjjsgdd/blog/"><meta property="og:site_name" content="特爱瞎折腾"><meta property="og:description" content="实践是检验真理的唯一标准"><meta property="og:image" content="https://gitee.com/hkjjsgdd/blog/img/avatar.png"><meta property="article:published_time" content="2020-12-20T12:39:14.036Z"><meta property="article:modified_time" content="2020-12-20T12:39:14.036Z"><meta name="twitter:card" content="summary"><script>var activateDarkMode = function () {
document.documentElement.setAttribute('data-theme', 'dark')
if (document.querySelector('meta[name="theme-color"]') !== null) {
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#000')
}
}
var activateLightMode = function () {
document.documentElement.setAttribute('data-theme', 'light')
if (document.querySelector('meta[name="theme-color"]') !== null) {
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#fff')
}
}
var getCookies = function (name) {
const value = `; ${document.cookie}`
const parts = value.split(`; ${name}=`)
if (parts.length === 2) return parts.pop().split(';').shift()
}
var autoChangeMode = 'false'
var t = getCookies('theme')
if (autoChangeMode === '1') {
var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
var isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
var isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
var hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
if (t === undefined) {
if (isLightMode) activateLightMode()
else if (isDarkMode) activateDarkMode()
else if (isNotSpecified || hasNoSupport) {
console.log('You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.')
var now = new Date()
var hour = now.getHours()
var isNight = hour <= 6 || hour >= 18
isNight ? activateDarkMode() : activateLightMode()
}
window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
if (Cookies.get('theme') === undefined) {
e.matches ? activateDarkMode() : activateLightMode()
}
})
} else if (t === 'light') activateLightMode()
else activateDarkMode()
} else if (autoChangeMode === '2') {
now = new Date()
hour = now.getHours()
isNight = hour <= 6 || hour >= 18
if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
else if (t === 'light') activateLightMode()
else activateDarkMode()
} else {
if (t === 'dark') activateDarkMode()
else if (t === 'light') activateLightMode()
}</script><link rel="stylesheet" href="/blog/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web&display=swap"><script>var GLOBAL_CONFIG = {
root: '/blog/',
algolia: undefined,
localSearch: undefined,
translate: {"defaultEncoding":2,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"簡"},
copy: {
success: '複製成功',
error: '複製錯誤',
noSupport: '瀏覽器不支援'
},
bookmark: {
message_prev: '按',
message_next: '鍵將本頁加入書籤'
},
runtime_unit: '天',
runtime: false,
copyright: undefined,
ClickShowText: undefined,
medium_zoom: false,
fancybox: true,
Snackbar: undefined,
justifiedGallery: {
js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
},
baiduPush: false,
highlightCopy: true,
highlightLang: true,
isPhotoFigcaption: false,
islazyload: true,
isanchor: false
}</script><script>var GLOBAL_CONFIG_SITE = {
isPost: false,
isHome: true,
isHighlightShrink: false,
isSidebar: false
}</script><noscript><style>
#nav {
opacity: 1
}
.justified-gallery img{
opacity: 1
}
</style></noscript><meta name="generator" content="Hexo 4.2.0"><link rel="alternate" href="/blog/atom.xml" title="特爱瞎折腾" type="application/atom+xml">
</head><body><div id="mobile-sidebar"><div id="menu_mask"></div><div id="mobile-sidebar-menus"><div class="mobile_author_icon"><img class="avatar-img" src="/blog/img/avatar.png" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="mobile_post_data"><div class="mobile_data_item is-center"><div class="mobile_data_link"><a href="/blog/archives/"><div class="headline">文章</div><div class="length_num">11</div></a></div></div><div class="mobile_data_item is-center"> <div class="mobile_data_link"><a href="/blog/tags/"><div class="headline">標籤</div><div class="length_num">6</div></a></div></div><div class="mobile_data_item is-center"> <div class="mobile_data_link"><a href="/blog/categories/"><div class="headline">分類</div><div class="length_num">6</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/blog/"><i class="fa-fw fa fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/blog/archives/"><i class="fa-fw fa fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/blog/tags/"><i class="fa-fw fa fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/blog/categories/"><i class="fa-fw fa fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/blog/link/"><i class="fa-fw fa fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/blog/about/"><i class="fa-fw fa fa-heart"></i><span> 关于我</span></a></div><div class="menus_item"><a class="site-page" href="/blog/Board/"><i class="fa-fw fa fa-comments"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page"><i class="fa-fw fa fa-list"></i><span> 清单</span><i class="fas fa-chevron-down menus-expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/blog/music/"><i class="fa-fw fa fa-music"></i><span> 音乐</span></a></li><li><a class="site-page" href="/blog/movies/"><i class="fa-fw fa fa-film"></i><span> 电影</span></a></li><li><a class="site-page" href="/blog/Gallery/"><i class="fa-fw fa fa-camera-retro"></i><span> 相册</span></a></li></ul></div></div></div></div><div id="body-wrap"><header class="full_page" id="page-header" style="background-image: url(https://i.loli.net/2020/05/01/IuWi8QbHvzjlOPw.jpg)"><nav id="nav"><span class="pull-left" id="blog_name"><a class="blog_title" id="site-name" href="/blog/">特爱瞎折腾</a></span><span class="pull-right menus"><div class="menus_items"><div class="menus_item"><a class="site-page" href="/blog/"><i class="fa-fw fa fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/blog/archives/"><i class="fa-fw fa fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/blog/tags/"><i class="fa-fw fa fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/blog/categories/"><i class="fa-fw fa fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/blog/link/"><i class="fa-fw fa fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/blog/about/"><i class="fa-fw fa fa-heart"></i><span> 关于我</span></a></div><div class="menus_item"><a class="site-page" href="/blog/Board/"><i class="fa-fw fa fa-comments"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page"><i class="fa-fw fa fa-list"></i><span> 清单</span><i class="fas fa-chevron-down menus-expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/blog/music/"><i class="fa-fw fa fa-music"></i><span> 音乐</span></a></li><li><a class="site-page" href="/blog/movies/"><i class="fa-fw fa fa-film"></i><span> 电影</span></a></li><li><a class="site-page" href="/blog/Gallery/"><i class="fa-fw fa fa-camera-retro"></i><span> 相册</span></a></li></ul></div></div><span class="toggle-menu close"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></span></span></nav><div id="site-info"><h1 id="site_title">特爱瞎折腾</h1><div id="site_subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/xxxxx" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:xxxxxx@gmail.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div><div id="scroll_down"><i class="fas fa-angle-down scroll-down-effects"></i></div></header><main class="layout_page" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="recent-post-item"><div class="post_cover left_radius"><a href="/blog/2020/04/14/%E6%B5%8B%E8%AF%95%E6%96%87%E7%AB%A0/" title="测试文章"> <img class="post_bg" data-src="https://i.loli.net/2020/05/01/gkihqEjXxJ5UZ1C.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="测试文章"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/04/14/%E6%B5%8B%E8%AF%95%E6%96%87%E7%AB%A0/" title="测试文章">测试文章</a><div class="article-meta-wrap"><span class="article-meta"><i class="fas fa-thumbtack article-meta__icon sticky"></i><span class="sticky">置頂</span><span class="article-meta__separator">|</span></span><time class="post-meta__date" title="發表於 2020-04-14 00:00:00"><i class="far fa-calendar-alt"></i>2020-04-14</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/ceshi/">ceshi</a></span></div><div class="content">1code_word_wrap: true
default 此文章为测试作用，详情可看大佬的主题文档博客安装文档 主题更新日志
success 提示塊標籤
info 提示塊標籤
warning 提示塊標籤
danger 提示塊標籤
动漫壁纸
收藏的一些壁纸
查看答案
更新博客首页音乐
去网易云官网，生成音乐外链
然后我们复制一份butterfly/layout/includes/widget文件夹里面的card_announcement.pug文件，改名为card_music.pug，把里面改成以下内容
123456.card-widget.music .card-content .item-headline ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/blog/2020/07/20/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E5%86%99%E6%B3%95/" title="图片相对路径的写法"> <img class="post_bg" data-src="https://i.loli.net/2020/07/20/LWuFw7NdpehytxO.png" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="图片相对路径的写法"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/07/20/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E5%86%99%E6%B3%95/" title="图片相对路径的写法">图片相对路径的写法</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-07-20 12:29:52"><i class="far fa-calendar-alt"></i>2020-07-20</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84/">相对路径</a></span></div><div class="content">相对路径
图片在html下一级目录里 写法： 文件夹名称/图片名称
图片在html的上一级目录里 写法： ../图片名称
图片在html上一级的其他目录里 写法 : ../文件夹名称/图片名称
在上一级加 ../, 两级则加两个
1234567891011121314<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/beijing.css"> <title>Document< ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/blog/2020/05/05/jQuery%E5%9F%BA%E7%A1%80%E7%AF%87-DOM%E7%AF%87/" title="jQuery基础篇-DOM篇"> <img class="post_bg" data-src="https://i.loli.net/2020/05/03/VsUF3AjmK9MHdPn.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="jQuery基础篇-DOM篇"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/05/05/jQuery%E5%9F%BA%E7%A1%80%E7%AF%87-DOM%E7%AF%87/" title="jQuery基础篇-DOM篇">jQuery基础篇-DOM篇</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-05-05 21:03:16"><i class="far fa-calendar-alt"></i>2020-05-05</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/jQuery/">jQuery</a></span></div><div class="content">DOM节点的创建
创建元素：document.createElement
设置属性：setAttribute
添加文本：innerHTML
加入文档：appendChild
jQuery节点创建与属性的处理创建元素节点：
1$("<div></div>")
创建文本节点：
1$("<div>我是文本节点</div>")
创建为属性节点：
1$("<div id='test' class='aaron'>我是文本节点</div>")
DOM节点的插入DOM内部插入append()与appendTo()动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？
append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。
appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
简单的总结就是：
.append()和.appendTo() ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/blog/2020/05/03/JQuery%E5%9F%BA%E7%A1%80%E7%AF%87-%E6%A0%B7%E5%BC%8F%E7%AF%87/" title="jQuery基础篇-样式篇"> <img class="post_bg" data-src="https://i.loli.net/2020/05/03/VsUF3AjmK9MHdPn.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="jQuery基础篇-样式篇"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/05/03/JQuery%E5%9F%BA%E7%A1%80%E7%AF%87-%E6%A0%B7%E5%BC%8F%E7%AF%87/" title="jQuery基础篇-样式篇">jQuery基础篇-样式篇</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-05-03 20:27:00"><i class="far fa-calendar-alt"></i>2020-05-03</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/jQuery/">jQuery</a></span></div><div class="content">jQuery环境搭建慕课网
jQuery HelloWorld123456789101112131415161718192021222324<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>第一个简单的jQuery程序</title> <style type="text/css"> div{ padding:8px 0px; font-size:12px; text-align:center; border:solid 1px #888; } </style> <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> <scr ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/blog/2020/05/02/JS%E8%BF%9B%E9%98%B6%E7%AF%87%E5%AE%8C%E7%BB%93/" title="JS进阶篇完结"> <img class="post_bg" data-src="https://i.loli.net/2020/05/02/fMuQvznJTXEHwOh.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="JS进阶篇完结"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/05/02/JS%E8%BF%9B%E9%98%B6%E7%AF%87%E5%AE%8C%E7%BB%93/" title="JS进阶篇完结">JS进阶篇完结</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-05-02 20:34:19"><i class="far fa-calendar-alt"></i>2020-05-02</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/JavaScript/">JavaScript</a></span></div><div class="content">通过 JavaScript实现选项卡的切换
代码如下
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* 标签和文本结合区域效果制作： 1.用ul做分类标签 2.把ul的display定义为block使ul区域和下面div区域结合在一起 3.给ul定义一 ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/blog/2020/04/28/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B9%8B%E6%9C%80%E5%B0%8F%E7%94%9F%E6%88%90%E6%A0%91/" title="数据结构之最小生成树"> <img class="post_bg" data-src="https://i.loli.net/2020/04/28/ikelazInTv6wG9x.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="数据结构之最小生成树"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/04/28/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B9%8B%E6%9C%80%E5%B0%8F%E7%94%9F%E6%88%90%E6%A0%91/" title="数据结构之最小生成树">数据结构之最小生成树</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-04-28 00:00:00"><i class="far fa-calendar-alt"></i>2020-04-28</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></span></div><div class="content">什么是最小生成树是一棵树
无回路
v个顶点一定有v-1条边
是生成树
包含全部顶点
v-1条边都在图里
边和权重都最小Prim算法-让一棵小树长大123456789101112131415161718void Prim(){ MST={s}; while(1){ V= 未收录顶点中dist最小者; if( 这样的v不存在) break; 将v收录进MST: dist[V]=0; for(V的每个邻接点w) if(dist[w]！=0) if(E(v,w)<dist[w]){ dist[w]=E(v,w); parent[w]=v; } } if(MST中收到的顶点不到v个) Error("生成树不存在");}
时间复杂度T=O（v^2)
Kruskal算法-将森林合并成树123456789101112131415void Kruskal( Graph G){ MST=& ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/blog/2020/04/19/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%884%EF%BC%89-%E4%BA%8B%E4%BB%B6%E5%92%8CJS%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1%EF%BC%88%E4%B8%8A%EF%BC%89/" title="JavaScript学习笔记（4）-事件和JS内置对象（上）"> <img class="post_bg" data-src="https://i.loli.net/2020/04/16/I6M8nhZOTs2RQDy.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="JavaScript学习笔记（4）-事件和JS内置对象（上）"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/04/19/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%884%EF%BC%89-%E4%BA%8B%E4%BB%B6%E5%92%8CJS%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1%EF%BC%88%E4%B8%8A%EF%BC%89/" title="JavaScript学习笔记（4）-事件和JS内置对象（上）">JavaScript学习笔记（4）-事件和JS内置对象（上）</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-04-19 21:51:55"><i class="far fa-calendar-alt"></i>2020-04-19</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/JavaScript/">JavaScript</a></span></div><div class="content">什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
JS完成一个简单的计算器12345678910111213141516171819202122232425262728293031323334353637383940414243444546<!DOCTYPE html><html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var d = ""; var a=document.getElementById("txt1 ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/blog/2020/04/18/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%883%EF%BC%89-%E5%BE%AA%E7%8E%AF%E5%92%8C%E5%87%BD%E6%95%B0/" title="JavaScript学习笔记（3）-循环和函数"> <img class="post_bg" data-src="https://i.loli.net/2020/04/16/I6M8nhZOTs2RQDy.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="JavaScript学习笔记（3）-循环和函数"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/04/18/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%883%EF%BC%89-%E5%BE%AA%E7%8E%AF%E5%92%8C%E5%87%BD%E6%95%B0/" title="JavaScript学习笔记（3）-循环和函数">JavaScript学习笔记（3）-循环和函数</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-04-18 21:48:38"><i class="far fa-calendar-alt"></i>2020-04-18</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/JavaScript/">JavaScript</a></span></div><div class="content">循环switch 语句123456789101112131415switch(表达式){case值1: 执行代码块 1 break;case值2: 执行代码块 2 break;...case值n: 执行代码块 n break;default: 与 case值1 、 case值2...case值n 不同时执行的代码}
12Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句 并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。
default 这里只记录switch语句，其实都和c语言一样
函数定义一个函数1234function 函数名( ){ 函数体;}
函数的调用第一种情况:在标签内调用。
12345678 <script type="text/javascript"> function add2() { ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/blog/2020/04/17/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%882%EF%BC%89-%E5%8F%98%E9%87%8F%E5%92%8C%E6%95%B0%E7%BB%84/" title="JavaScript学习笔记（2）-变量和数组"> <img class="post_bg" data-src="https://i.loli.net/2020/04/16/I6M8nhZOTs2RQDy.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="JavaScript学习笔记（2）-变量和数组"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/04/17/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%882%EF%BC%89-%E5%8F%98%E9%87%8F%E5%92%8C%E6%95%B0%E7%BB%84/" title="JavaScript学习笔记（2）-变量和数组">JavaScript学习笔记（2）-变量和数组</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-04-17 21:37:15"><i class="far fa-calendar-alt"></i>2020-04-17</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/JavaScript/">JavaScript</a></span></div><div class="content">什么是变量什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果…等。
变量名1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。
1234正确: mysum _mychar $numa1
1234错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开头中间不能使用除(_ $)外特殊符号，如(% + /等)
2.变量名区分大小写，B和b不是同一个变量
3.不允许使用JavaScript关键字和保留字做变量名**
&&并且1b>a && b<c //“&&”是并且的意思, 读法"b大于a"并且&qu ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/blog/2020/04/16/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%881%EF%BC%89-%E7%BD%91%E9%A1%B5%E4%BA%92%E5%8A%A8%E6%93%8D%E4%BD%9C/" title="JavaScript学习笔记（1）—网页互动操作"> <img class="post_bg" data-src="https://i.loli.net/2020/04/16/I6M8nhZOTs2RQDy.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" alt="JavaScript学习笔记（1）—网页互动操作"></a></div><div class="recent-post-info"><a class="article-title" href="/blog/2020/04/16/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%881%EF%BC%89-%E7%BD%91%E9%A1%B5%E4%BA%92%E5%8A%A8%E6%93%8D%E4%BD%9C/" title="JavaScript学习笔记（1）—网页互动操作">JavaScript学习笔记（1）—网页互动操作</a><div class="article-meta-wrap"><time class="post-meta__date" title="發表於 2020-04-16 20:17:54"><i class="far fa-calendar-alt"></i>2020-04-16</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/blog/categories/JavaScript/">JavaScript</a></span></div><div class="content">JavaScript四种输出内容第一种: 输出内容用””括起，直接输出””号内的内容。123<script type="text/javascript"> document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</script>
第二种: 通过变量，输出内容1234<script type="text/javascript"> var mystr="hello world!"; document.write(mystr); //直接写变量名，输出变量存储的内容。</script>
第三种: 输出多项内容，内容之间用 + 号连接。1234<script type="text/javascript"> var mystr="hello"; document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接</script>
第四种: 输出HTML标签，并起作用，标签使用””括起来。12345 ...</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span><a class="page-number" href="/blog/page/2/">2</a><a class="extend next" rel="next" href="/blog/page/2/"><i class="fas fa-chevron-right fa-fw"></i></a></div></nav></div><div class="aside_content" id="aside_content"><div class="card-widget card-info"><div class="card-content"><div class="card-info-avatar is-center"><img class="avatar-img" src="/blog/img/avatar.png" onerror="this.onerror=null;this.src='/blog/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">ZRS</div><div class="author-info__description">实践是检验真理的唯一标准</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/blog/archives"><div class="headline">文章</div><div class="length_num">11</div></a></div><div class="card-info-data-item is-center"> <a href="/blog/tags"><div class="headline">標籤</div><div class="length_num">6</div></a></div><div class="card-info-data-item is-center"> <a href="/blog/categories"><div class="headline">分類</div><div class="length_num">6</div></a></div></div><div class="card-info-bookmark is-center"><button class="button--animated" id="bookmark-it" title="加入書籤"><i class="fas fa-bookmark"></i><span>加入書籤</span></button></div><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/xxxxx" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:xxxxxx@gmail.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div></div><div class="card-widget card-announcement"><div class="card-content"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">This is my Blog</div></div></div><div class="card-widget card-recent-post"><div class="card-content"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-recent-item"><div class="aside-recent-post"><a href="/blog/2020/07/20/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E5%86%99%E6%B3%95/"><div class="aside-post-cover"><img class="aside-post-bg" data-src="https://i.loli.net/2020/07/20/LWuFw7NdpehytxO.png" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" title="图片相对路径的写法" alt="图片相对路径的写法"/></div><div class="aside-post-title"><div class="aside-post_title" href="/blog/2020/07/20/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E5%86%99%E6%B3%95/" title="图片相对路径的写法">图片相对路径的写法</div><time class="aside-post_meta post-meta__date" title="發表於 2020-07-20 12:29:52">2020-07-20</time></div></a></div><div class="aside-recent-post"><a href="/blog/2020/05/05/jQuery%E5%9F%BA%E7%A1%80%E7%AF%87-DOM%E7%AF%87/"><div class="aside-post-cover"><img class="aside-post-bg" data-src="https://i.loli.net/2020/05/03/VsUF3AjmK9MHdPn.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" title="jQuery基础篇-DOM篇" alt="jQuery基础篇-DOM篇"/></div><div class="aside-post-title"><div class="aside-post_title" href="/blog/2020/05/05/jQuery%E5%9F%BA%E7%A1%80%E7%AF%87-DOM%E7%AF%87/" title="jQuery基础篇-DOM篇">jQuery基础篇-DOM篇</div><time class="aside-post_meta post-meta__date" title="發表於 2020-05-05 21:03:16">2020-05-05</time></div></a></div><div class="aside-recent-post"><a href="/blog/2020/05/03/JQuery%E5%9F%BA%E7%A1%80%E7%AF%87-%E6%A0%B7%E5%BC%8F%E7%AF%87/"><div class="aside-post-cover"><img class="aside-post-bg" data-src="https://i.loli.net/2020/05/03/VsUF3AjmK9MHdPn.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" title="jQuery基础篇-样式篇" alt="jQuery基础篇-样式篇"/></div><div class="aside-post-title"><div class="aside-post_title" href="/blog/2020/05/03/JQuery%E5%9F%BA%E7%A1%80%E7%AF%87-%E6%A0%B7%E5%BC%8F%E7%AF%87/" title="jQuery基础篇-样式篇">jQuery基础篇-样式篇</div><time class="aside-post_meta post-meta__date" title="發表於 2020-05-03 20:27:00">2020-05-03</time></div></a></div><div class="aside-recent-post"><a href="/blog/2020/05/02/JS%E8%BF%9B%E9%98%B6%E7%AF%87%E5%AE%8C%E7%BB%93/"><div class="aside-post-cover"><img class="aside-post-bg" data-src="https://i.loli.net/2020/05/02/fMuQvznJTXEHwOh.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" title="JS进阶篇完结" alt="JS进阶篇完结"/></div><div class="aside-post-title"><div class="aside-post_title" href="/blog/2020/05/02/JS%E8%BF%9B%E9%98%B6%E7%AF%87%E5%AE%8C%E7%BB%93/" title="JS进阶篇完结">JS进阶篇完结</div><time class="aside-post_meta post-meta__date" title="發表於 2020-05-02 20:34:19">2020-05-02</time></div></a></div><div class="aside-recent-post"><a href="/blog/2020/04/28/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B9%8B%E6%9C%80%E5%B0%8F%E7%94%9F%E6%88%90%E6%A0%91/"><div class="aside-post-cover"><img class="aside-post-bg" data-src="https://i.loli.net/2020/04/28/ikelazInTv6wG9x.jpg" onerror="this.onerror=null;this.src='/blog/img/404.jpg'" title="数据结构之最小生成树" alt="数据结构之最小生成树"/></div><div class="aside-post-title"><div class="aside-post_title" href="/blog/2020/04/28/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B9%8B%E6%9C%80%E5%B0%8F%E7%94%9F%E6%88%90%E6%A0%91/" title="数据结构之最小生成树">数据结构之最小生成树</div><time class="aside-post_meta post-meta__date" title="發表於 2020-04-28 00:00:00">2020-04-28</time></div></a></div></div></div></div><div class="card-widget card-categories"><div class="card-content"><div class="item-headline"><i class="fas fa-folder-open"></i><span>分類</span></div><ul class="card-category-list">
<li class="card-category-list-item "><a class="card-category-list-link" href="/blog/categories/JavaScript/"><span class="card-category-list-name">JavaScript</span><span class="card-category-list-count">5</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/blog/categories/ceshi/"><span class="card-category-list-name">ceshi</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/blog/categories/jQuery/"><span class="card-category-list-name">jQuery</span><span class="card-category-list-count">2</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/blog/categories/%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/"><span class="card-category-list-name">搭建博客</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/blog/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/"><span class="card-category-list-name">数据结构</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/blog/categories/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84/"><span class="card-category-list-name">相对路径</span><span class="card-category-list-count">1</span></a></li>
</ul></div></div><div class="card-widget card-tags"><div class="card-content"><div class="item-headline"><i class="fas fa-tags"></i><span>標籤</span></div><div class="card-tag-cloud"><a href="/blog/tags/Gitee/" style="font-size: 16px; color: #999">Gitee</a> <a href="/blog/tags/JavaScript/" style="font-size: 22px; color: #99a9bf">JavaScript</a> <a href="/blog/tags/ceshi/" style="font-size: 16px; color: #999">ceshi</a> <a href="/blog/tags/jQuery/" style="font-size: 19px; color: #99a1ac">jQuery</a> <a href="/blog/tags/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" style="font-size: 16px; color: #999">数据结构</a> <a href="/blog/tags/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84/" style="font-size: 16px; color: #999">相对路径</a></div></div></div><div class="card-widget card-archives"><div class="card-content"><div class="item-headline"><i class="fas fa-archive"></i><span>歸檔</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/blog/archives/2020/07/"><span class="card-archive-list-date">七月 2020</span><span class="card-archive-list-count">1</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/blog/archives/2020/05/"><span class="card-archive-list-date">五月 2020</span><span class="card-archive-list-count">3</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/blog/archives/2020/04/"><span class="card-archive-list-date">四月 2020</span><span class="card-archive-list-count">7</span></a></li></ul></div></div><div class="card-widget card-webinfo"><div class="card-content"><div class="item-headline"><i class="fas fa-chart-line"></i><span>網站資訊</span></div><div class="webinfo"><div class="webinfo-item"><div class="webinfo-article-name">文章數目 :</div><div class="webinfo-article-count">11</div></div><div class="webinfo-item"> <div class="webinfo-site-uv-name">本站訪客數 :</div><div class="webinfo-site-uv-count" id="busuanzi_value_site_uv"></div></div><div class="webinfo-item"><div class="webinfo-site-name">本站總訪問量 :</div><div class="webinfo-site-pv-count" id="busuanzi_value_site_pv"></div></div></div></div></div></div></main><footer id="footer" data-type="color"><div id="footer-wrap"><div class="copyright">©2020 By ZRS</div><div class="framework-info"><span>Power by </span><a href="https://hexo.io" target="_blank" rel="noopener"><span>Hexo</span></a><span class="footer-separator">|</span><span>Theme </span><a href="https://github.com/jerryc127/hexo-theme-butterfly" target="_blank" rel="noopener"><span>Butterfly</span></a></div></div></footer></div><section class="rightside" id="rightside"><div id="rightside-config-hide"><button class="translate_chn_to_cht" id="translateLink" title="簡繁轉換">繁</button><button id="darkmode" title="淺色和深色模式轉換"><i class="fas fa-adjust"></i></button></div><div id="rightside-config-show"><button id="rightside_config" title="設定"><i class="fas fa-cog"></i></button><button id="go-up" title="回到頂部"><i class="fas fa-arrow-up"></i></button></div></section><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/blog/js/utils.js"></script><script src="/blog/js/main.js"></script><script src="/blog/js/tw_cn.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module" defer></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js" async></script><script src="https://cdn.jsdelivr.net/npm/typed.js"></script><script>var subtitleEffect = true
if (subtitleEffect) {
var typed = new Typed("#subtitle", {
strings: "今日事,今日畢,Never put off till tomorrow what you can do today".split(","),
startDelay: 300,
typeSpeed: 150,
loop: true,
backSpeed: 50
})
} else {
document.getElementById("subtitle").innerHTML = '今日事,今日畢'
}</script></body></html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。