自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

禅林阆苑

CS逍遥剑仙的博客 www.csxiaoyao.com

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

浏览器原理学习笔记08—浏览器开发者工具 文章目录浏览器原理学习笔记08—浏览器开发者工具1. Chrome 开发者工具2. 网络分析工具2.1 Network 面板2.2 优化时间线上耗时项3. 性能分析工具概述4. Audits4.1 利用 Audits 生成 Web 性能报告4.2 性能报告...

2020-05-30 12:30:23 17 0

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

2020-05-30 12:29:03 22 0

原创 浏览器原理学习笔记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 多路复用实现...

2020-05-30 12:28:18 13 0

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

浏览器原理学习笔记05—浏览器中的页面渲染 文章目录浏览器原理学习笔记05—浏览器中的页面渲染1. DOM 树1.1 DOM 树的生成1.2 JavaScript 阻塞 DOM 解析2. 渲染流水线与 CSSOM2.1 CSS 不会直接阻塞 DOM 构建2.2 CSS 会阻塞 JavaScript...

2020-05-30 12:26:12 12 0

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

浏览器原理学习笔记04—浏览器中的页面事件循环系统 文章目录浏览器原理学习笔记04—浏览器中的页面事件循环系统1. 页面事件循环系统1.1 任务调度模型1.2 消息队列中的任务类型1.3 页面单线程缺点的优化2. 事件循环应用:WebAPI2.1 setTimeout2.1.1 实现方式2.1.2...

2020-05-30 12:24:43 16 0

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

浏览器原理学习笔记03—V8工作原理 文章目录浏览器原理学习笔记03—V8工作原理1. JavaScript 的数据类型2. JavaScript 内存空间2.1 内存模型2.2 闭包对象产生过程3. 自动垃圾回收3.1 调用栈中的数据回收3.2 堆中的数据回收3.2.1 代际假说和分代收集3.2...

2020-05-30 12:23:04 10 0

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

浏览器原理学习笔记02—浏览器中的JavaScript执行机制 文章目录浏览器原理学习笔记02—浏览器中的JavaScript执行机制1. JavaScript 代码的执行流程1.1 编译阶段1.2 执行阶段2. JavaScript 调用栈2.1 创建执行上下文的场景2.2 调用栈执行过程2.3...

2020-05-30 12:21:09 14 0

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

浏览器原理学习笔记01—宏观视角下的浏览器 文章目录浏览器原理学习笔记01—宏观视角下的浏览器1. 起步2. Chrome架构演进2.1 2008年发布时的进程架构2.2 目前多进程架构2.3 未来面向服务(SOA)的架构3. TCP协议4. HTTP请求流程4.1 浏览器端发起 HTTP 请求流...

2020-05-30 12:17:20 18 0

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

彻底弄懂CSS优先级规则 文章目录彻底弄懂CSS优先级规则1. css继承 & 距离1.1 css继承距离优先1.2 非继承的平级css距离无关,取决于加载顺序2. 单个选择器 & 优先级关系链2.1 demo1 — 优先级关系链应用2.2 demo2 — 基于形式的优先级3. 选...

2020-05-30 12:13:43 10 0

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

使用 requestAnimationFrame 替代 throttle 优化页面性能 文章目录使用 requestAnimationFrame 替代 throttle 优化页面性能1. throttle 的缺陷2. requestAnimationFrame 的使用2.1 概念2.2 使用 re...

2020-05-30 12:07:00 11 0

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

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

2020-02-01 03:17:28 142 0

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

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

2020-02-01 03:15:10 236 0

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

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

2020-02-01 03:09:26 225 0

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

2020-02-01 03:04:44 159 0

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

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

2020-02-01 03:00:41 63 0

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

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

2020-02-01 02:57:33 65 0

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

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

2020-02-01 02:54:41 196 0

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

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

2020-02-01 02:45:24 57 0

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

简单Linux系统监控小工具linux-dash安装与体验 linux上的监控工具有不少,偶然发现一款非常小巧精致的监控 linux-dash,可以直接在web环境中通过git来安装,虽然功能不是最强大的,但是它足够简单小巧。 1. 安装 github地址:https://github.com/a...

2020-02-01 02:44:04 97 0

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

