fe-others
文章平均质量分 91
介紹一些比較經典或是常用的第三方庫,避免重複造輪子
超悠閒
博客文章倉庫:https://github.com/superfreeeee/Blog
博客代码仓库:https://github.com/superfreeeee/Blog-code
展开
-
RxJS 实做: 自定义 operator - switchMapBy
基于 RxJS 自定义 Operator 的讨论与 switchMapBy 的实现原创 2022-11-06 03:19:19 · 859 阅读 · 1 评论 -
RxJS 实战: 基于 BehaviorSubject 实现状态管理 & 结合 React
使用 RxJS 实现状态管理,并尝试自定义与 React 状态结合的自定义钩子原创 2022-11-03 21:45:07 · 1041 阅读 · 0 评论 -
浅谈 RxJS: lodash for async、流式任务模型、函数式与响应式的结合
解释 RxJS 的几个重要的核心概念,搭配代码示例帮助读者了解 RxJS 构建的任务模型与其具备的能力与潜力,最后引出一些基于 RxJS 定义的模型之上的思考原创 2022-11-01 23:29:54 · 571 阅读 · 0 评论 -
i18next 国际化 & 与 React 联动
介绍 i18next 的基础用法,已经关联到 React 组件时能动态修改语言原创 2022-10-22 15:27:25 · 547 阅读 · 0 评论 -
前端工作流: 自动化 Code Lint 使你的项目代码更规范
前端工作流: 自动化 Code Lint 使你的项目代码更规范文章目录前端工作流: 自动化 Code Lint 使你的项目代码更规范前言正文0. 使用工具项介绍1. Prettier 代码格式化2. Commitlint 提交信息校验3. ESLint 代码校验(可以覆盖TS!)4. Stylelint 样式表校验5. Husky 接入 Git Hooks6. lint-staged 提交前校验结语其他资源参考连接完整代码示例前言Code Lint 翻译来说叫做静态代码分析校验blablabla,简单原创 2021-07-18 21:09:19 · 421 阅读 · 0 评论 -
Jest 入门: Jest 核心 API & 多环境运行配置实现前端测试
Jest 入门: Jest 核心 API & 多环境运行配置实现前端测试文章目录Jest 入门: Jest 核心 API & 多环境运行配置实现前端测试前言正文0. 要测试什么?1. 启用 Jest 测试框架 & 多环境配置1.1 安装依赖 & 初始化项目1.2 基础 NodeJS 环境测试1.3 搭配 Babel 支持新语法1.4 加上 TypeScript 实现类型检查2. Jest 核心 API2.1 匹配器篇2.1.1 精确匹配2.1.2 真值匹配2.1.3 数字匹原创 2021-06-11 18:57:38 · 688 阅读 · 0 评论 -
Moment.js & Day.js 时间日期类库
Moment.js & Day.js 时间日期类库文章目录Moment.js & Day.js 时间日期类库前言正文0. 环境配置0.1 安装依赖0.2 辅助工具函数1. Moment.js1.1 创建时间日期对象1.2 获取/设置属性1.3 日期操作(加、减、对齐、选择)1.4 查询(判断、比较)1.5 格式化输出2. Day.js2.1 创建时间日期对象2.1.1 差异2.2 获取/设置属性2.2.1 差异2.3 日期操作(加、减、对齐、选择)2.3.1 差异2.4 查询(判断、比较)原创 2021-05-22 01:37:45 · 2167 阅读 · 0 评论 -
Axios 应用: 实现后端接口封装 & 重复请求回避(撤销请求)
Axios 应用: 实现后端接口封装 & 重复请求回避(撤销请求)文章目录Axios 应用: 实现后端接口封装 & 重复请求回避(撤销请求)简介参考完整示例代码正文目标axios 中的请求撤销1. CacelToken.source 工厂方法2. CancelToken 构造函数(参数为接受一个 cancel 方法的回调)代码示例axios 对象封装后端 API 封装测试结语简介之前的Axios:前端 HTTP 請求介绍了 js 的第三库 Axios,封装前端 AJAX 请求的 API原创 2021-02-09 03:25:39 · 431 阅读 · 1 评论 -
Gitgraph:製作 Git 分支圖
Gitgraph:製作 Git 分支圖文章目錄Gitgraph:製作 Git 分支圖簡介參考正文1. Basic Usage 基礎使用createGitgraph 繪圖上下文branch 創建分支commit 提交信息merge 合併分支tag 標籤2. Advanced Usage 進階用法mode 模式Event 事件結語簡介在一些項目管理活動中,git 活動紀錄也佔據了非常重要的一部分,版本控制決定了代碼開發的健壯性,保持穩定的基線才能正確地發布版本。本篇將要來介紹一個使用 JS 將 git 提原创 2020-06-21 21:23:32 · 4696 阅读 · 1 评论 -
Clipboard:黏貼簿操作
Clipboard:黏貼簿操作文章目錄Clipboard:黏貼簿操作簡介參考正文Install 安裝CDNNPMCreate 創建對象(官方 Setup)參數說明SampleUsage in Html 標籤用法1. Action 執行動作(`data-clipboard-action`)2. Target 參照目標(`data-clipboard-target`)3. Text 操作文本(`data-clipboard-text`)Sample結語簡介我們常常會在一些網頁上看到"點擊複製鏈結"的按鈕(原创 2020-06-03 10:12:35 · 162 阅读 · 0 评论 -
NProgress:簡單進度條
NProgress:簡單進度條文章目錄NProgress:簡單進度條簡介參考正文Import 引入CDNNPM接口說明Configuration 配置選項1. minimum 最小值2. template 模板3. easing & speed 移動模式4. trickle & trickleSpeed & trickleRate 自動前進5. showSpinner 顯示加載圖樣6. parent 父元素Usage 使用結語NProgress:簡單進度條簡介參考原创 2020-06-01 15:48:22 · 388 阅读 · 0 评论 -
js-cookie:轻量级 cookie 框架
js-cookie:轻量级 cookie 框架文章目錄js-cookie:轻量级 cookie 框架簡介參考正文Import 引入方法CDNNPMjs-cookie 接口說明三種基本方法語法避免衝突Cookie Attribute 屬性說明1. expires 屬性2. path 屬性3. domain 屬性4. secure 屬性5. sameSite 屬性Converters 攔截器封裝結語簡介當前前後端分離網頁常常會使用 http/https 協議搭配 RESTful 風格作為接口約定,由於 h原创 2020-06-01 14:44:34 · 425 阅读 · 0 评论 -
Axios:前端 HTTP 請求
Axios:前端 HTTP 請求文章目錄Axios:前端 HTTP 請求簡介參考正文Installing 安裝Axios 實例全局 axios自定義實例默認值(修改配置)axios APISample 1: GET 請求Sample 2: POST 請求Sample 3: 并發請求Config 配置選項SampleReponse 響應結構Interceptors 攔截器Request Interceptors 請求攔截器Response Interceptors 響應攔截器結語Axios:前端 HT原创 2020-05-12 15:28:04 · 447 阅读 · 0 评论