Merge cbde271 into fe03175

docs/.vuepress/config.js

@@ -55,14 +55,19 @@ module.exports = {
     nav: [{ text: "留言", link: "/other/talk" }],
     sidebar: [
       ["/", "1. 介绍"],
+      {
+        title: "2020年12月",
+        collapsable: false,
+        children: readFileList("2020", "12")
+      },
       {
         title: "2020年11月",
         collapsable: false,
         children: readFileList("2020", "11")
       },
       {
         title: "2020年10月",
-        collapsable: false,
+        collapsable: true,
         children: readFileList("2020", "10")
       },
       {

docs/2020/11/30.md

@@ -0,0 +1,13 @@
+### 2020.11.30 今天是每日时报陪伴您的第 459 天
+
+[文章] eslint 的作者 Nicholas C. Zakas 寻求赞助：<https://zhuanlan.zhihu.com/p/312096532>
+
+[文章] 17 个你不知道的专业 JavaScript 技巧：<https://dev.to/rahxuls/17-pro-javascript-tricks-you-didn-t-know-5gog>
+
+> 总有你不知道的点
+
+### 配图 - zakas
+
+![](https://pic1.zhimg.com/80/v2-3431d4c7aa2348d41c9677cd4d5c08fc_1440w.jpg)
+
+eslint 其作者 Nicholas C. Zakas 却身世坎坷，由于患有 https://zh.wikipedia.org/wiki/萊姆病 已长期失业，连业余兼职工作也无法进行下去。[赞助地址](https://github.com/sponsors/nzakas)

docs/2020/12/01.md

@@ -0,0 +1,55 @@
+### 2020.12.1 今天是每日时报陪伴您的第 460 天
+
+[新闻] 🎉 Element UI for Vue 3.0 来了！：<https://juejin.cn/post/6900733850540834830>
+
+[工具] Vue-2-3：Vue 3 应用程序中的使用 Vue 2 组件，反之亦然：<https://github.com/privatenumber/vue-2-3>
+
+[文章] 利用 Math.random() 创造 js 特效：<https://css-tricks.com/lots-of-ways-to-use-math-random-in-javascript/>
+
+[文章] 创造没有 HTML 的 CSS 特效：<https://dev.to/vaibhavkhulbe/create-a-css-art-without-html-3deb>
+
+[文章] 为什么程序员怕改需求：[https://mp.weixin.qq.com/s](https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651564059&idx=1&sn=ebe0da2eaaceb34a7bdfa827c795e100&chksm=80257fdab752f6cc52c02f039d98868539df11138f8b45ad716993cd0599b73cf19cdd80f25d&scene=27)
+
+### 配图 --- Element UI
+
+![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/82d9d270c73644e58f0e0bf046ff8bda~tplv-k3u1fbpfcp-watermark.image)
+
+新版本亮点除了适配 vue3.0 以外，在功能上做了一些重构包括：
+
+- 使用 TypeScript 开发，提供完整的类型定义文件
+- 使用 Vue 3.0 Composition API 降低耦合，简化逻辑
+- 使用 Vue 3.0 Teleport 新特性重构挂载类组件
+- 使用 Lerna 维护和管理项目
+- 使用更轻量更通用的时间日期解决方案 Day.js
+- 升级适配 popperjs, async-validator 等核心依赖
+- 完善 52 种国际化语言支持
+
+### 代码 --- Vue-2-3
+
+```vue
+<template>
+  I'm a Vue 3 app... but I can use Vue 2 components!
+
+  <some-vue2-component />
+</template>
+
+<script>
+import SomeVue2Component from "some-vue2-component";
+import toVue3 from "vue-2-3/to-vue-3";
+
+export default {
+  components: {
+    SomeVue2Component: toVue3(SomeVue2Component)
+  }
+};
+</script>
+```
+
+### 代码 --- Math.random()
+
+<iframe id="cp_embed_mErPAK" src="//codepen.io/anon/embed/mErPAK?height=250&amp;theme-id=1&amp;slug-hash=mErPAK&amp;default-tab=result" height="250" scrolling="no" frameborder="0" allowfullscreen="" allowpaymentrequest="" name="CodePen Embed mErPAK" title="CodePen Embed mErPAK" class="cp_embed_iframe" style="width: 100%; overflow: hidden; height: 100%;">CodePen Embed Fallback</iframe>
+
+### 代码 --- 纯用 css 实现蒙娜丽莎
+
+<iframe height="600" src="https://codepen.io/jaysalvat/embed/HaqBf?height=600&amp;default-tab=result&amp;embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy" style="width: 100%;">
+</iframe>

docs/2020/12/02.md

@@ -0,0 +1,20 @@
+### 2020.12.2 今天是每日时报陪伴您的第 461 天
+
+[文章] 🎉 我点了页面上的元素，VSCode 乖乖打开了对应的组件？原理揭秘。<https://juejin.cn/post/6901466406823575560#heading-11>
+
+[文章] 尝试使用 JS IntersectionObserver 让标题和导航联动：<https://www.zhangxinxu.com/wordpress/2020/12/js-intersectionobserver-nav/>
+
+> Intersection Observer 是观察元素和窗体相交的状态，非常适合用在与滚动相关的交互事件中，[demo 地址](https://www.zhangxinxu.com/study/202011/intersection-observer-title-nav.html)。不支持 ie11。
+
+[文章] 如何使用基本的 HTML 元素在边框中添加文本：<https://css-tricks.com/how-to-add-text-in-borders-using-basic-html-elements/>
+
+### 配图 --- 点击打开 vscode 对应文件
+
+![](https://github.com/zthxxx/react-dev-inspector/raw/master/docs/images/inspect.gif)
+
+[demo 地址](https://react-dev-inspector.zthxxx.me/)
+
+### 代码 --- 边框中添加文本
+
+<iframe height="600" src="https://codepen.io/anon/embed/bGeOqzv?height=600&amp;default-tab=result&amp;embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy" style="width: 100%;">
+</iframe>