Merge pull request #161 from xxholly32/master

feat: 🎸 新增 1月21日早报
wubaiqing · Jan 29, 2021 · 9e3e760 · 9e3e760
2 parents 8cb9f9c + 92182c3
commit 9e3e760
Show file tree

Hide file tree

Showing 7 changed files with 75 additions and 0 deletions.
diff --git a/docs/2021/01/21.md b/docs/2021/01/21.md
@@ -0,0 +1,5 @@
+### 2021.01.21 今天是每日时报陪伴您的第 493 天
+
+[文章] 2021 再看 Deno（CDN for JavaScript modules 的思考）：<https://juejin.cn/post/6919389446068502535>
+
+狼叔探讨了 CDN for JavaScript modules 的理念，以及现有可能的实现方式；nodejs 的提案也已经跟进了
diff --git a/docs/2021/01/22.md b/docs/2021/01/22.md
@@ -0,0 +1,15 @@
+### 2021.01.22 今天是每日时报陪伴您的第 494 天
+
+[文章] snowpack v3.0 引入 stream import：<https://www.snowpack.dev/posts/2021-01-13-snowpack-3-0>
+
+<video controls="" src="https://css-tricks.com/wp-content/uploads/2021/01/streaming-imports-demo.mp4" name="fitvid0"></video>
+
+[文章] 第三届 SEE Conf 2020 视频回放 && PPT：<https://www.yuque.com/seeconf/2020/slide>
+
+SEE Conf 是蚂蚁金服体验科技大会，是一个“看见者的大会”，希望技术能看见设计的价值，希望设计能看见技术的力量，彼此看见中互相融合成长，一起让世界更美好。
+
+[文章] 如何利用 css 属性来停止 css 动画：<https://css-tricks.com/how-to-play-and-pause-css-animations-with-css-custom-properties/>
+
+<div style="height: 1100px;"><iframe id="cp_embed_rNMprwo" src="//codepen.io/anon/embed/rNMprwo?height=1100&amp;theme-id=1&amp;slug-hash=rNMprwo&amp;default-tab=result" height="1100" scrolling="no" frameborder="0" allowfullscreen="" allowpaymentrequest="" name="CodePen Embed rNMprwo" title="CodePen Embed rNMprwo" class="cp_embed_iframe" style="width: 100%; overflow: hidden; height: 100%;">CodePen Embed Fallback</iframe></div>
+
+[文章] 前端每日一题 ：[https://mp.weixin.qq.com/s?...](https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651569116&idx=3&sn=69b5c02069d92e0492c6f0c04fefe9a4&chksm=80256c1db752e50b257f669963b05af35669b499b902e27566ba7ec16f25d824850bc1cc15c7&scene=27#wechat_redirect)
diff --git a/docs/2021/01/25.md b/docs/2021/01/25.md
@@ -0,0 +1,5 @@
+### 2021.01.25 今天是每日时报陪伴您的第 495 天
+
+[文章] 8 个提示你网站效果的 idea：<https://thewholesome.dev/p/8-frontend-coding-ideas-that-will>
+
+![](https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4539d098-5b54-40e5-8d4b-b12f72343a1c_575x418.gif)
diff --git a/docs/2021/01/26.md b/docs/2021/01/26.md
@@ -0,0 +1,22 @@
+### 2021.01.26 今天是每日时报陪伴您的第 496 天
+
+[文章] 如何在 JavaScript 里面做缓存：<https://www.30secondsofcode.org/blog/s/javascript-memoization>
+
+```js
+const memoize = fn =>
+  new Proxy(fn, {
+    cache: new Map(),
+    apply(target, thisArg, argsList) {
+      let cacheKey = argsList.toString();
+      if (!this.cache.has(cacheKey))
+        this.cache.set(cacheKey, target.apply(thisArg, argsList));
+      return this.cache.get(cacheKey);
+    }
+  });
+
+const fibonacci = n => (n <= 1 ? 1 : fibonacci(n - 1) + fibonacci(n - 2));
+const memoizedFibonacci = memoize(fibonacci);
+
+for (let i = 0; i < 100; i++) fibonacci(30); // ~5000ms
+for (let i = 0; i < 100; i++) memoizedFibonacci(30); // ~50ms
+```
diff --git a/docs/2021/01/27.md b/docs/2021/01/27.md
@@ -0,0 +1,9 @@
+### 2021.01.27 今天是每日时报陪伴您的第 497 天
+
+[文章] 5 个好用的 no-code 工具：<https://dev.to/steve8708/5-best-no-code-tools-for-developers-4in5>
+
+![](https://res.cloudinary.com/practicaldev/image/fetch/s--eIxjaQbt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/apz4ttyzpeuscbgttx1e.png)
+
+[文章] 编写高质量可维护的代码：优雅命名：<https://juejin.cn/post/6922225108094287880>
+
+[工具] 测试浏览器性能工具：<https://web.basemark.com/>
diff --git a/docs/2021/01/28.md b/docs/2021/01/28.md
@@ -0,0 +1,12 @@
+### 2021.01.28 今天是每日时报陪伴您的第 498 天
+
+[文章-视频] JavaScript 社区 2020 年度人口普查报告：<https://2020.stateofjs.com/en-US/>，视频解读：<https://www.bilibili.com/video/BV1Wy4y117qP>
+
+[文章] CSS 奇思妙想 -- 使用 CSS 创造艺术：<https://github.com/chokcoco/iCSS/issues/94>
+
+![](https://user-images.githubusercontent.com/8554143/105871271-1b72b400-6034-11eb-9a97-6fd51cbf9416.png)
+
+[文章] 利用 blink-caret 实现打字效果：<https://css-tricks.com/almanac/properties/c/caret-shape/>
+
+<iframe height="250" src="//codepen.io/anon/embed/jrWwWM?height=250&amp;theme-id=1&amp;slug-hash=jrWwWM&amp;default-tab=result" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy" style="width: 100%;">
+</iframe>
diff --git a/docs/2021/01/29.md b/docs/2021/01/29.md
@@ -0,0 +1,7 @@
+### 2021.01.29 今天是每日时报陪伴您的第 499 天
+
+[文章] 揭秘 Vue.js 九个性能优化技巧：<https://juejin.cn/post/6922641008106668045>
+
+这篇文章主要参考了 Vue.js 核心成员 [Guillaume Chau](https://github.com/Akryum) 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。
+
+[文章] 35 个 js 动效库：<https://dev.to/haycuoilennao19/35-animation-library-css-javascript-for-developer-2c61>