![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Scheme
文章平均质量分 95
超悠閒
博客文章倉庫:https://github.com/superfreeeee/Blog
博客代码仓库:https://github.com/superfreeeee/Blog-code
展开
-
技术方案分享: gulp + webpack 联合编译三方库发布版本
技术方案分享: gulp + webpack 联合编译三方库发布版本文章目录技术方案分享: gulp + webpack 联合编译三方库发布版本正文0. 打包的目标到底是什么?1. 如何打包?2. 代码示例2.1 创建项目2.2 安装依赖2.3 定义 gulp 工作流2.4 ts、babel 编译配置项2.5 打包成果展示2.6 webpack 打包单文件成果其他资源参考连接完整代码示例正文使用过 npm 写项目的同学或多或少都经历过使用某个打包工具进行打包然后发布项目的时候(可能用的是 webpac原创 2021-11-15 23:46:18 · 804 阅读 · 0 评论 -
技术方案实践: 音频播放器封装
技术方案实践: 音频播放器封装文章目录技术方案实践: 音频播放器封装前言正文1. 播放器基础:\前言今天给大家带来音频播放器使用和封装,使用的是 React 作为基础框架,当然在写法上其实也是能轻易的改造成框架无关的写法哦正文1. 播放器基础:<audio> 标签在 web 也就是浏览器环境下药播放音频的基础在于 <audio> 标签的使用,在开始封装之前我们先来看看它主要有哪些属性、事件、可操作的方法等1.1 重要属性属性含义示例autoplay原创 2021-10-03 17:26:03 · 982 阅读 · 0 评论 -
技术方案实践: EventEmitter 和 Observable 对象实现
技术方案实践: EventEmitter 和 Observable 对象实现文章目录技术方案实践: EventEmitter 和 Observable 对象实现前言正文1. EventEmitter 实现1.1 类型定义1.2 on、off 注册/取消监听函数实现1.3 emit 触发事件实现1.4 once 只触发一次实现1.5 测试2. Observable 实现2.1 类型定义2.2 代码实现2.3 测试结语其他资源参考连接完整代码示例前言在前端领域用得最多的设计模式离不开观察者模式,Nodej原创 2021-09-19 19:55:29 · 283 阅读 · 0 评论 -
技术方案实践: 前端轮询方案实现 & 思考
技术方案实践: 前端轮询方案实现 & 思考文章目录技术方案实践: 前端轮询方案实现 & 思考前言正文0. 什么叫轮询?1. 轮询接口定义 & 数据结构2. 轮询方案 1: 使用定时器3. 轮询方案 2: 使用尾递归3.1 增加取消机制3.2 增加组件卸载时终止轮询机制3.3 防止并发场景4. 轮询方案 3: 定制轮询引擎4.1 核心轮询方法4.2 constructor 构造函数 & start、pause、continue 操作4.3 回调注册 onDataRecieve原创 2021-09-16 20:03:46 · 2601 阅读 · 0 评论 -
技术方案实践: 服务端 api 接入的实现 & 思考
技术方案实践: 服务端 api 接入的实现 & 思考文章目录技术方案实践: 服务端 api 接入的实现 & 思考前言正文事前准备:服务端接口三个接口定义服务端代码Version 1:JS 实现 + 简单封装Version 2:TS 实现加入类型定义Version 3:定义 apiRequest 统一管理请求发送途径Version 4:V2 + V3 混合实现后续扩展 & 思考结语其他资源参考连接完整代码示例前言在一个普通的 web 服务场景下,前后端的交互是非常常见的组合,甚至原创 2021-08-22 21:44:09 · 632 阅读 · 1 评论