v1.0.0-beta.8

README.MD

@@ -5,7 +5,7 @@
   <a href="https://github.com/xugaoyi/vuepress-theme-vdoing/actions?query=workflow%3AbaiduPush"><img src="https://github.com/xugaoyi/vuepress-theme-vdoing/workflows/baiduPush/badge.svg" alt="baiduPush"></a>
   <a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/LICENSE"><img src="https://img.shields.io/github/license/xugaoyi/vuepress-theme-vdoing
 " alt="License"></a>
-  <a href="https://www.npmjs.com/package/vuepress-theme-vdoing"><img alt="npm" src="https://img.shields.io/npm/v/vuepress-theme-vdoing?style=flat-square"></a>
+  <a href="https://www.npmjs.com/package/vuepress-theme-vdoing"><img alt="npm" src="https://img.shields.io/npm/v/vuepress-theme-vdoing"></a>
   <a href="https://github.com/xugaoyi/vuepress-theme-vdoing/stargazers"><img src="https://img.shields.io/github/stars/xugaoyi/vuepress-theme-vdoing?logo=ReverbNation&logoColor=rgba(255,255,255,.6)" alt="GitHub stars"></a>
 
 
@@ -20,9 +20,9 @@
 
 ## 介绍
 1. 这个主题的初衷是打造一个好用的、面向程序员的`知识管理工具`
-2. 一个`结构化`的知识库，让你的知识海洋像一本本书一样清晰易读。
+2. 轻松构建一个`结构化`的知识库，让你的知识海洋像一本本书一样清晰易读。
 3. 博客功能提供一种知识的`碎片化`形态，并支持个性化博客配置。
-4. `简洁高效`，以 Markdown 为中心的项目结构，内置自动化工具，以更少的配置完成更多的事。配合多维索引快速定位每个知识点。
+4. `简洁高效`，以 Markdown 为中心的项目结构。内置自动化工具，以更少的配置完成更多的事。配合多维索引快速定位每个知识点。
 
 
 

docs/.vuepress/config.js

@@ -13,15 +13,14 @@ module.exports = {
     // 不蒜子访问量统计
     // ['script', { src: '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js', async: 'async'}]
 
-    // 以下是vuepress-plugin-demo-block插件所需依赖
-    // ['script', { src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js' }], // 此文件会影响导航router-link-active样式的切换，改为在enhanceApp.js中把Vue构造函数绑定到window上
-    // ['script', { src: 'https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js' }],
   ],
   markdown: {
     lineNumbers: true // 代码行号
   },
+
   theme: 'vdoing', // 使用依赖包主题
   // theme: require.resolve('../../theme-vdoing'), // 使用本地主题
