【现代 CSS】标准滚动条控制规范

使用 scrollbar-width 和 scrollbar-color 属性设置滚动条的样式。

如何实现 VSCode 编辑器窗口边界拖拽类似功能

边界拖拽调整窗口大小功能是一个很常见的功能，比如浏览器、编辑器等很多场景都有应用，这种功能不仅提高了用户体验，也增强了应用的灵活性。

架构之基：从根儿上了解设计原则

本文节选自 奔波儿灞取经 的《程序员的必修课》，文中的“我”指原作者奔波儿灞取经。

怎么生成暗黑模式和明亮模式的 SVG 图片？

在做博客顶部栏下落奶油图的时候，就在想怎么适配暗黑模式和明亮模式呢？本文将记录两个思路。

利用 Vercel 反代 Gravatar 实现镜像加速

在开发和部署网站时，经常会遇到加载外部资源较慢的问题。其中之一就是加载 Gravatar 头像图片时可能会受到网络延迟的影响。为了解决这个问题，我们可以利用 V...

临时决定再写一个小工具 - 网站预览图生成器

开发完 CoverView之后，在调整博客文章封面图的时候，我发现首页的多端缩略图还是只能自己 P 图诶，于是我又决定再写一个小工具，用来生成网站预览图。。

实现类似于 Element UI 表格的溢出文本提示功能

在 Element UI 的表格组件中，当表格列的内容过长时，设置 show-overflow-tooltip 会自动显示一个 tooltip 来展示完整的内容...

聊聊 Chrome 新增的 sizes="auto" 属性

起因是网友给 FixIt 提了一个 issue hugo-fixit/FixIt#411，说图片比例异常，我一回想，最近没动过图片的代码，于是用 Safari ...

记一次 Debug 第三方包的过程

在完成一个 code diff 需求时，发现所使用的插件不足以完成预期的需求。当然最终还是顺利完成了，详见 code diff demo。

为什么很多教程中都有 foo bar？

foo 和 bar 是在编程中常用的元变量（metasyntactic variables），它们是在教程和示例代码中用来代表任意的函数或者变量的名称。类似的元...

给 el-card 添加折叠功能

虽然 Element 也有 el-collapse 组件，但是当我只想写一个折叠面板时，它的写法就略显繁琐了，el-card 组件的样式也更符合我的需求，所以我...

用 Node.js 开发一个轻量脚手架

本文将介绍如何用 Node.js 开发一个轻量脚手架，以 fixit-cli 为例。

SSH 提交签名验证

HDFS采用master/slave架构。一个HDFS集群是由一个Namenode和一定数目的Datanodes组成。 Namenode是一个中心服务器，负责...

拖拽式仪表盘系列总结

当今，仪表盘已成为许多应用程序和软件界面中常见的设计元素。它们提供了一种直观且用户友好的方式来呈现和操作数据。无论是在数据分析、业务管理还是可视化报告等领域，拖...

拖拽式仪表盘 - 模板使用

拖拽式仪表盘 - 组件开发

可以看出仪表盘组件和一个普通的 Vue 组件并没有太大区别，只是多了一个 widget 配置对象，该对象用于在组件列表中显示组件名称和图标，以及配置组件的默认参...

拖拽式仪表盘 - 功能需求分析

仪表盘（dashboard）作为一种直观、灵活的数据可视化工具，正在越来越多地应用于各种领域，帮助用户实时监控和分析数据。常见于各类数据分析平台、数据可视化平台...

如何给 npm 包打补丁？

今天鬼事神差想起去年写的一段 dirty hack 代码，当时是在 vue-minder-editor-extended 这个项目为了解决百度开源的 @7pol...

写作技巧：如何搭建文章的框架结构？

最近读了张鑫旭大佬的掘金小册《技术写作指南》，学到了很多写作技巧，其中感触最深的就是“技巧：如何搭建文章的框架结构”这一小节，这篇文章就来分享一下。

封装 Vue FullScreenToggler 组件

vue-fullscreen 是一个用于将任意页面元素进行全屏切换的 Vue 插件，基于 screenfull。这个插件本身提供了组件、指令以及 API 三种使...