2020-08-10 Mon.

关于 Vue Composition API 的一些问题


  1. composition setup 的 props 和 context 能否直接展开

props 不能展开,会丧失响应特性: API 手册 | Vue 组合式 API

context 可展开

  1. ref 与reactive 有什么区别,怎么使用



组合式 API 征求意见稿 | Vue 组合式 API


reactive

接收一个普通对象然后返回该普通对象的响应式代理。等同于 2.x 的 Vue.observable()


ref

接受一个参数值并返回一个响应式且可改变的 ref 对象。ref 对象拥有一个指向内部值的单一属性 .value


两种使用方法

  1. 就像你在普通 JavaScript 中区别声明基础类型变量与对象变量时一样区别使用 refreactive。我们推荐你在此风格下结合 IDE 使用类型系统。
  2. 所有的地方都用 reactive,然后记得在组合函数返回响应式对象时使用 toRefs。这降低了一些关于 ref 的心智负担,但并不意味着你不需要熟悉这个概念。


 Warning: The SetupContext.refs won't exist in Vue 3.0@vue/composition-api provide it as a workaround here.

在Vue 3.0 中,context 内只有 attrs slots emit



2020-08-11 Tue.

Yarn 的 Plug'n'Play 特性


PnP 工作原理


作为把依赖从缓存拷贝到 node_modules 的替代方案,Yarn 会维护一张静态映射表,该表中包含了以下信息:

这个映射表在 Yarn 的 PnP 实现中对应项目目录中的 .pnp.js 文件。


好处



Yarn Plug'n'Play可否助你脱离node_modules苦海?



2020-08-12 Wed.

caddyserver/caddy: Fast, multi-platform web server with automatic HTTPS

JSON 配置、自动HTTPS、HTTP/1.1 、HTTP/2、HTTP/3、Golang、No dependencies


CSS in JS的好与坏 - Xiaocong Dong

Good:

Bad:



2020-08-13 Thur.

网络 | 前端进阶之道

UDP:面向报文、无连接的、不可靠的、没有阻塞控制、头部小、支持多播(广播)

TCP:RTT,建立连接三次握手,断开连接四次握手

image.png


image.png


数据结构 | 前端进阶之道



2020-08-14 Fri.

算法 | 前端进阶之道

算法


时间复杂度

常数时间 O(1) 代表这个操作和数据量没关系,是一个固定时间的操作

对于一个算法可能会计算出如下操作次数 aN + 1N 代表数据量。那么该算法的时间复杂度就是 O(N)