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

Cell的前端专栏

主要是前端技术总结和分享, 原文点击 https://lruihao.cn
专栏作者
190
文章
170530
阅读量
27
订阅数
利用 Vercel 反代 Gravatar 实现镜像加速
在开发和部署网站时,经常会遇到加载外部资源较慢的问题。其中之一就是加载 Gravatar 头像图片时可能会受到网络延迟的影响。为了解决这个问题,我们可以利用 Vercel 平台的反向代理功能来实现镜像加速。
Cell
2024-04-18
1040
临时决定再写一个小工具 - 网站预览图生成器
开发完 CoverView之后,在调整博客文章封面图的时候,我发现首页的多端缩略图还是只能自己 P 图诶,于是我又决定再写一个小工具,用来生成网站预览图。。
Cell
2024-04-05
820
实现类似于 Element UI 表格的溢出文本提示功能
在 Element UI 的表格组件中,当表格列的内容过长时,设置 show-overflow-tooltip 会自动显示一个 tooltip 来展示完整的内容。这个功能在实际项目中也是非常常见的,那么我们该如何实现这个功能呢?
Cell
2024-03-01
980
聊聊 Chrome 新增的 sizes="auto" 属性
起因是网友给 FixIt 提了一个 issue hugo-fixit/FixIt#411,说图片比例异常,我一回想,最近没动过图片的代码,于是用 Safari 和 Edge 试了一下,发现没问题,那么基本可以确定是 Chrome 新版的问题了。
Cell
2024-02-22
840
记一次 Debug 第三方包的过程
在完成一个 code diff 需求时,发现所使用的插件不足以完成预期的需求。当然最终还是顺利完成了,详见 code diff demo。
Cell
2024-01-19
1260
为什么很多教程中都有 foo bar?
foo 和 bar 是在编程中常用的元变量(metasyntactic variables),它们是在教程和示例代码中用来代表任意的函数或者变量的名称。类似的元变量还有 baz,qux,quux,corge,grault,garply,waldo,fred,plugh,xyzzy 和 thud 等。
Cell
2024-01-18
1460
给 el-card 添加折叠功能
虽然 Element 也有 el-collapse 组件,但是当我只想写一个折叠面板时,它的写法就略显繁琐了,el-card 组件的样式也更符合我的需求,所以我就想着给 el-card 添加折叠功能。
Cell
2024-01-11
3520
用 Node.js 开发一个轻量脚手架
本文将介绍如何用 Node.js 开发一个轻量脚手架,以 fixit-cli 为例。
Cell
2023-11-30
1860
SSH 提交签名验证
HDFS采用master/slave架构。一个HDFS集群是由一个Namenode和一定数目的Datanodes组成。 Namenode是一个中心服务器,负责管理文件系统的名字空间(namespace)以及客户端对文件的访问。 集群中的Datanode一般是一个节点一个,负责管理它所在节点上的存储。 HDFS暴露了文件系统的名字空间,用户能够以文件的形式在上面存储数据。 从内部看,一个文件其实被分成一个或多个数据块,这些块存储在一组Datanode上。 Namenode执行文件系统的名字空间操作,比如打开、关闭、重命名文件或目录。它也负责确定数据块到具体Datanode节点的映射。 Datanode负责处理文件系统客户端的读写请求。在Namenode的统一调度下进行数据块的创建、删除和复制。
Cell
2023-10-23
1360
拖拽式仪表盘系列总结
当今,仪表盘已成为许多应用程序和软件界面中常见的设计元素。它们提供了一种直观且用户友好的方式来呈现和操作数据。无论是在数据分析、业务管理还是可视化报告等领域,拖拽式仪表盘都能为用户提供灵活性和个性化的体验。
Cell
2023-10-19
2290
拖拽式仪表盘 - 模板使用
Cell
2023-10-19
1260
拖拽式仪表盘 - 组件开发
可以看出仪表盘组件和一个普通的 Vue 组件并没有太大区别,只是多了一个 widget 配置对象,该对象用于在组件列表中显示组件名称和图标,以及配置组件的默认参数、宽高等信息。代码中备注已经写得很清楚了,这里就不再赘述。
Cell
2023-10-19
1600
拖拽式仪表盘 - 功能需求分析
仪表盘(dashboard)作为一种直观、灵活的数据可视化工具,正在越来越多地应用于各种领域,帮助用户实时监控和分析数据。常见于各类数据分析平台、数据可视化平台、数据大屏等场景。
Cell
2023-10-19
1730
如何给 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
1860
写作技巧:如何搭建文章的框架结构?
最近读了张鑫旭大佬的掘金小册《技术写作指南》,学到了很多写作技巧,其中感触最深的就是“技巧:如何搭建文章的框架结构”这一小节,这篇文章就来分享一下。
Cell
2023-10-08
1610
封装 Vue FullScreenToggler 组件
vue-fullscreen 是一个用于将任意页面元素进行全屏切换的 Vue 插件,基于 screenfull。这个插件本身提供了组件、指令以及 API 三种使用方式,具体的使用方法请参考 vue-fullscreen。
Cell
2023-09-18
2450
JS 实现全屏和退出全屏
在 Web 开发中,全屏模式可以提供更沉浸式的体验,特别适用于视频播放、游戏展示和演示等场景。通过 JavaScript 的 Fullscreen API,我们可以以编程方式控制元素的全屏状态。
Cell
2023-09-16
2.1K0
中文翻译的常见问题
除了代码中使用的符号以及一些特殊情况外,请将英文(半角)符号替换成中文(大部分为全角)符号。
Cell
2023-09-16
1540
VSCode 添加用户代码片段,自定义用户代码片段
在使用 VScode 开发中经常会有一些重复使用的代码块,复制粘贴也很麻烦,这时可以在 VScode 中添加用户代码片段,输入简写即可快捷输入。
Cell
2023-09-15
4230
在 Vue 项目中更优雅的使用 icon
在 Web 开发中,我们经常会用到 icon,icon 的使用经历了从图片到字体,再到 svg 的演变过程,也产生出相应的 icon 库,如雪碧图、Font Awesome、Iconfont 等等。
Cell
2023-09-15
3420
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档