CS逍遥剑仙-CSDN博客

原创 git学习总结03 — 分支管理

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

2020-06-07 23:04:44 572

原创 git学习总结02 — 版本控制

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

2020-06-07 23:03:41 473

原创 git学习总结01 — 初始化

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

2020-06-07 23:01:59 460

原创浏览器原理学习笔记08—浏览器开发者工具

浏览器原理学习笔记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 性能指标面板

2020-05-30 12:30:23 775

原创浏览器原理学习笔记07—浏览器安全

浏览器原理学习笔记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. 浏览器系统安全

2020-05-30 12:29:03 398

原创浏览器原理学习笔记06—浏览器中的网络

浏览器原理学习笔记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

2020-05-30 12:28:18 264

原创浏览器原理学习笔记05—浏览器中的页面渲染

浏览器原理学习笔记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. 不同

2020-05-30 12:26:12 363

原创浏览器原理学习笔记04—浏览器中的页面事件循环系统

浏览器原理学习笔记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

2020-05-30 12:24:43 338

原创浏览器原理学习笔记03—V8工作原理

浏览器原理学习笔记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

2020-05-30 12:23:04 335

原创浏览器原理学习笔记02—浏览器中的JavaScript执行机制

浏览器原理学习笔记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 块级作用域中(跨执行上下文)的变

2020-05-30 12:21:09 244

原创浏览器原理学习笔记01—宏观视角下的浏览器

浏览器原理学习笔记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

2020-05-30 12:17:20 396

原创彻底弄懂CSS优先级规则

彻底弄懂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

2020-05-30 12:13:43 834

原创使用 requestAnimationFrame 替代 throttle 优化页面性能

使用 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

2020-05-30 12:07:00 580

原创函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用

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

2020-02-01 03:17:28 670

原创前端性能分析 Chrome Dev Tools 之 Performance

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

2020-02-01 03:15:10 1334

原创前端自动化测试实践05—cypress-e2e入门

前端自动化测试实践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...

2020-02-01 03:09:26 907

原创前端自动化测试实践04—jest-vue项目之TDD&BDD

前端自动化测试实践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...

2020-02-01 03:04:44 710

原创前端自动化测试实践03—jest异步处理&mock

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

2020-02-01 03:00:41 1201

原创前端自动化测试实践02—jest基本语法

前端自动化测试实践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...

2020-02-01 02:57:33 484

原创前端自动化测试实践01—持续集成之jest自动化测试环境搭建

前端自动化测试实践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...

2020-02-01 02:54:41 787

原创前端接口模拟工具Mock.js上手实践

前端接口模拟工具Mock.js上手实践文章目录前端接口模拟工具Mock.js上手实践1. 概念2. vue 工程引入 mock.js3. mockjs 基础语法Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEmail: sunjianfeng@csxiaoyao.com1. 概念...

2020-02-01 02:45:24 729

原创简单Linux系统监控小工具linux-dash安装与体验

简单Linux系统监控小工具linux-dash安装与体验linux上的监控工具有不少，偶然发现一款非常小巧精致的监控 linux-dash，可以直接在web环境中通过git来安装，虽然功能不是最强大的，但是它足够简单小巧。1. 安装github地址：https://github.com/afaqurk/linux-dash，直接在服务器的发布路径下执行git的克隆命令即可。$ git c...

2020-02-01 02:44:04 401

原创团队技术文档构建利器vuepress上手实践

