8 CS逍遥剑仙

腾讯 BUG挖坑工程师

卍孙府藏俊龙,剑出威四方,峰尖笑沧桑,情满散天下。卍

等级
TA的排名 3w+

函数防抖(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

前端性能分析 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

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

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

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

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

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

前端接口模拟工具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

简单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

团队技术文档构建利器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:13

利用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:34

移动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:27:39

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:26:57

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

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

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

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

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

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

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

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获取
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。