首页
学习
活动
专区
工具
TVP
发布

Cell的前端专栏

主要是前端技术总结和分享, 原文点击 https://lruihao.cn
专栏成员
194
文章
177589
阅读量
27
订阅数
【现代 CSS】标准滚动条控制规范
使用 scrollbar-width 和 scrollbar-color 属性设置滚动条的样式。
Cell
2024-06-29
1280
如何实现 VSCode 编辑器窗口边界拖拽类似功能
边界拖拽调整窗口大小功能是一个很常见的功能,比如浏览器、编辑器等很多场景都有应用,这种功能不仅提高了用户体验,也增强了应用的灵活性。
Cell
2024-06-18
900
架构之基:从根儿上了解设计原则
本文节选自 奔波儿灞取经 的《程序员的必修课》,文中的“我”指原作者奔波儿灞取经。
Cell
2024-06-09
930
怎么生成暗黑模式和明亮模式的 SVG 图片?
在做博客顶部栏下落奶油图的时候,就在想怎么适配暗黑模式和明亮模式呢?本文将记录两个思路。
Cell
2024-06-07
850
利用 Vercel 反代 Gravatar 实现镜像加速
在开发和部署网站时,经常会遇到加载外部资源较慢的问题。其中之一就是加载 Gravatar 头像图片时可能会受到网络延迟的影响。为了解决这个问题,我们可以利用 Vercel 平台的反向代理功能来实现镜像加速。
Cell
2024-04-18
1800
临时决定再写一个小工具 - 网站预览图生成器
开发完 CoverView之后,在调整博客文章封面图的时候,我发现首页的多端缩略图还是只能自己 P 图诶,于是我又决定再写一个小工具,用来生成网站预览图。。
Cell
2024-04-05
1130
实现类似于 Element UI 表格的溢出文本提示功能
在 Element UI 的表格组件中,当表格列的内容过长时,设置 show-overflow-tooltip 会自动显示一个 tooltip 来展示完整的内容。这个功能在实际项目中也是非常常见的,那么我们该如何实现这个功能呢?
Cell
2024-03-01
1320
聊聊 Chrome 新增的 sizes="auto" 属性
起因是网友给 FixIt 提了一个 issue hugo-fixit/FixIt#411,说图片比例异常,我一回想,最近没动过图片的代码,于是用 Safari 和 Edge 试了一下,发现没问题,那么基本可以确定是 Chrome 新版的问题了。
Cell
2024-02-22
1040
记一次 Debug 第三方包的过程
在完成一个 code diff 需求时,发现所使用的插件不足以完成预期的需求。当然最终还是顺利完成了,详见 code diff demo。
Cell
2024-01-19
1490
为什么很多教程中都有 foo bar?
foo 和 bar 是在编程中常用的元变量(metasyntactic variables),它们是在教程和示例代码中用来代表任意的函数或者变量的名称。类似的元变量还有 baz,qux,quux,corge,grault,garply,waldo,fred,plugh,xyzzy 和 thud 等。
Cell
2024-01-18
2420
给 el-card 添加折叠功能
虽然 Element 也有 el-collapse 组件,但是当我只想写一个折叠面板时,它的写法就略显繁琐了,el-card 组件的样式也更符合我的需求,所以我就想着给 el-card 添加折叠功能。
Cell
2024-01-11
6230
用 Node.js 开发一个轻量脚手架
本文将介绍如何用 Node.js 开发一个轻量脚手架,以 fixit-cli 为例。
Cell
2023-11-30
2350
SSH 提交签名验证
HDFS采用master/slave架构。一个HDFS集群是由一个Namenode和一定数目的Datanodes组成。 Namenode是一个中心服务器,负责管理文件系统的名字空间(namespace)以及客户端对文件的访问。 集群中的Datanode一般是一个节点一个,负责管理它所在节点上的存储。 HDFS暴露了文件系统的名字空间,用户能够以文件的形式在上面存储数据。 从内部看,一个文件其实被分成一个或多个数据块,这些块存储在一组Datanode上。 Namenode执行文件系统的名字空间操作,比如打开、关闭、重命名文件或目录。它也负责确定数据块到具体Datanode节点的映射。 Datanode负责处理文件系统客户端的读写请求。在Namenode的统一调度下进行数据块的创建、删除和复制。
Cell
2023-10-23
1520
拖拽式仪表盘系列总结
当今,仪表盘已成为许多应用程序和软件界面中常见的设计元素。它们提供了一种直观且用户友好的方式来呈现和操作数据。无论是在数据分析、业务管理还是可视化报告等领域,拖拽式仪表盘都能为用户提供灵活性和个性化的体验。
Cell
2023-10-19
2580
拖拽式仪表盘 - 模板使用
Cell
2023-10-19
1440
拖拽式仪表盘 - 组件开发
可以看出仪表盘组件和一个普通的 Vue 组件并没有太大区别,只是多了一个 widget 配置对象,该对象用于在组件列表中显示组件名称和图标,以及配置组件的默认参数、宽高等信息。代码中备注已经写得很清楚了,这里就不再赘述。
Cell
2023-10-19
1760
拖拽式仪表盘 - 功能需求分析
仪表盘(dashboard)作为一种直观、灵活的数据可视化工具,正在越来越多地应用于各种领域,帮助用户实时监控和分析数据。常见于各类数据分析平台、数据可视化平台、数据大屏等场景。
Cell
2023-10-19
2140
如何给 npm 包打补丁?
今天鬼事神差想起去年写的一段 dirty hack 代码,当时是在 vue-minder-editor-extended 这个项目为了解决百度开源的 @7polo/kityminder-core npm 包的 bug,但是百度早在 17-18 年就停止更新了,我又不想自己 fork 一份源码然后重新发包,于是当时直接从 node_modules 里面复制出了打包后的源码进行修改,然后放到了项目中 src/script/patch/kityminder.core.js,并因修改了引入:
Cell
2023-10-19
2160
写作技巧:如何搭建文章的框架结构?
最近读了张鑫旭大佬的掘金小册《技术写作指南》,学到了很多写作技巧,其中感触最深的就是“技巧:如何搭建文章的框架结构”这一小节,这篇文章就来分享一下。
Cell
2023-10-08
2250
封装 Vue FullScreenToggler 组件
vue-fullscreen 是一个用于将任意页面元素进行全屏切换的 Vue 插件,基于 screenfull。这个插件本身提供了组件、指令以及 API 三种使用方式,具体的使用方法请参考 vue-fullscreen。
Cell
2023-09-18
3240
点击加载更多
社区活动
AI代码助手快速上手训练营
鹅厂大牛带你玩转AI智能结对编程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档