+
   themeConfig: { // 主题配置
     nav,
     sidebarDepth: 2, // 侧边栏显示深度，默认1，最大2（显示到h3标题）
@@ -30,7 +29,7 @@ module.exports = {
     searchMaxSuggestions: 10, // 搜索结果显示最大数
     lastUpdated: '上次更新', // 更新的时间，及前缀文字   string | boolean (取值为git提交时间)
     docsDir: 'docs', // 编辑的文件夹
-    editLinks: true, // 编辑链接
+    editLinks: true, // 启用编辑
     editLinkText: '编辑',
 
     // 以下配置是Vdoing主题改动的和新增的配置

docs/《ES6 教程》笔记/02.let 和 const 命令.md

@@ -14,7 +14,7 @@ tags:
 
 ### 基本用法
 
-ES6 新增了`let`命令，用来声明变量。它的用法类似于`var`，但是所声明的变量，只在`let`命令所在的代码块内有效。
+ES6 新增了`let`命令，用来声明变量。它的用法类似于`var`，但是所声明的变量，**只在`let`命令所在的代码块内有效(块级作用域)**。
 
 ```javascript
 {
@@ -41,19 +41,23 @@ console.log(i);
 
 上面代码中，计数器`i`只在`for`循环体内有效，在循环体外引用就会报错。
 
+> 如果for循环内用`var`声明`i`，则会打印10
+
+
+
 下面的代码如果使用`var`，最后输出的是`10`。
 
 ```javascript
 var a = [];
 for (var i = 0; i < 10; i++) {
-  a[i] = function () {
+  a[i] = function () { // 循环时只是将函数赋值给a[i],并未执行函数。函数内的i是全局的i
     console.log(i);
   };
 }
 a[6](); // 10
 ```
 
-上面代码中，变量`i`是`var`命令声明的，在全局范围内都有效，所以全局只有一个变量`i`。每一次循环，变量`i`的值都会发生改变，而循环内被赋给数组`a`的函数内部的`console.log(i)`，里面的`i`指向的就是全局的`i`。也就是说，所有数组`a`的成员里面的`i`，指向的都是同一个`i`，导致运行时输出的是最后一轮的`i`的值，也就是 10。
+上面代码中，变量`i`是`var`命令声明的，在全局范围内都有效，所以全局只有一个变量`i`。每一次循环，变量`i`的值都会发生改变，而循环内被赋给数组`a`的函数内部的`console.log(i)`，**里面的`i`指向的就是全局的`i`**。也就是说，所有数组`a`的成员里面的`i`，指向的都是同一个`i`，导致运行时输出的是最后一轮的`i`的值，也就是 10。
 
 如果使用`let`，声明的变量仅在块级作用域内有效，最后输出的是 6。
 
@@ -67,7 +71,7 @@ for (let i = 0; i < 10; i++) {
 a[6](); // 6
 ```
 
-上面代码中，变量`i`是`let`声明的，当前的`i`只在本轮循环有效，所以每一次循环的`i`其实都是一个新的变量，所以最后输出的是`6`。你可能会问，如果每一轮循环的变量`i`都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量`i`时，就在上一轮循环的基础上进行计算。
+上面代码中，变量`i`是`let`声明的，**当前的`i`只在本轮循环有效，所以每一次循环的`i`其实都是一个新的变量**，所以最后输出的是`6`。你可能会问，如果每一轮循环的变量`i`都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量`i`时，就在上一轮循环的基础上进行计算。
 
 另外，`for`循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。
 
@@ -103,7 +107,7 @@ let bar = 2;
 
 ### 暂时性死区
 
-只要块级作用域内存在`let`命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。
+**只要块级作用域内存在`let`命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。**
 
 ```javascript
 var tmp = 123;
@@ -116,9 +120,9 @@ if (true) {
 
 上面代码中，存在全局变量`tmp`，但是块级作用域内`let`又声明了一个局部变量`tmp`，导致后者绑定这个块级作用域，所以在`let`声明变量前，对`tmp`赋值会报错。
 
-ES6 明确规定，如果区块中存在`let`和`const`命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
+ES6 明确规定，**如果区块中存在`let`和`const`命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。**
 
-总之，在代码块内，使用`let`命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。
+总之，在代码块内，**使用`let`命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（**temporal dead zone，简称 TDZ）。
 
 ```javascript
 if (true) {
@@ -191,7 +195,7 @@ ES6 规定暂时性死区和`let`、`const`语句不出现变量提升，主要
 
 ### 不允许重复声明
 
-`let`不允许在相同作用域内，重复声明同一个变量。
+**`let`不允许在相同作用域内，重复声明同一个变量。**
 
 ```javascript
 // 报错

package.json

@@ -20,7 +20,7 @@
     "vuepress-plugin-one-click-copy": "^1.0.2",
     "vuepress-plugin-thirdparty-search": "^1.0.2",
     "vuepress-plugin-zooming": "^1.1.7",
-    "vuepress-theme-vdoing": "^1.0.0-beta.7",
+    "vuepress-theme-vdoing": "^1.0.0-beta.8",
     "yamljs": "^0.3.0"
   },
   "dependencies": {

theme-vdoing/components/Pagination.vue

@@ -29,11 +29,11 @@
       </span>
 
       <!-- 二号位 -->
-      <span class="disabled"
+      <span class="ellipsis iconfont icon-jiantou_zuoer"
        v-if="currentPage > 3"
-       @click="goPrex()"
+       @click="goIndex(currentPage - 3)"
+       title="上三页"
       >
-        ...
       </span>
       <span class="card-box"
        v-else
@@ -52,11 +52,11 @@
       </span>
 
       <!-- 四号位 -->
-      <span class="disabled"
+      <span class="ellipsis iconfont icon-jiantou_youer"
        v-if="currentPage < (pages - 2)"
-       @click="goNext()"
+       @click="goIndex(currentPage + 3)"
+       title="下三页"
       >
-        ...
       </span>
       <span class="card-box"
        v-else
@@ -151,10 +151,11 @@ export default {
   span 
     line-height 1rem
     opacity .9
-    &:not(.disabled)
-      cursor pointer
-      &:hover
-        color $accentColor
+    cursor pointer
+    &:hover
+      color $accentColor
+    &.ellipsis
+      opacity .5
   > span
     position absolute
     top 0

theme-vdoing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-vdoing",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.8",
   "description": "Vdoing theme for VuePress. 一个基于VuePress的知识管理兼博客主题。",
   "author": {
     "name": "gaoyi(Evan) Xu"

theme-vdoing/styles/index.styl

@@ -1,5 +1,5 @@
 // 引入字体图标
-@import '//at.alicdn.com/t/font_1678482_zmf8syh5lx.css'
+@import '//at.alicdn.com/t/font_1678482_5p581gkjq75.css'
 
 @require './config'
 @require './code'