# 29

1. 每日一句分享: 不乱于心，不困于情。不畏将来，不念过往。如此，安好。——丰子恺
2. ![image-20201129141341653](/files/-MPZDcGriEA_usJAWV8t)

   A: 马老师发生瑟么事了

   B: 我大意了 没有闪
3. ![image-20201129141405617](/files/-MPZDcGuTohX_5wuhQrt)

   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 时没有此抽象能力。

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

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

   函数式代码如下：

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

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

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

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

   有很多行为可以抽象一个原子，当这些行为可组合起来时，收益将是无穷的。
8. ```typescript
   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. ```typescript
   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. ![image-20201129213020631](/files/-MPZDcH-FP-yTwVCon2H)
13. ```javascript
    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` 就头疼, 太丑了吧..

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://thinking.simonaking.com/archives/2020/11/29.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.