水煮白菜王

页面截图功能在前端开发中，特别是营销场景相关的需求中, 是比较常见的。比如截屏分享，相对于普通的链接分享，截屏分享具有更丰富的展示、更多的信息承载等优势。最近在需求开发中遇...

老板：新的需求不是上线了嘛，怎么用户看到的还是老的页面呀 窝囊废：让用户刷新一下页面，或者清一下缓存 老板：那我得告诉用户，刷新一下页面，或者清一下缓存，才能看到新的页面呀...

手搓是一种烂漫。沉淀半小时，开发一个el-table的滚动指令。适用于element-plus版本的table。...

故事的起因是这样的， 一个前端开发人员(也算是挺有名的，ariakit.org的作者， wrodPress的前维护者)在社交媒体上发了这么一条帖子。 短短几天就有了51.8...

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足...

需求简介 这几天下来个新需求：要在页面上动态渲染多个表格，每个表格内还要实现若干圆环！ 刚拿到这个需求的时候，我第一反应是用echarts实现，简单快捷 然而，老板无情的拒...

JavaScript 数组方法大全上线！从 map 到 reduce，从新手小白到写代码老鸟，这篇文章告诉你：写 JS 不再需要“祈祷代码能跑”。...

今天在逛知乎的时候打开了控制台，发现其在初始化的时候会打印一张图片，这是怎么实现的呢？console.log还能这样操作？...

> 杨鹏 ## 一、背景 在一个普通的工作日，BUG反馈群突然发来一个视频。视频中显示，我们的H5应用在打开某个下发的资料时，加载图片的过程中陷入了不断刷新的死循环。这个问...

整理笔记的时候发现之前存的一些写得还不错的代码片段，分享出来参考参考 如在映射类型中使用as子句重新映射映射类型中的键...

BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。BFF一般指的是在前端与后端之间加增加一个中间层。...

使用 Web Worker 提升大文件分片处理性能 0.准备demo 初始化项目 安装依赖 项目结构 配置文件 添加 npm scripts 源码 运行起来测试一下 1.普...

之前在研究低代码可视化时遇到了参考线吸附的需求, 比如元素直接拖拽时需要显示参考线和吸附, 方便对元素位置进行更精准的控制. 也思考了很多技术实现方案, 最近在github...

背景 先看一个问题：如何动态获取屏幕视口尺寸的大小，显示在页面上。 效果如下： 1. 使用js方式 正常我们的做法是使用js处理，这很简单。 如下所示： 如果只是这样，那就...

终于明白为什么大公司的前端程序员放着公司免费提供的webstorm不用，反而都用vscode。大概在编程领域，收费的并不一定就是最好的吧！...

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！...

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现...

BMM，一款开源的书签管理系统，抛弃了传统的”分类+标签"管理模式，转而采用完全基于标签关联的信息组织系统，助你更高效的收纳、分享、探索优质网站。...

无论使用哪种编程语言，循环都是一种内置功能。JavaScript 也不例外，它提供了多种实现循环的方法，偶尔会给开发人员带来困惑：哪一种循环才是最快的？ 以下是Javasc...

先简单总结一下，优化Webpack打包可以通过多种方式来提高性能和减小文件大小。以下是一些常见的优化技巧： 代码分割（Code Splitting）：将代码拆分成多个小块，...