Hik 前端周刊｜第 13 期

性能提升专栏

1. 测试浏览器性能工具
web.basemark.com/

2. 揭秘 Vue.js 九个性能优化技巧
juejin.cn/post/692264…

3. 如何在 JavaScript 里面做缓存
www.30secondsofcode.org/blog/s/java…

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

好文与学习

1. JavaScript 社区 2020 年度人口普查报告
2020.stateofjs.com/en-US/
视频解读：www.bilibili.com/video/BV1Wy…

2. 编写高质量可维护的代码：优雅命名
juejin.cn/post/692222…

3. 5 个好用的 no-code 工具
dev.to/steve8708/5…

设计与灵感

1. 8 个提示你网站效果的 idea
thewholesome.dev/p/8-fronten…

2. CSS 奇思妙想 -- 使用 CSS 创造艺术
github.com/chokcoco/iC…

3. 利用 blink-caret 实现打字效果
css-tricks.com/almanac/pro…

codepan 链接

4. 35 个 js 动效库
dev.to/haycuoilenn…