发布

Cell的前端专栏

主要是前端技术总结和分享, 原文点击 https://lruihao.cn
专栏成员
201
文章
194171
阅读量
27
订阅数
CSS Flexbox 布局指南
本指南完整解释了弹性盒子(Flexible Box)的所有内容,重点介绍了父元素(弹性容器)和子元素(弹性项目)的所有不同可能属性。
Cell
2025-01-21
2250
震惊!CSS 竟然能获取视口尺寸?
在这篇文章中,我们将探讨如何使用 CSS 获取视口尺寸,并展示一个简单的实现示例。
Cell
2024-12-07
1860
自动获取 GitHub README 内容添加到 Hugo 文章
在这个博客中,我经常会写一些关于开源项目的文章,而这些开源项目通常都是托管在 GitHub 上的。为了方便内容同步,我希望能够自动获取 GitHub 仓库的 README 内容,然后添加到 Hugo 文章中。这样,我就不用再手动复制粘贴 README 内容了。
Cell
2024-11-21
730
现代 CSS 解决方案:CSS 四舍五入数值单位
本文将介绍另外一个非常实用的 CSS 数学函数 - round() 及其实际应用场景。
Cell
2024-11-21
1020
现代 CSS 解决方案之异形元素怎么设置阴影?
之前给博客头部设置了一个 异形元素,当时给它父元素设置了如下 box-shadow:
Cell
2024-11-21
1050
CSS 实现时间轴、背景图 Loading 和渐变边框
本文将通过一个实际应用场景,展示如何使用现代 CSS 实现时间轴、背景图 loading 效果、渐变边框等效果。
Cell
2024-11-21
1640
Git 统计代码量
Cell
2024-11-21
1880
【现代 CSS】标准滚动条控制规范
使用 scrollbar-width 和 scrollbar-color 属性设置滚动条的样式。
Cell
2024-06-29
3440
如何实现 VSCode 编辑器窗口边界拖拽类似功能
边界拖拽调整窗口大小功能是一个很常见的功能,比如浏览器、编辑器等很多场景都有应用,这种功能不仅提高了用户体验,也增强了应用的灵活性。
Cell
2024-06-18
2950
架构之基:从根儿上了解设计原则
本文节选自 奔波儿灞取经 的《程序员的必修课》,文中的“我”指原作者奔波儿灞取经。
Cell
2024-06-09
1260
怎么生成暗黑模式和明亮模式的 SVG 图片?
在做博客顶部栏下落奶油图的时候,就在想怎么适配暗黑模式和明亮模式呢?本文将记录两个思路。
Cell
2024-06-07
1550
利用 Vercel 反代 Gravatar 实现镜像加速
在开发和部署网站时,经常会遇到加载外部资源较慢的问题。其中之一就是加载 Gravatar 头像图片时可能会受到网络延迟的影响。为了解决这个问题,我们可以利用 Vercel 平台的反向代理功能来实现镜像加速。
Cell
2024-04-18
3610
临时决定再写一个小工具 - 网站预览图生成器
开发完 CoverView之后,在调整博客文章封面图的时候,我发现首页的多端缩略图还是只能自己 P 图诶,于是我又决定再写一个小工具,用来生成网站预览图。。
Cell
2024-04-05
2760
实现类似于 Element UI 表格的溢出文本提示功能
在 Element UI 的表格组件中,当表格列的内容过长时,设置 show-overflow-tooltip 会自动显示一个 tooltip 来展示完整的内容。这个功能在实际项目中也是非常常见的,那么我们该如何实现这个功能呢?
Cell
2024-03-01
3710
聊聊 Chrome 新增的 sizes="auto" 属性
起因是网友给 FixIt 提了一个 issue hugo-fixit/FixIt#411,说图片比例异常,我一回想,最近没动过图片的代码,于是用 Safari 和 Edge 试了一下,发现没问题,那么基本可以确定是 Chrome 新版的问题了。
Cell
2024-02-22
1650
记一次 Debug 第三方包的过程
在完成一个 code diff 需求时,发现所使用的插件不足以完成预期的需求。当然最终还是顺利完成了,详见 code diff demo。
Cell
2024-01-19
2110
为什么很多教程中都有 foo bar?
foo 和 bar 是在编程中常用的元变量(metasyntactic variables),它们是在教程和示例代码中用来代表任意的函数或者变量的名称。类似的元变量还有 baz,qux,quux,corge,grault,garply,waldo,fred,plugh,xyzzy 和 thud 等。
Cell
2024-01-18
9050
给 el-card 添加折叠功能
虽然 Element 也有 el-collapse 组件,但是当我只想写一个折叠面板时,它的写法就略显繁琐了,el-card 组件的样式也更符合我的需求,所以我就想着给 el-card 添加折叠功能。
Cell
2024-01-11
1.1K0
用 Node.js 开发一个轻量脚手架
本文将介绍如何用 Node.js 开发一个轻量脚手架,以 fixit-cli 为例。
Cell
2023-11-30
2760
SSH 提交签名验证
HDFS采用master/slave架构。一个HDFS集群是由一个Namenode和一定数目的Datanodes组成。 Namenode是一个中心服务器,负责管理文件系统的名字空间(namespace)以及客户端对文件的访问。 集群中的Datanode一般是一个节点一个,负责管理它所在节点上的存储。 HDFS暴露了文件系统的名字空间,用户能够以文件的形式在上面存储数据。 从内部看,一个文件其实被分成一个或多个数据块,这些块存储在一组Datanode上。 Namenode执行文件系统的名字空间操作,比如打开、关闭、重命名文件或目录。它也负责确定数据块到具体Datanode节点的映射。 Datanode负责处理文件系统客户端的读写请求。在Namenode的统一调度下进行数据块的创建、删除和复制。
Cell
2023-10-23
1830
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档