codercsx

你是否想过，网页中那些炫酷的图片、文件下载、本地预览功能背后，隐藏着怎样的“黑科技”？这一切的秘密，都藏在一个被誉为 HTML5 王者对象的神器——Blob 之中。...

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、...

在开发管理后台时，我们常遇到需要快速调用确认框的场景。Element Plus默认的ElDialog采用声明式写法，需要维护v-model状态，而Arco Design V...

正则表达式的学习，狭义上说就是对三种括号 ()，[]，{} 的学习。学会了这三种括号，也就是入了正则表达式的门。...

当数十个WebSocket连接让你的金融应用陷入混乱，你会怎么办？如何通过单例模式、智能消息分发和指数退避重连等黑科技，让你的实时数据流转优雅如行云流水？...

ArrayBuffer、Blob、File、FileReader、MediaSource之间的关系和各自知识点整理...

相信写过 JSX 的人再去写 Vue 中的 <template>，很多人会觉得束缚太多了，语法不够灵活。我也深有此感，所以琢磨了在 <template> 中使用 JSX 的...

本文将分享如何将 Element Plus 的 Dialog 组件封装成一个灵活易用的 Hooks，大幅提升开发效率。...

最近在做一个 H5 营销活动时，遇到了一个比较头疼的问题：页面要用到 7 种字体，原始`ttf`文件体积加起来 42MB，就算换成压缩率较高的`woff2`格式也需 20M...

AI对话发展越来越快，大多数场景应用未AI客服对话，再官网或者介绍网页中插入AI机器人聊天功能，能大大的提升用户的体验，今天就做一个vue3实现一个弹窗客服组件，及其如何接...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

早在 Vue3.3 版本开始，Vue3 开始支持泛型组件。可笔者在写这篇文章的时候，依然发现一些群友在 Vue3 的项目中还没有用上，于是今天出一篇文章，和大家一起交流。 ...

在 Web 开发中，分享海报是比较常见的需求，一般用于营销活动分享、用户 UGC 内容输出、社交传播等场景，而业界在具体技术实现上存在多种方案。本文将结合作者的开发经验，介...

微信里的@功能大家应该都用过了吧，那么有没有想过它是怎么实现的呢？今天我们就一起来简单实现一个带@功能的输入框组件。...

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JS...

干前端的，天天都在跟CSS打交道。以前我们写CSS，要是遇到复杂点的场景，比如“当一个卡片里有图片时，给卡片加个边框”，或者要给一长串不同的标题应用同一个样式，那代码写起来...

在公司干了几年，带个小团队，零零总总也面试了上百个前端候选人了。说实话，有时候面完一天，感觉人都是麻的。 最让我头疼的是什么？就是“算法题”这个环节。 我经常遇到两种候选人...

笔者总结一些工作中常用的Hooks，非常值得一看 useMount useMount 不是 React 官方提供的 Hook，而是一个常见的自定义 Hook，通常用于执行组...

今天的文章很有意思，讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道，到今天（2020/03/06），CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于...