29

1. 每日一句分享: 不乱于心，不困于情。不畏将来，不念过往。如此，安好。——丰子恺

2. 

   A: 马老师发生瑟么事了

   B: 我大意了 没有闪

3. 

   Rust 之父 近日加入了 亚马逊..

4. 快餐文分享:

   现代化 Web 开发实践之 PWA

   https://www.infoq.cn/article/jS2oC7UgFjdJdgJLdaRs

   摘要: PWA 具有快速、可靠、粘性的特点。快速即快速响应，通过独立的线程进行资源缓存，提高页面的加载时间；可靠指在不稳当的网络环境下， App 也能瞬间加载并展现内容，在离线环境下也提供用户有效反馈；粘性则是通过沉浸式的用户界面、桌面图标、消息推送等手段来增强用户的粘度。

   字体跳动团队的一篇软文，前言介绍的不错，后面实践部分有点浅了。

5. 网站分享:

   分享几个我经常刷的图像网站:

   1. https://www.behance.net/

   2. https://unsplash.com/

   3. https://www.pexels.com/zh-cn/

6. 视频分享:

   【FunnyCoder第0期】非科班前端老司机从2K到40K之路

   https://www.bilibili.com/video/BV1cV411Y77T

   收获最重要的一点是: 学习是终身的任务，这是个漫长的过程 也是一个值得付出的过程。

7. 快餐文分享:

   2万字20个实例解析Java8 Stream，带你玩转集合四大点！

   https://juejin.cn/post/6900424495937355783

   大家可以看看文中 demo，去体会 stream 背后的意义。

   stream 代表得正是 命令式编程与函数式编程的差异。

   而我经常发现很多同学 coding 时没有此抽象能力。

   就比如，我想求一个数组的和，命令式代码如下：

   const getSum = arr => {
       let sum = 0
       for(let i = 0 ; i < arr.length; i++) {
           sum += arr[i]
       }
       return sum
   }

   函数式代码如下：

   const sum = arr.reduce((a,b)=>a+b)

   看起来，函数式代码更短小，但demo的意义不在于此。

   我想表达的是，很多时候 完全不用把行为的逻辑分为一个个“原子”操作。

   这样会增加心智负担，并且维护性也不好。

   有很多行为可以抽象一个原子，当这些行为可组合起来时，收益将是无穷的。

8. export type JsonObject = {[Key in string]?: JsonValue};
   export interface JsonArray extends Array<JsonValue> {}
   export type JsonValue = string | number | boolean | null | JsonObject | JsonArray;

   三行代码定义 json schema 简直酷毙了

9. export type Split<S extends string, D extends string> =
   string extends S ? string[] :
   S extends '' ? [] :
   S extends `${infer T}${D}${infer U}` ? [T, ...Split<U, D>] :
   [S];

   我突然明白了 TypeScript String Template Type 的意义了，原来是在类型系统是 实现了一套模式匹配... 远不止修饰 key 那么简单，哇哦。 TypeScript 给我太多惊喜了...

10. 字面类型与类型系统 天然冲突。 以后我们不使用 TypeScript 编程，而是使用 Type 编程 - JJC

11. 人物分享: 安德斯·海尔斯伯格（Anders Hejlsberg） https://baike.baidu.com/item/%E5%AE%89%E5%BE%B7%E6%96%AF%C2%B7%E6%B5%B7%E5%B0%94%E6%96%AF%E4%BC%AF%E6%A0%BC/2152925

    1960年12月出生于丹麦哥本哈根，曾在丹麦科技大学学习工程学，计算机科学家。Turbo Pascal编译器的主要作者，Delphi、C#和TypeScript之父，.NET(dotnet)创立者。

    https://www.welcometothejungle.com/en/articles/anders-hejlsberg-microsoft-career 安德斯大叔的一次访谈, 讲了他做过的项目初衷.

12. 

13. class Counter extends HTMLElement {
      #xValue = 0;
    
      get #x() { return #xValue; }
      set #x(value) {
        this.#xValue = value;
        window.requestAnimationFrame(this.#render.bind(this));
      }
    
      #clicked() {
        this.#x++;
      }
    
      constructor() {
        super();
        this.onclick = this.#clicked.bind(this);
      }
    
      connectedCallback() { this.#render(); }
    
      #render() {
        this.textContent = this.#x.toString();
      }
    }
    window.customElements.define('num-counter', Counter);

    https://github.com/tc39/proposal-private-methods

    JS 私有变量的提案已经通过, 现在又来了个 私有方法提案...

    每次看到 这个#var 就头疼, 太丑了吧..

    这设计得毫无美感可言...