五、JS函数（下）
函数（下）作用域（重点） 什么是作用域，就是一个变量可以生效的范围 变量不是在所有地方都可以使用的，而这个变量的使用范围就是作用域 全局作用域 全局作用域是最大的作用域 在全局作用域中定义的变量可以在任何地方使用 页面打开的时候，浏览器会自动给我们生成一个全局作用域 window 这个作用域会一直存在，直到页面关闭就销毁了 123// 下面两个变量都是存在在全局作用域下面的，都是可以在任意地方使用的var num = 100;var num2 = 200; 局部作用域 局部作用域就是在全局作用域下面有开辟出来的一个相对小一些的作用域 在局部作用域中定义的变量只能在这个局部作用域内部使用 在 JS 中只有函数能生成一个局部作用域，别的都不行 每一个函数，都是一个局部作用域 12345678910// 这个 num 是一个全局作用域下的变量 在任何地方都可以使用var num = 100;function fn() { // 下面这个变量就是一个 fn 局部作用域内部的变量 // 只能在 fn 函数内部使用 var num2 = 200;}f...
四、JS函数（上）
函数（上） 我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西 函数的概念 对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面 在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行 先看一段代码： 123456789101112// 这个是我们以前写的一段代码for (var i = 0; i < 10; i++) { console.log(i);}// 函数，这个 {} 就是那个 “盒子”function fn() { // 这个函数我们以前写的代码 for (var i = 0; i < 10; i++) { console.log(i); }} 函数的两个阶段（重点） 按照我们刚才的说法，两个阶段就是 放在盒子里面 和 让盒子里面的代码执行 函数定义阶段 定义阶段就是我们把代码 放在盒子里面 我们就要学习怎么 放进去，也就是书写一个函数 我们有两种定义方式 声明式 和 赋值式 声明式 使用 funct...
三、JS循环结构
什么是循环结构？ 循环结构，就是根据某些给出的条件，重复的执行同一段代码 循环必须要有某些固定的内容组成：初始化、 条件判断、要执行的代码、自身改变 for 循环 语法：for (var i = 0; i < 10; i++) { 要执行的代码 } 123456// 把初始化，条件判断，自身改变，写在了一起for (var i = 1; i <= 10; i++) { // 这里写的是要执行的代码 console.log(i);}// 控制台会依次输出 1 ~ 10 while 循环 while，其实就是当条件满足时就执行代码，一旦不满足了就不执行了 语法 while (条件) { 满足条件就执行 } 因为满足条件就执行，所以我们写的时候一定要注意，就是设定一个边界值，不然就一直循环下去了 12345var num = 0; // 初始化条件while (num < 10) { console.log("当前的 num 的值是： " + num); // 要执行的代码 num = num +...
二、JS分支结构
分支结构 我们的 js 代码都是顺序执行的（从上到下） 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码 IF 条件分支结构if 语句 通过一个 if 语句来决定代码是否执行 语法： if (条件) { 要执行的代码 } 通过 () 里面的条件是否成立来决定 {} 里面的代码是否执行 123456789// 条件为 true 的时候执行 {} 里面的代码if (true) { alert("因为条件是 true，我会执行");}// 条件为 false 的时候不执行 {} 里面的代码if (false) { alert("因为条件是 false，我不会执行");} if else 语句 通过 if 条件来决定，执行哪一个 {} 里面的代码 语法： if (条件) { 条件为 true 的时候执行 } else { 条件为 false 的时候执行 } 两个 {} 内的代码一定有一个会执行 12345678910111213// 条件为 t...
一、初识JavaScript
JavaScript 基础语法 HTML ：标记语言 JavaScript ：编程语言 序言JavaScript（师傅领进门修行靠个人，出山了）1234(1)借鉴C语言的基本语法(2)借鉴Java语言的数据类型和内存管理(3)借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位(4)借鉴Self语言，使用基于原型(prototype)的继承机制 JavaScript 的组成ECMAScript+BOM+DOM123451. ECMASCRIPT: 语法规范2. BOM: 浏览器对象模型 { 有一套成熟的可以操作浏览器的 API，通过 BOM 可以操作浏览器 }3. DOM (Document Object Model): 文档对象模型 { 有一套成熟的可以操作页面元素的 API，通过 DOM 可以操作页面中的元素 } JS 中什么是变量? 变量指的是在程序中保存数据的一个容器 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据 也就是说，我们向内存中存储了...
Butterfly 美化/優化/魔改 教程合集
以下教程並未經過測試，如過遇到問題，請聯係相應的作者。不建議沒 DIY 經驗的使用者操作。 如果你想加入自己的文章到表格，你可以 確保你的文章跟 Butterfly 主題有關 點擊這個鏈接 按要求新增 作者 + 文章連結 | Jerry | [教程a](https://butterfly.js.org) 點擊下面的 Commit changes ，合併到 butterfly.js.org 倉庫 作者 連結 Jerry 自定義側邊欄 小康 优雅魔改 Lete 乐特 Butterfly 主题美化-无修改源码 (持续更新中…) Akilar Hexo 博客访问优化日记 Akilar 基于 Butterfly 主题的美化日记 Akilar 平滑升级魔改后的 Hexo 主题 小冰博客 小冰插件包 butterfly-orchid 1.0 小嘉的部落格 关于我 Butterfly 主题的所有美化 唐先森の博客 Hexo+Butterfly 主题美化
Butterfly 安裝文檔(七) 更新日誌
📖 本教程更新於 2021 年 07 月 20 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.8.2 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 你可以通過右下角的 簡 按鈕切換為簡體顯示 3.8.2 (2021/07/20)3.8.2 (2021/07/20)Fix 修復 footer 在部分瀏覽器沒有顯示在底部的 bug #616 Improvement 修改配置文件註釋 #613 3.8.1 (2021/07/10)3.8.1 (2021/07/10)Fix 修復 inline mathjax 有滾動條的 bug 修復友情鏈接的頭像帶有 Medium Zoom 燈箱的 bug #607 修復友情鏈接的頭像帶有 FancyBox 燈箱的 bug #607 Dependencies update hexo-renderer-pug ...
Butterfly 安裝文檔(六) 進階教程
📖 本教程更新於 2021 年 07 月 20 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.8.2 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 你可以通過右下角的 簡 按鈕切換為簡體顯示 建議 不要把個人需要的文件/圖片放在主題source文件夾裏，因為在升級主題的過程中，可能會把文件覆蓋刪除了。在 Hexo 根目錄的source文件夾裏，創建一個文件夾來放置個人文件/圖片。引用文件直接為/文件夾名稱/文件名 音樂音樂界面使用了插件 hexo-tag-aplayer使用方法請參考插件文檔 音樂頁面只是普通的 page 頁，按普通頁面操作生成就行。 以下內容可供選擇配置 注意： 仍需要安裝插件hexo-tag-aplayer 插件會在每一個文件都插入 js 和 css，為了避免這一情況，3.0 版本內置了 aplayer 需要的 css 和 js。 首先在 ...
Butterfly 安裝文檔(五) 主題問答
📖 本教程更新於 2021 年 07 月 20 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.8.2 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 你可以通過右下角的 簡 按鈕切換為簡體顯示 以下是一些網友在安裝的過程中出現的問題。在提問題之前，先看有沒有解決方法。 運行後網頁顯示代碼頁面只顯示 extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug 請下載安裝：npm install hexo-renderer-pug hexo-renderer-stylus ...
Butterfly 安裝文檔(四) 主題配置-2
📖 本教程更新於 2021 年 07 月 20 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.8.2 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 你可以通過右下角的 簡 按鈕切換為簡體顯示 評論通用設置DisqusDisqusjslivere（來必力）GitalkValineWalineUtterancesFacebook CommentsTwikoo從3.0.0開始，開啟評論需要在comments-use中填寫你需要的評論。 支持雙評論顯示，只需要配置兩個評論（第一個為默認顯示） 1234567891011comments: # Up to two comments system, the first will be shown as default # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utter...