团队技术文档构建利器vuepress上手实践文章目录团队技术文档构建利器vuepress上手实践1. 环境搭建2. 目录结构3. 参数配置3.1 主题配置3.1.1 主页(homepage)3.1.2 导航栏(navbar)3.1.3 侧边栏(sidebar)3.1.4 搜索框(search box)3.1.5 最近更新3.1.6 Service Worker3.1.7 上一页 / 下一页链接(...

2019-10-12 17:48:46 937

原创利用Charles开发调试技巧总结

利用Charles开发调试技巧总结文章目录利用Charles开发调试技巧总结1. 基本配置1.1 下载安装1.2 配置代理1.3 安装证书1.3.1 PC1.3.2 Mobile1.3.3 添加SSL配置2. Map Local3. Map Remote4. 修改网络请求5. 模拟网速6. 断点调试7. 模拟连续请求8. 检索Write By CS逍遥剑仙我的主页: www.csxiaoy...

2019-09-05 10:28:49 594

原创移动web真机调试方案

移动web真机调试方案文章目录移动web真机调试方案1. Chrome手机模拟器2. Chrome/Safari真机调试2.1 Android + chrome2.2 iOS + Safari3. spy-debugger调试4. 总结Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEm...

2019-09-05 10:28:04 794

原创 web移动端适配方案实践

web移动端适配方案实践文章目录web移动端适配方案实践1. Step1: 单位选择rem2. Step2: 消除DPR差异3. Step3: 动态设置 html 标签根字体大小4. Step4: 将设计图中的尺寸换算成 rem5. Step5: 媒体查询设置body字体大小6. 其他6.1 特殊css处理6.2 IE默认使用最高版本7. 总结Write By CS逍遥剑仙我的主页: ww...

2019-09-05 10:27:08 428

原创 vue前端异常监控sentry实践

vue前端异常监控sentry实践文章目录vue前端异常监控sentry实践1. 监控原理1.1 onerror1.2 promise1.3 上报1.4 使用sentry1.5 与vue结合2. 安装raven3. 初始化sentry4. 手动上报5. 封装异常上报类 Report.js6. 调用 Report.js 类7. sourceMapWrite By CS逍遥剑仙我的主页: ww...

2019-03-23 12:25:14 1832

原创 shell 常用快捷键

shell 常用快捷键文章目录shell 常用快捷键1. 光标移动2. 删除3. 撤销4. 替换5. 历史命令编辑6. 控制命令7. !命令Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEmail: sunjianfeng@csxiaoyao.comQQ: 17243382571...

2019-03-23 12:24:29 727 1

原创 swoole学习笔记

swoole学习笔记文章目录swoole学习笔记1. php7源码安装2. 切换Mac默认PHP版本为MAMP3. swoole安装4. redis安装5. thinkphp框架整合swoole5.1 使用swoole构建包含http server的websocket服务5.2 onStart & onWorkerStart 指定进程名并加载框架5.3 onRequest 处理 http...

2019-03-23 12:23:47 789

原创 MongoDB学习整理

MongoDB学习整理文章目录MongoDB学习整理1. 概述2. 入门语句3. 增删改查操作4. 用户管理（权限控制）5. 索引5.1 普通单列索引5.2 多列索引（复合索引）5.3 子文档索引5.4 唯一索引5.5 查询索引5.6 删除索引5.7 重建索引5.8 注意事项6. 数据导出与导入Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: g...

2019-03-23 12:22:54 218

原创 vue封装带提示框的单选/多选文本框组件

vue封装带提示框的单选/多选文本框组件文章目录vue封装带提示框的单选/多选文本框组件1. 组件化思想2. 接口参数设计3. 提示框显示隐藏交互实现3.1 尝试方案1: click事件主动聚焦3.2 尝试方案2: blur事件添加延时器 + 开关变量3.3 尝试方案3: 不使用blur，关闭方法改为事件委托3.4 尝试方案4: onfocus + onblur + mousedown + 开关...

2018-12-23 22:24:14 3000

原创 csxiaoyao.com整站第二次迁移记录

csxiaoyao.com整站第二次迁移记录文章目录csxiaoyao.com整站第二次迁移记录1. 缘起2. 配置nginx和https3. docker构建wordpress博客3.1 docker vs 虚拟机(virtual machine)3.2 docker-mysql搭建3.3 docker-wordpress搭建3.4 优化：使用 docker-compose3.5 部署3.6 ...

2018-12-23 22:22:25 429

原创 Sphinx&coreseek实现中文分词索引

Sphinx&coreseek实现中文分词索引文章目录Sphinx&coreseek实现中文分词索引1. 简介2. Sphinx使用流程3. 最佳实践4. coreseek安装5. 相关配置5.1 配置文件格式5.2 建立数据源(需建立索引的数据)5.3 创建索引5.4 配置服务器6. 创建索引并启动服务器7. PHP应用: 关键词查询并高亮显示8. Sphinx匹配模式9. 增...

2018-12-23 22:21:16 610

原创 mysql学习总结10 — 优化(sql语句层)-锁与sql优化

mysql学习总结10 — 优化(sql语句层)-锁与sql优化文章目录mysql学习总结10 — 优化(sql语句层)-锁与sql优化1. 锁机制1.1 概念1.2 表锁1.3 行锁2. 慢查询定位2.1 临时启动慢查询日志2.2 修改配置文件启动慢查询日志2.3 精确记录查询时间3. limit分页优化Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGit...

2018-10-11 16:26:19 365

原创 mysql学习总结09 — 优化(架构层)-主从复制与读写分离

mysql学习总结09 — 优化(架构层)-主从复制与读写分离文章目录mysql学习总结09 — 优化(架构层)-主从复制与读写分离1. 主从复制1.1 概述1.2 主服务器配置1.3 从服务器配置2. 读写分离Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEmail: sunjian...

2018-10-11 16:25:37 290

原创 mysql学习总结08 — 优化(设计层)-索引与分区分表

mysql学习总结08 — 优化(设计层)-索引与分区分表文章目录mysql学习总结08 — 优化(设计层)-索引与分区分表1. 索引应用1.1 索引类型1.2 创建索引1.3 查看索引1.4 索引删除1.5 创建索引的场合1.6 执行计划分析1.7 索引数据结构1.7.1 myisam引擎1.7.2 innodb引擎1.8 索引覆盖1.9 索引使用原则1.10 mysql智能选择1.11 gr...

2018-10-11 16:24:47 1534

原创 mysql学习总结07 — 优化(存储层)-存储引擎与缓存

mysql学习总结07 — 优化(存储层)-存储引擎与缓存文章目录mysql学习总结07 — 优化(存储层)-存储引擎与缓存1. mysql优化方向概述2. 存储引擎选择2.1 三种存储引擎特点概述2.2 innodb2.3 MyISAM2.4 Memory2.5 innodb & myisam 的适用场景3. 查询缓存3.1 使用方法3.2 缓存失效3.3 不使用缓存情况3.4 生成多...

2018-10-11 16:23:55 315

原创 redis学习笔记

redis学习笔记文章目录redis学习笔记1. 起步1.1 NoSQL1.2 redis1.3 与memcache比较2. macos安装redis3. 数据类型3.1 字符串(string)3.2 哈希(hash)3.3 链表(list)3.4 集合(set)3.5 有序集合(zset)4. Redis常用命令5. 安全认证6. phpredis7. 应用：redis实现秒杀8. 持久化机制...

2018-10-11 16:22:50 276

原创 memcache学习笔记

memcache学习笔记文章目录memcache学习笔记1. 安装与连接2. 设置与删除数据缓存周期问题3. 其他指令(incr、decr、stats)4. php操作memcached4.1 macos安装php扩展4.2 数据操作4.3 应用5. 数据类型6. 分布式缓存服务的搭建6.1 概述6.2 搭建方法7. session数据使用memcache8. 其他问题8.1 memcache适...

2018-10-11 16:20:47 370

原创 Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染

Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染文章目录Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染1. 数据驱动与虚拟DOM2. 虚拟DOM渲染流程3. Vue实例挂载4. vm._render创建VDOM4.1 createElement创建VNODE4.2 normalizeChildren子节点规范化4.3 VNODE创建5. vm._update渲染VDOMWrite ...

2018-09-18 18:31:42 377