Hik 前端周刊|第 13 期

Hik 前端周刊|第 13 期

技术杂谈小彩虹2021-07-15 11:03:1270A+A-

性能提升专栏

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

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

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题:9 Performance secrets revealed,分享中提到了九个 Vue.js 性能优化的技巧。

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…

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1

联系我们