摘要: 零、参考资料 1. SolidJS 是如何实现响应式的? 一、双剑之 createSignal 用法: // js const [value, setValue] = createSignal(1); // html-template <div>值:{ value() }</div> 从语法格式上来 阅读全文
posted @ 2024-03-21 15:22 shiweiqianju 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 零、参考资料 1. 多媒体前端书册 2. video 标签能干些什么 一、视频 视频的本质很简单,就是快速播放的图片 (一)帧 帧:一帧即一幅静止的图像 帧率(fps):每秒显示的图片数。帧率越大,画面越流畅;帧率越小,画面越卡 12 fps:由于人类眼睛的特殊生理结构,如果所看画面之帧率高于每秒约 阅读全文
posted @ 2024-03-21 10:52 shiweiqianju 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 零、参考资料 https://www.zhihu.com/question/27996269 https://blog.csdn.net/weixin_43865875/article/details/117732871 https://www.cnblogs.com/chunlanse2014/a 阅读全文
posted @ 2024-03-05 14:49 shiweiqianju 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 零、参考资料 《图解 + 实战》File、Blob、TypedArray、DataView JavaScript也有操作二进制的一天:聊ArrayBuffer和Blob 聊聊JS的二进制家族:Blob、ArrayBuffer和Buffer 一、定义 宏观:Blob - 表示一个不可变、原始数据的类文 阅读全文
posted @ 2024-02-21 16:21 shiweiqianju 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 一、起因 template 的写法不太灵活,数据和模版都放在一起,不能拼接; 如果拆太碎,每个碎片组件都得写一堆 props/emit 才能确保通信的完整性,太麻烦; 如果写在一个文件中,模版上的判断逻辑 (v-if) 又得一堆; 二、codes 碎片组件 1: <script lang="jsx" 阅读全文
posted @ 2024-01-05 13:49 shiweiqianju 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 零、参考资料 浏览器渲染详细过程:重绘、重排和 composite 只是冰山一角 浏览器的16ms渲染帧(浏览器的16ms渲染帧数) 浏览器渲染原理 画了20张图,详解浏览器渲染引擎工作原理 一、进程与线程 这玩意是软件工程的部分,只需要知道点基础: 一个软件由一个或多个进程组成,进程间无法共享数据 阅读全文
posted @ 2023-10-25 16:49 shiweiqianju 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 一、总结 二、流程详解 总流程可以参照 WEB-RTC 基础概念和架构 的第二部分,本篇是对这个流程的 FE 代码的一个梳理: (一) 前期准备 首先发起端(以下统称 Client A 或者 A)通过 mediaDevices 原生接口获取当前设备的一些媒体输入/输出流(或者轨道,track),这一 阅读全文
posted @ 2023-08-31 15:48 shiweiqianju 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 参考文章 1. 从react hooks“闭包陷阱”切入,浅谈react hooks 2. 一文讲透 React Hooks 闭包陷阱 Hooks Hooks 是 react 自 16.8 引入的新特性,使得开发者在摆脱 class 定义组件的同时,也能够进行状态管理。这样,react 组件完全进入 阅读全文
posted @ 2023-08-08 10:45 shiweiqianju 阅读(176) 评论(0) 推荐(0) 编辑
摘要: reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是 阅读全文
posted @ 2023-07-05 18:37 shiweiqianju 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 参考文章 尾调用优化 - 阮一峰; 基本概念 一、尾调用 一个函数的最后一步是调用另一个函数,并返回。注意点是,返回的是一个函数的调用(执行)。 // 最简形式 function f(x){ return g(x); } // 变种 function f(x) { if (x > 0) return 阅读全文
posted @ 2022-12-02 16:16 shiweiqianju 阅读(114) 评论(0) 推荐(0) 编辑