团队技术文档构建利器vuepress上手实践 文章目录团队技术文档构建利器vuepress上手实践1. 环境搭建2. 目录结构3. 参数配置3.1 主题配置3.1.1 主页(homepage)3.1.2 导航栏(navbar)3.1.3 侧边栏(sidebar)3.1.4 搜索框(search b...

2019-10-12 17:48:46 157 0

原创 利用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. 断点...

2019-09-05 10:28:49 111 0

原创 移动web真机调试方案

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

2019-09-05 10:28:04 250 0

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

web移动端适配方案实践 文章目录web移动端适配方案实践1. Step1: 单位选择rem2. Step2: 消除DPR差异3. Step3: 动态设置 html 标签根字体大小4. Step4: 将设计图中的尺寸换算成 rem5. Step5: 媒体查询设置body字体大小6. 其他6.1 特...

2019-09-05 10:27:08 148 0

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

vue前端异常监控sentry实践 文章目录vue前端异常监控sentry实践1. 监控原理1.1 onerror1.2 promise1.3 上报1.4 使用sentry1.5 与vue结合2. 安装raven3. 初始化sentry4. 手动上报5. 封装异常上报类 Report.js6. 调...

2019-03-23 12:25:14 665 0

原创 shell 常用快捷键

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

2019-03-23 12:24:29 78 0

原创 swoole学习笔记

swoole学习笔记 文章目录swoole学习笔记1. php7源码安装2. 切换Mac默认PHP版本为MAMP3. swoole安装4. redis安装5. thinkphp框架整合swoole5.1 使用swoole构建包含http server的websocket服务5.2 onStart ...

2019-03-23 12:23:47 203 0

原创 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. 数据导出与导入...

2019-03-23 12:22:54 52 0

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

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

2018-12-23 22:24:14 980 0

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

csxiaoyao.com整站第二次迁移记录 文章目录csxiaoyao.com整站第二次迁移记录1. 缘起2. 配置nginx和https3. docker构建wordpress博客3.1 docker vs 虚拟机(virtual machine)3.2 docker-mysql搭建3.3 d...

2018-12-23 22:22:25 91 0

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

Sphinx&coreseek实现中文分词索引 文章目录Sphinx&coreseek实现中文分词索引1. 简介2. Sphinx使用流程3. 最佳实践4. coreseek安装5. 相关配置5.1 配置文件格式5.2 建立数据源(需建立索引的数据)5.3 创建索引...

2018-12-23 22:21:16 257 0

原创 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. lim...

2018-10-11 16:26:19 153 0

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

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

2018-10-11 16:25:37 103 0

原创 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....

2018-10-11 16:24:47 837 0

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

mysql学习总结07 — 优化(存储层)-存储引擎与缓存 文章目录mysql学习总结07 — 优化(存储层)-存储引擎与缓存1. mysql优化方向概述2. 存储引擎选择2.1 三种存储引擎特点概述2.2 innodb2.3 MyISAM2.4 Memory2.5 innodb &amp...

2018-10-11 16:23:55 130 0

原创 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....

2018-10-11 16:22:50 102 0

原创 memcache学习笔记

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

2018-10-11 16:20:47 121 0

原创 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 normalizeC...

2018-09-18 18:31:42 119 0

原创 Vue2.5源码阅读笔记01—代码结构与初始化

Vue2.5源码阅读笔记01—代码结构与初始化 文章目录Vue2.5源码阅读笔记01—代码结构与初始化1. 前言2. 构建准备2.1 Flow静态类型检查2.2 Rollup构建工具3. 目录结构4. 从入口文件寻找Vue定义5. new Vue 实例化 Write By CS逍遥剑仙 我的主页...

2018-09-18 18:31:13 149 0

原创 前端拾零02—H5原生拖放总结

前端拾零02—H5原生拖放总结 前端拾零02—H5原生拖放总结 1. 拖放总览 2. 拖放元素 2.1 拖放元素属性 2.2 拖放元素监听事件 2.3 demo 3. 目标元素 3.1 目标元素监听事件 3.2 demo 4. Event.preventDefault() 5. Ev...

2018-08-28 19:27:05 122 0

原创 前端拾零01—checkbox&radio&select总结

前端拾零01—checkbox&radio&select总结 前端拾零01—checkbox&radio&select总结 1. checkbox 2. radio 3. select Write By CS逍...

2018-08-28 19:26:19 118 0

提示
确定要删除当前文章?
取消 删除