原创 位運算符在 Javascript 中的運用

零、資料 JavaScript 中的位運算和權限設計 javascript位運算技巧 巧用JS位運算 JavaScript位運算及其妙用 聊聊JavaScript中的二進制數 一、權限 在權限設計時，每一個基礎權限

2024-05-24 13:46:20

原创 原/反/補碼與位運算的基礎概念

零、參考資料 計算機組成原理系列（一）：淺談計算機中的“補碼” 計算機系統 #3 爲什麼計算機中的負數要用補碼錶示？ Under-One、一些技術概念 機器數與真值 真值：在日常的書寫習慣中，往往用正、負號加絕對值表示數值

2024-05-23 13:45:33

原创 Promise 的完全實現

零、參考資料 手把手一行一行代碼教你“手寫Promise“，完美通過 Promises/A+ 官方872個測試用例 手寫實現 Promise 全部實例方法和靜態方法，來看看 Promise.all、Promise.race 和 Pr

2024-05-22 13:45:52

原创 算法：最長上升子序列

零、參考資料 Vue3 Diff算法之最長遞增子序列，學不會來砍我！ 多圖講解Vue3的diff算法最長遞增子序列實現原理   一、大體思路 規律(思路)是：(注：結果集中存儲的是都是下標，不是原數組的數據) 1. 遍歷

2024-05-16 13:45:35

原创 JS 中的函數式 - 常用概念

一、柯里化 - currying 柯里化的意思是將一個多元函數，轉換成一個依次調用的單元函數，用表達式表示： f(a,b,c) → f(a)(b)(c)    核心代碼實現： export function curry(fn) {

2024-04-16 13:45:31

原创 JS 中的模塊化 Module

零、參考資料 深入分析JavaScript模塊循環引用 Module 的加載實現 從模塊的循環加載看ESM與CJS 理解 amd, cmd, commonjs, esm, umd 模塊化 一、早期的實踐 - CommonJS 族 No

2024-04-02 13:45:50

原创 solid.js 的響應核心分析

零、參考資料 1. SolidJS 是如何實現響應式的？ 一、雙劍之 createSignal 用法： // js const [value, setValue] = createSignal(1); // html-template

2024-03-22 13:45:37

原创 多媒體基礎

零、參考資料 1. 多媒體前端書冊 2. video 標籤能幹些什麼 一、視頻 視頻的本質很簡單，就是快速播放的圖片 （一）幀 幀：一幀即一幅靜止的圖像 幀率（fps）：每秒顯示的圖片數。幀率越大，畫面越流暢；幀率越小，畫面越卡 12

2024-03-21 13:45:44

原创 Stream 的基礎

零、參考資料 https://www.zhihu.com/question/27996269 https://blog.csdn.net/weixin_43865875/article/details/117732871 https:

2024-03-06 13:45:46

原创 JS 中的二進制 - Blob 與 ArrayBuffer

零、參考資料 《圖解 + 實戰》File、Blob、TypedArray、DataView JavaScript也有操作二進制的一天：聊ArrayBuffer和Blob 聊聊JS的二進制家族：Blob、ArrayBuffer和Buffer

2024-02-22 13:45:47

原创 Vue 3 中的 jsx 實踐

一、起因  template 的寫法不太靈活，數據和模版都放在一起，不能拼接； 如果拆太碎，每個碎片組件都得寫一堆 props/emit 才能確保通信的完整性，太麻煩; 如果寫在一個文件中，模版上的判斷邏輯 (v-if) 又得一堆； 二

2024-01-06 13:53:02

原创 WEB-RTC 前端工作流整理 WEB-RTC 基礎概念和架構

一、總結 二、流程詳解 總流程可以參照 WEB-RTC 基礎概念和架構 的第二部分，本篇是對這個流程的 FE 代碼的一個梳理： (一) 前期準備 首先發起端(以下統稱 Client A 或者 A)通過 mediaDevices 原生接口

2023-09-01 13:45:41

原创 React Hook 的閉包陷阱

參考文章 1. 從react hooks“閉包陷阱”切入，淺談react hooks 2. 一文講透 React Hooks 閉包陷阱   Hooks 　　Hooks 是 react 自 16.8 引入的新特性，使得開發者在擺脫 class

2023-08-08 13:47:19 2

原创 Vue 3.0 reactive/effect

reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(

2023-07-06 13:45:32

原创 WEB-RTC 基礎概念和架構

參考文章： WebRTC簡介； 從0搭建一個WebRTC，實現多房間多對多通話，並實現屏幕錄製； 架構： 經典三層結構： Web app 層(應用層)：Web開發者開發的程序，Web開發者可以基於集成WebRTC的瀏覽器提供

2022-12-02 13:45:40