摘要：
零、参考资料 《图解 + 实战》File、Blob、TypedArray、DataView JavaScript也有操作二进制的一天：聊ArrayBuffer和Blob 聊聊JS的二进制家族：Blob、ArrayBuffer和Buffer 一、定义 宏观：Blob - 表示一个不可变、原始数据的类文 阅读全文
摘要：
一、起因 template 的写法不太灵活，数据和模版都放在一起，不能拼接； 如果拆太碎，每个碎片组件都得写一堆 props/emit 才能确保通信的完整性，太麻烦; 如果写在一个文件中，模版上的判断逻辑 (v-if) 又得一堆； 二、codes 碎片组件 1: <script lang="jsx" 阅读全文
摘要：
零、参考资料 浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角 浏览器的16ms渲染帧（浏览器的16ms渲染帧数） 浏览器渲染原理 画了20张图，详解浏览器渲染引擎工作原理 一、进程与线程 这玩意是软件工程的部分，只需要知道点基础： 一个软件由一个或多个进程组成，进程间无法共享数据 阅读全文
摘要：
一、总结 二、流程详解 总流程可以参照 WEB-RTC 基础概念和架构 的第二部分，本篇是对这个流程的 FE 代码的一个梳理： (一) 前期准备 首先发起端(以下统称 Client A 或者 A)通过 mediaDevices 原生接口获取当前设备的一些媒体输入/输出流(或者轨道，track)，这一 阅读全文
摘要：
参考文章 1. 从react hooks“闭包陷阱”切入，浅谈react hooks 2. 一文讲透 React Hooks 闭包陷阱 Hooks Hooks 是 react 自 16.8 引入的新特性，使得开发者在摆脱 class 定义组件的同时，也能够进行状态管理。这样，react 组件完全进入 阅读全文
摘要：
reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是 阅读全文
摘要：
参考文章 尾调用优化 - 阮一峰； 基本概念 一、尾调用 一个函数的最后一步是调用另一个函数，并返回。注意点是，返回的是一个函数的调用(执行)。 // 最简形式 function f(x){ return g(x); } // 变种 function f(x) { if (x > 0) return 阅读全文
摘要：
参考文章： WebRTC简介； 从0搭建一个WebRTC，实现多房间多对多通话，并实现屏幕录制； 架构： 经典三层结构： Web app 层(应用层)：Web开发者开发的程序，Web开发者可以基于集成WebRTC的浏览器提供的web API开发基于视频、音频的实时通信应用。 Web api 层：面向 阅读全文
摘要：
一、业务场景 众所周知，在客户端中，表单是一个相当重要的内容。随着技术的发展，在提交表单数据的时候，某些表单验证环节会放在前端进行。因此，我们无可避免的要写一堆 if 来处理，同时大多数的时候，如果需要提醒某些错误信息时，需要加入 else 以及 else if 来控制，当然也可以使用 retrun 阅读全文
摘要：
零、序言 这篇随笔是关于 vue slot 的用法随笔，挺简单的，便于用作后面复习的材料。 当初看文档的时候没怎么看得明白，随后工作中自己开始封装组件又很少用得到，所以这块基本上属于一个盲区。最近在尝试写 vue-jsx，el-table 中频频需要用到，所以就翻了翻资料写了点 demo。 一、插槽 阅读全文