禅林阆苑

git学习总结03 — 分支管理文章目录git学习总结03 — 分支管理1. 分支基本操作 branch & checkout2. 分支合并 merge & rebase2.1 merge 合并 (--ff & --no-ff)2.2 fast-forward 模式2.3 no-fast-forward 模式2.4 rebase 变基3. 工作区储藏与恢复 stash4. 复制提交 cherry-pick5. 远程仓库&多人协作5.1 git 多人协作方式5.2 配置ssh

git学习总结02 — 版本控制文章目录git学习总结02 — 版本控制1. 历史记录查询 log & reflog2. 本地库版本管理 reset2.1 reset 操作 HEAD 指针的三种方式2.2 --soft2.3 --mixed (默认)2.4 --hard (常用)3. 远程版本还原 revert4. 工作区修改丢弃 checkout (特殊)5. 标签管理 tag6. 常见场景操作Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: g

git学习总结01 — 初始化文章目录git学习总结01 — 初始化1. 起步2. 初始化配置2.1 设置签名 config2.2 初始化本地库 init2.3 配置忽略文件 .gitignore3. 搭建 gitlab4. 文件操作 add & commit5. 文件差异比较 diff6. 命令一览Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEmail: sunjianfeng@cs

浏览器原理学习笔记08—浏览器开发者工具文章目录浏览器原理学习笔记08—浏览器开发者工具1. Chrome 开发者工具2. 网络分析工具2.1 Network 面板2.2 优化时间线上耗时项3. 性能分析工具概述4. Audits4.1 利用 Audits 生成 Web 性能报告4.2 性能报告解读4.3 根据报告优化 Web 性能4.3.1 性能分析相关重要时间节点4.3.2 针对报告六项指标进行优化5. Performance5.1 生成报告5.2 报告分析5.2.1 概览面板5.2.2 性能指标面板

浏览器原理学习笔记07—浏览器安全文章目录浏览器原理学习笔记07—浏览器安全1. Web 页面安全1.1 同源策略 (Same-origin policy)1.2 安全与效率的平衡1.3 XSS 攻击1.3.1 概念1.3.2 恶意脚本注入方式1.3.2.1 存储型 XSS 攻击1.3.2.2 反射型 XSS 攻击1.3.2.3 基于 DOM 的 XSS 攻击1.3.3 XSS 防范1.4 CSRF 攻击1.4.1 概念1.4.2 攻击方式1.4.3 CSRF 防范1.5 页面安全总结2. 浏览器系统安全

浏览器原理学习笔记06—浏览器中的网络文章目录浏览器原理学习笔记06—浏览器中的网络1. HTTP 发展1.1 HTTP/0.91.2 HTTP/1.01.3 HTTP/1.12. HTTP/22.1 HTTP/1.1 缺陷2.2 使用多路复用优化缺陷2.2.1 缺陷解决2.2.2 多路复用实现2.2.3 其他特性3. HTTP/3 & QUIC 协议3.1 HTTP/2 缺陷3.2 QUIC 协议3.3 HTTP/3 挑战Write By CS逍遥剑仙我的主页: www.csxiaoyao

浏览器原理学习笔记05—浏览器中的页面渲染文章目录浏览器原理学习笔记05—浏览器中的页面渲染1. DOM 树1.1 DOM 树的生成1.2 JavaScript 阻塞 DOM 解析2. 渲染流水线与 CSSOM2.1 CSS 不会直接阻塞 DOM 构建2.2 CSS 会阻塞 JavaScript 执行2.3 白屏时间优化策略3. 分层与合成机制3.1 如何生成一帧图像3.2 分层和合成：CSS动画比JavaScript高效3.3 分块3.4 利用分层技术优化代码 will-change 优化动画4. 不同

浏览器原理学习笔记04—浏览器中的页面事件循环系统文章目录浏览器原理学习笔记04—浏览器中的页面事件循环系统1. 页面事件循环系统1.1 任务调度模型1.2 消息队列中的任务类型1.3 页面单线程缺点的优化2. 事件循环应用：WebAPI2.1 setTimeout2.1.1 实现方式2.1.2 一些细节2.2 XMLHttpRequest3. 宏任务和微任务3.1 宏任务(粗时间粒度)3.2 微任务3.2.1 微任务队列3.2.2 微任务的产生3.2.3 微任务的执行4. Promise4.1 Prom

