暂时未有相关云产品技术能力~
擅长 前端/Rust/AI
模块兼容性 推荐阅读指数⭐️⭐️⭐️ ESM是个啥 推荐阅读指数⭐️⭐️⭐️⭐️ 在浏览器中使用ESM 推荐阅读指数⭐️⭐️⭐️⭐️ 模块指定符 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 默认情况下,模块是defer的 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 动态导入 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ import.meta 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 优化建议 推荐阅读指数⭐️⭐️⭐️ 网站中使用ESM 推荐阅读指数⭐️⭐️⭐️
1. Rust中包和 crate 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 2. 模块控制作用域与私有性 推荐阅读指数 ⭐️⭐️⭐️⭐️ 3. 路径用于引用模块树中的项 推荐阅读指数 ⭐️⭐️⭐️⭐️ 4. use 将名称引入作用域 推荐阅读指数 ⭐️⭐️⭐️⭐️ 5. 将模块分割进不同文件 推荐阅读指数 ⭐️⭐️⭐️
1. 变量与可变性 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 2. 数据类型 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 3. Rust中函数 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 4. 流程控制 推荐阅读指数 ⭐️⭐️⭐️⭐️
CSS重点概念精讲 JS_基础知识点精讲 网络通信_知识点精讲 JS_手写实现 前端工程化_知识点精讲 前端框架_React知识点精讲 React实战精讲(React_TS/API) Web性能优化_知识点精讲 JS算法_知识点精讲
1. 在macOS环境中安装Rust 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 2. 构建一个Rust应用 推荐阅读指数 ⭐️⭐️⭐️ 3. 编译和运行是两个不同的步骤 推荐阅读指数 ⭐️⭐️⭐️ 4. 如何使用Cargo构建Rust应用 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
汇编语言和本地代码是一一对应的 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 不会转换成本地代码的伪指令 推荐阅读指数 ⭐️⭐️⭐️ 汇编语言的语法是操作码 + 操作数 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ mov指令 推荐阅读指数 ⭐️⭐️⭐️ 对栈进行push 和 pop 推荐阅读指数 ⭐️⭐️⭐️ 函数调用机制 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 函数内部的处理 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 全局变量用的内存空间 推荐阅读指数 ⭐️⭐️⭐️ 循环处理的实现方法 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
CSS重点概念精讲 JS_基础知识点精讲 网络通信_知识点精讲 JS_手写实现 前端工程化_知识点精讲 前端框架_React知识点精讲 React实战精讲(React_TS/API) Web性能优化_知识点精讲
1. 操作系统功能的历史 推荐阅读指数 ⭐️⭐️⭐️⭐️ 2. 意识到操作系统的存在 推荐阅读指数 ⭐️⭐️⭐️⭐️ 3. 系统调用和高级编程语言的移植性 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 4. 操作系统和高级编程语言使硬件抽象化 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 5. Windows 操作系统的特征 推荐阅读指数 ⭐️⭐️⭐️
1. 运行环境 = 操作系统 + 硬件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 2. 不同操作系统的API不同 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 3. Java 虚拟机 推荐阅读指数 ⭐️⭐️⭐️ 4. BIOS和引导 推荐阅读指数 ⭐️⭐️⭐️ 5. 计算机只能运行本地代码 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 6. 本地代码的内容 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 7. 编译器负责转换源代码 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 8. DLL文件及导入库 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 9. 可执行文件运行时的必要条件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 10. 程序加载时会生成栈和堆 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
不读入内存就无法运行 推荐阅读指数 ⭐️⭐️⭐️⭐️ 磁盘缓存 推荐阅读指数 ⭐️⭐️⭐️ 虚拟内存 推荐阅读指数 ⭐️⭐️⭐️ 节约内存的编程方式(DLL文件) 推荐阅读指数 ⭐️⭐️⭐️⭐️ 磁盘的物理结构 推荐阅读指数 ⭐️⭐️⭐️⭐️ 文件以字节位单位保存 推荐阅读指数 ⭐️⭐️⭐️⭐️ RLE算法 推荐阅读指数 ⭐️⭐️⭐️⭐️ 哈夫曼算法 推荐阅读指数 ⭐️⭐️⭐️⭐️ 可逆压缩和非可逆压缩
内存的物理机制 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 内存的逻辑模型是楼房 推荐阅读指数 ⭐️⭐️⭐️ 数组是高效使用内存的基础 推荐阅读指数 ⭐️⭐️⭐️ 栈、队列以及环形缓冲区 推荐阅读指数 ⭐️⭐️⭐️ 链表 推荐阅读指数 ⭐️⭐️⭐️ 二叉树 推荐阅读指数 ⭐️⭐️⭐️
计算机精度缺失 推荐阅读指数 ⭐️⭐️⭐️ 如何用二进制表示小数 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 计算机精度缺失的原因 浮点数 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 正则表达式和EXCESS系统 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
用二进制数表示计算机信息的原因 推荐阅读指数 ⭐️⭐️⭐️⭐️ 什么是二进制 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 补数 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 逻辑运算 推荐阅读指数 ⭐️⭐️⭐️
CPU的内部结构 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ CPU是寄存器的集合体 推荐阅读指数 ⭐️⭐️⭐️⭐️ 决定程序流程的程序计数器 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 条件分支和循环机制 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 函数的调用机制 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 通过地址和索引实现数组
延迟和宽带 WebWorker 关键渲染路径 React 应用中的优化处理 利用React-Profiler提升应用性能 从 URL 输入到页面加载整过程分析 SPA 提速 SPA: SEO
TS_React:使用泛型来改善类型 TS_React:Hook类型化 TS_React:类型化事件回调 React API
常见脚手架 Source Map 推荐阅读指数 ⭐️⭐️⭐️⭐️ Webpack 打包过程 推荐阅读指数 ⭐️⭐️⭐️ 微前端 Webpack Loader vs Plugin 推荐阅读指数 ⭐️⭐️⭐️⭐️ Webpack 生命周期 Webpack编译阶段提效 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ Webpack打包阶段提效 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ Webpack 缓存优化 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
CSS重点概念精讲 JS_基础知识点精讲
JS 组成 基本数据类型 类型转换(装箱/拆箱) 作用域 & 执行上下文 调用栈 闭包 Environments: JS变量查找的底层实现 JS 深浅复制 Event Loop ES6遍历对象的属性 (5种) 垃圾回收机制 内存问题
选择器 流、元素 盒模型 元素超出宽度...处理 元素隐藏 层叠规则 块级格式化上下文 元素居中 flex布局 Chrome支持小于12px 的文字 CSS 优化处理 (6个) 回流、重绘 硬件加速 Css预编译语言
动态规划基础知识 单序列问题 双序列问题 矩阵路径问题 背包问题
1. Webpack Loader 和 Plugin 的区别 2. Webpack 生命周期 3. Webpack编译阶段提效 a. 减少执行编译的模块 b. 提升单个模块构建的速度 c. 并行构建以提升总体效率 4. Webpack打包阶段提效 a. 以提升当前任务工作效率为目标的方案 • 压缩 Chunk 产物代码 b. 以提升后续环节工作效率为目标的方案 • Code Splitting • Tree Shaking • Scope Hoisting (作用域提升) • sideEffects 5. 缓存优化
我们就从微前端解决了哪些现存前端问题,并在解决这些问题的过程中做出了哪些取舍和权衡。
React Profiler 的组成 推荐阅读指数 ⭐️⭐️⭐️ 如何通过React Profiler查询并改正页面耗时操作 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
全局状态管理库需要解决的问题 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 状态管理生态系统的发展史 推荐阅读指数 ⭐️⭐️⭐️⭐️ 解决远程状态管理问题的专用库的崛起 推荐阅读指数 ⭐️⭐️⭐️ 全局状态管理库和模式的新浪潮 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 现代库如何解决状态管理的核心问题 推荐阅读指数 ⭐️⭐️⭐️
React-Element/React-Componment/React-Instance之间的区别和联系。
今天我们主要是讲如何利用TS对React中的事件回调进行类型化处理。
TypeScript 是什么 {泛型| Generics} 是个啥 在React中使用泛型
构建解决的问题 包管理工具 任务式构建工具 模块化:模块定义与模块化的构建工具
1. cookie 2. Web Storage a. sessionStorage b. localStorage 3. IndexDB
{服务工作线程|Service Worker} 基础概念 ⭐️⭐️⭐️ 线程缓存 ⭐️⭐️⭐️⭐️ 线程客户端 生命周期 ⭐️⭐️⭐️ 控制反转与线程持久化 updateViaCache 管理服务文件缓存 ⭐️⭐️⭐️ 线程消息 ⭐️⭐️⭐️ 拦截 fetch 事件 ⭐️⭐️⭐️⭐️⭐️
Worker 线程简介 {专用工作线程|Dedicated Worker} 专用工作线程 + Webpack {共享工作线程| Shared Workers }
文章主要点: 1. 脚手架 2. Source Map
缓存:何时起作用 缓存的常见淘汰机制 HTTP缓存策略 缓存场景应用(Vue内部组件KeepAlive)
水平居中 垂直居中 水平&垂直居中
{帧树|Frame Tree} {不可变的片段树|The immutable fragment tree} {属性树|Property trees} {显示列表和绘画块|Display lists and paint chunke} {合成器帧|Compositor frame}:{表面| surface}、{渲染表面| render surface}、{GPU 纹理瓦片| GPU texture tile}
前置知识简讲 浏览器架构 组件结构 代码分析
整数除法 二进制加法 前 n 个数字二进制中 1 的个数 只出现一次的数字
网络拾遗之 DNS协议:网络世界的地址簿
速度是关键 延迟的构成 光速与传播延迟 延迟的最后一公里 网络核心带宽 VS 网络边缘带宽 目标:高带宽和低延迟
IP地址是个啥? 无类型域间选路(CIDR) 公有 IP 地址和私有 IP 地址 MAC 地址 动态主机配置协议(DHCP)
为何SPA对SEO不友好 解决方案 另外增加 SPA 曝光度的方法
作用域 作用域嵌套 词法作用域(lexicsl scope) 闭包 闭包示例
undefined vs null 如何产生undefined和null Null 判断运算符(??)的默认值 [es2020] undefined 和 null 没有任何属性 undefined 和 null的历史
Environment:管理变量的数据结构 函数调用与Environment 作用域链与Environment 闭包与Environment
1. Scope(作用域) 2. Lexical Environments (词法环境) 3. 全局对象(global object) 4. 浏览器环境下的globalThis 5. 全局环境(global envrionment) • Script 作用域 和Module 作用域 • 生成变量: 声明环境记录 vs 对象环境记录 • 访问变量 • 全局ECMAScript变量和全局宿主变量 6. 一图胜前言
函数即对象 闭包
• 作用域(Scopes) • 词法环境(Lexical environments) • 作用域链 • 执行上下文 • 调用栈
Chromium本身就是一个浏览器 Chrome浏览器一般选择Chromium的稳定版本作为它的基础 浏览器大战,其实就是渲染引擎之争 v8是「JS虚拟机」的一种 源代码对 V8 来说只是「一堆字符串」 执行JS代码核心流程 1. 先编译 2. 后执行 V8采用「JIT」(Just In Time)技术提升效率
1. CPU = 运算单元 + 数据单元 + 控制单元 2. CPU 只能识别「二进制」的指令 3. 总线像连接 CPU 和内存这两个设备的高速公路 4. 执行高级语言的两种方式:1. 解释执行 2. 编译执行 5. 汇编语言和机器语言是一一对应的 6. 内存中的每个存储空间都有其对应的独一无二的地址 7. CPU时钟周期:取出指令、分析指令、执行指令这三个过程