node-index
node-index copied to clipboard
yanlele
学习笔记、博文、简书、工作日常踩坑记录以及一些独立作品的汇总目录
# chai.js断言库 目录 - [chai.js简介](#class01-01) - [语言链修饰符](#class01-02) - [except模块的相关api](#class01-03) ## 前端自动化测试之chai.js断言库 ### chai.js简介 chai.js 是一套TDD(测试驱动开发)/BDD(行为驱动开发)的断言库。包含有3个断言库支持BDD风格的expect/should和TDD风格的assert,这里主要说明expect/should库, BDD风格说简单的就是你的测试代码更加的语义化,让你的断言可读性更好,expect/should库都支持链式调用可以在node和浏览器环境运行，可以高效的和任何js测试框架搭配使用。 **说明：**BDD，行为驱动开发（注重测试逻辑），TDD是测试驱动开发（注重输出结果）。 三大断言库的使用： ```javascript var chai = require('chai'); var assert = chai.assert; // Using Assert...
目录 - [前端测试库Mocha 和 Jest](#前端测试库Mocha-和-Jest) - [开始第一个示例](#开始第一个示例) - [主要断言库推荐](#主要断言库推荐) - [异步测试 done() 与超时时间timeout](#异步测试-done()-与超时时间timeout) - [时间钩子函数](#时间钩子函数) - [测试用例管理 only(), skip()](#测试用例管理-only(),-skip()) - [配置文件mocha.opts](#配置文件mocha.opts) - [TypeScript测试](#TypeScript测试) - [mocha的命令的基本选项](#mocha的命令的基本选项) - [补充知识点儿](#补充知识点儿) - [参考文章](#参考文章) ###...
# canvas 初级 目录： - [No.1 基础使用](#no1-%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8) - [No.02 绘制形状](#no02-%E7%BB%98%E5%88%B6%E5%BD%A2%E7%8A%B6) - [No.03 绘制路径](#no03-%E7%BB%98%E5%88%B6%E8%B7%AF%E5%BE%84) - [No.04 添加样式和颜色](#no04-%E6%B7%BB%E5%8A%A0%E6%A0%B7%E5%BC%8F%E5%92%8C%E9%A2%9C%E8%89%B2) - [No.05 绘制文本](#no05-%E7%BB%98%E5%88%B6%E6%96%87%E6%9C%AC) - [No.06 绘制图片](#no06-%E7%BB%98%E5%88%B6%E5%9B%BE%E7%89%87) - [No.07 状态的保存和恢复](#no07-%E7%8A%B6%E6%80%81%E7%9A%84%E4%BF%9D%E5%AD%98%E5%92%8C%E6%81%A2%E5%A4%8D) - [No.08 变形](#no08-%E5%8F%98%E5%BD%A2) - [No.09...
看过很多请求超时重试的样例， 很多都是基于 axios interceptors 实现的。 但是有没有牛逼的原生方式实现呢？ 最近在看 fbjs 库里面的代码， 发现里面有一个超时重试的代码， 只有一百多行代码， 封装的极其牛逼。 直接贴代码地址：[github.com/facebook/fb…](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2Ffacebook%2Ffbjs%2Fblob%2Fmain%2Fpackages%2Ffbjs%2Fsrc%2Ffetch%2FfetchWithRetries.js "https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/fetch/fetchWithRetries.js") 不过这里的代码是 Flow 类型检测的代码， 而且有一些外部小依赖， 接下来， 咱们解除依赖， 然后一步一步来实现一下这部分逻辑。 **这里简单介绍一下 fbjs 这个库** > fbjs（Facebook JavaScript）是一个由 Facebook 开发和维护的 JavaScript...
**关键词**：前端埋点监控、埋点 SDK 设计 ### 前端日志埋点 SDK 设计思路 既然涉及到了日志和埋点，分析一下需求是啥： - 自动化上报 页面 PV、UV。 如果能自动化上报页面性能， 用户点击路径行为，就更好了。 - 自动上报页面异常。 - 发送埋点信息的时候， 不影响性能， 不阻碍页面主流程加载和请求发送。 - 能够自定义日志发送， 日志 scope、key、value。 ### SDK 设计 sdk 的设计主要围绕以下几个话题来进行： -...
## JS数组42个方法汇总 + [改变数组本身 （9个）](#%E6%94%B9%E5%8F%98%E6%95%B0%E7%BB%84%E6%9C%AC%E8%BA%AB-9%E4%B8%AA) + [pop和push尾部删除添加](#pop%E5%92%8Cpush%E5%B0%BE%E9%83%A8%E5%88%A0%E9%99%A4%E6%B7%BB%E5%8A%A0) + [unshift和shift头部删除添加](#unshift%E5%92%8Cshift%E5%A4%B4%E9%83%A8%E5%88%A0%E9%99%A4%E6%B7%BB%E5%8A%A0) + [sort 排序](#sort-%E6%8E%92%E5%BA%8F) + [reverse 反转](#reverse-%E5%8F%8D%E8%BD%AC) + [splice 截取新增数据](#splice-%E6%88%AA%E5%8F%96%E6%96%B0%E5%A2%9E%E6%95%B0%E6%8D%AE) + [copyWithin 将数组得一部分赋值到另一个位置](#copywithin-%E5%B0%86%E6%95%B0%E7%BB%84%E5%BE%97%E4%B8%80%E9%83%A8%E5%88%86%E8%B5%8B%E5%80%BC%E5%88%B0%E5%8F%A6%E4%B8%80%E4%B8%AA%E4%BD%8D%E7%BD%AE) + [fill 填充](#fill-%E5%A1%AB%E5%85%85) + [不改变原数组 （11个）](#%E4%B8%8D%E6%94%B9%E5%8F%98%E5%8E%9F%E6%95%B0%E7%BB%84-11%E4%B8%AA) + [filter 数据过滤](#filter-%E6%95%B0%E6%8D%AE%E8%BF%87%E6%BB%A4)...
# DOM 和 BOM 和 you dont need jquery 目录 - [DOM 部分](#dom-%E9%83%A8%E5%88%86) * [document对象](#document%E5%AF%B9%E8%B1%A1) * [2、HTML DOM 元素对象](#2html-dom-%E5%85%83%E7%B4%A0%E5%AF%B9%E8%B1%A1) * [03、DOM 属性 对象](#03dom-%E5%B1%9E%E6%80%A7-%E5%AF%B9%E8%B1%A1) * [04、HTML DOM 事件](#04html-dom-%E4%BA%8B%E4%BB%B6) + [鼠标事件](#%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6) +...
# 学习javascript数据结构与算法 ## 学习javascript数据结构与算法 [巴西] Loiane Groner 著 孙晓博等译 目录结构 - [01章、javascript基础](#01%E7%AB%A0javascript%E5%9F%BA%E7%A1%80) * [1.5、面向对象编程](#15%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%BC%96%E7%A8%8B) - [03章、栈](#03%E7%AB%A0%E6%A0%88) * [3.1、栈的创建](#31%E6%A0%88%E7%9A%84%E5%88%9B%E5%BB%BA) * [3.2、从十进制到二进制](#32%E4%BB%8E%E5%8D%81%E8%BF%9B%E5%88%B6%E5%88%B0%E4%BA%8C%E8%BF%9B%E5%88%B6) - [04章、队列](#04%E7%AB%A0%E9%98%9F%E5%88%97) * [4.1、创建队列](#41%E5%88%9B%E5%BB%BA%E9%98%9F%E5%88%97) * [4.2、优先队列](#42%E4%BC%98%E5%85%88%E9%98%9F%E5%88%97) * [4.3、循环队列](#43%E5%BE%AA%E7%8E%AF%E9%98%9F%E5%88%97) - [05章、链表](#05%E7%AB%A0%E9%93%BE%E8%A1%A8)...
## 第六篇、架构型设计模式 目录 - [第三十五章-同步模块模式](#%E7%AC%AC%E4%B8%89%E5%8D%81%E4%BA%94%E7%AB%A0-%E5%90%8C%E6%AD%A5%E6%A8%A1%E5%9D%97%E6%A8%A1%E5%BC%8F) * [描述](#%E6%8F%8F%E8%BF%B0) * [实际场景](#%E5%AE%9E%E9%99%85%E5%9C%BA%E6%99%AF) - [第三十六章-异步模块模式](#%E7%AC%AC%E4%B8%89%E5%8D%81%E5%85%AD%E7%AB%A0-%E5%BC%82%E6%AD%A5%E6%A8%A1%E5%9D%97%E6%A8%A1%E5%BC%8F) * [描述](#%E6%8F%8F%E8%BF%B0-1) * [实际场景](#%E5%AE%9E%E9%99%85%E5%9C%BA%E6%99%AF-1) - [第三十七章-Widget模式](#%E7%AC%AC%E4%B8%89%E5%8D%81%E4%B8%83%E7%AB%A0-widget%E6%A8%A1%E5%BC%8F) * [描述](#%E6%8F%8F%E8%BF%B0-2) ### 第三十五章-同步模块模式 #### 描述 **模块化**： 将复杂的系统分解成高内聚、低耦合的模块， 使系统开发变得可控、可维护、可扩展， 提高模块的重复使用率。 **同步模块模式**: 请求发出去之后， 无论模块是否存在，...
## 第五篇、技巧型设计模式 目录 - [第二十七章-链式模式](#%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%B8%83%E7%AB%A0-%E9%93%BE%E5%BC%8F%E6%A8%A1%E5%BC%8F) - [第二十八章-委托模式](#%E7%AC%AC%E4%BA%8C%E5%8D%81%E5%85%AB%E7%AB%A0-%E5%A7%94%E6%89%98%E6%A8%A1%E5%BC%8F) * [描述:](#%E6%8F%8F%E8%BF%B0) * [实际场景](#%E5%AE%9E%E9%99%85%E5%9C%BA%E6%99%AF) * [代码示例](#%E4%BB%A3%E7%A0%81%E7%A4%BA%E4%BE%8B) - [第二十九章-数据访问对象模式](#%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%B9%9D%E7%AB%A0-%E6%95%B0%E6%8D%AE%E8%AE%BF%E9%97%AE%E5%AF%B9%E8%B1%A1%E6%A8%A1%E5%BC%8F) * [描述：](#%E6%8F%8F%E8%BF%B0) * [实际场景](#%E5%AE%9E%E9%99%85%E5%9C%BA%E6%99%AF-1) - [第三十章-节流模式](#%E7%AC%AC%E4%B8%89%E5%8D%81%E7%AB%A0-%E8%8A%82%E6%B5%81%E6%A8%A1%E5%BC%8F) * [描述](#%E6%8F%8F%E8%BF%B0) * [实际场景](#%E5%AE%9E%E9%99%85%E5%9C%BA%E6%99%AF-2) - [第三十一章-简单模板模式](#%E7%AC%AC%E4%B8%89%E5%8D%81%E4%B8%80%E7%AB%A0-%E7%AE%80%E5%8D%95%E6%A8%A1%E6%9D%BF%E6%A8%A1%E5%BC%8F) * [描述：](#%E6%8F%8F%E8%BF%B0-1) -...