浏览器原理学习笔记03—V8工作原理文章目录浏览器原理学习笔记03—V8工作原理1. JavaScript 的数据类型2. JavaScript 内存空间2.1 内存模型2.2 闭包对象产生过程3. 自动垃圾回收3.1 调用栈中的数据回收3.2 堆中的数据回收3.2.1 代际假说和分代收集3.2.2 副垃圾回收器3.2.3 主垃圾回收器3.2.4 全停顿4. 编译器和解释器4.1 V8 执行 JavaScript 代码总览4.2 生成抽象语法树(AST)和执行上下文4.2.1 AST 的应用4.2.2 A

浏览器原理学习笔记02—浏览器中的JavaScript执行机制文章目录浏览器原理学习笔记02—浏览器中的JavaScript执行机制1. JavaScript 代码的执行流程1.1 编译阶段1.2 执行阶段2. JavaScript 调用栈2.1 创建执行上下文的场景2.2 调用栈执行过程2.3 利用浏览器查看调用栈信息2.4 栈溢出(Stack Overflow)3. 作用域(scope)4. 作用域链和闭包4.1 作用域连4.2 词法作用域确定 outer 指向4.3 块级作用域中(跨执行上下文)的变

浏览器原理学习笔记01—宏观视角下的浏览器文章目录浏览器原理学习笔记01—宏观视角下的浏览器1. 起步2. Chrome架构演进2.1 2008年发布时的进程架构2.2 目前多进程架构2.3 未来面向服务(SOA)的架构3. TCP协议4. HTTP请求流程4.1 浏览器端发起 HTTP 请求流程4.2 服务器端处理 HTTP 请求流程4.3 浏览器资源缓存(cache)处理4.4 登录状态保持(cookie)5. 导航流程：从输入URL到页面展示6. 渲染流程6.1 DOM: 构建 DOM 树6.2 S

彻底弄懂CSS优先级规则文章目录彻底弄懂CSS优先级规则1. css继承 & 距离1.1 css继承距离优先1.2 非继承的平级css距离无关，取决于加载顺序2. 单个选择器 & 优先级关系链2.1 demo1 — 优先级关系链应用2.2 demo2 — 基于形式的优先级3. 选择器组合 & 优先级计算4. !important 强行改变优先级Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyao

使用 requestAnimationFrame 替代 throttle 优化页面性能文章目录使用 requestAnimationFrame 替代 throttle 优化页面性能1. throttle 的缺陷2. requestAnimationFrame 的使用2.1 概念2.2 使用 requestAnimationFrame 对 throttle 优化2.3 解决重复调用问题3. 兼容性4. 总结Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: g

函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用文章目录函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用1. 为什么要防抖节流1.1 客户端性能瓶颈1.2 刷新率的必要性1.3 需求所迫2. 防抖 & 节流的概念2.1 函数防抖 (debounce)2.2 函数节流 (throttle)2.3 图示对比3. 实际工程应用场景3....

前端性能分析 Chrome Dev Tools 之 Performance文章目录前端性能分析 Chrome Dev Tools 之 Performance1. 属性字段2. 常用性能数据指标计算3. 其他 api3.1 performance.getEntries()3.2 performance.now() / performance.mark()3.3 performance.memory...

前端自动化测试实践05—cypress-e2e入门文章目录前端自动化测试实践05—cypress-e2e入门1. 端到端测试1.1 区别1.2 工具选择2. 环境搭建3. Hello world4. 常用命令5. 截屏和视频录制6. 总结Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianE...

前端自动化测试实践04—jest-vue项目之TDD&BDD文章目录前端自动化测试实践04—jest-vue项目之TDD&BDD1. 项目构建2. 项目目录结构3. vue 组件测试方法3.1 组件浅渲染和深渲染3.2 vuex 的使用3.3 组件异步测试4. TDD & BDD4.1 组件4.2 vm 实例4.3 jsDom 操作4.4 vuex4.5 异步操作Wr...

前端自动化测试实践03—jest异步处理&mock文章目录前端自动化测试实践03—jest异步处理&mock1. async 异步请求处理2. mock - ajax 模拟 ajax 请求3. \__mocks__ 文件替换 ajax4. mock - function 模拟函数调用5. mock - function 模拟 class 函数6. mock - class 模拟实...

前端自动化测试实践02—jest基本语法文章目录前端自动化测试实践02—jest基本语法1. matchers 匹配器2. hook 钩子函数3. describe 分组4. only 跳过 case5. snapshot 快照测试6. DOM 测试Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojian...

前端自动化测试实践01—持续集成之jest自动化测试环境搭建文章目录前端自动化测试实践01—持续集成之jest自动化测试环境搭建1. 概念1.1 持续集成&持续交付&持续部署1.2 持续集成 & 前端自动化测试1.2 分类1.2.1 TDD (Test-Driven Development) 测试驱动开发1.2.2 BDD (Behavior Driven Develop...