详情

全站展示位

CSS 文本溢出 Clip 不裁切半个字符

最近同事问我,CSS 能不能实现文本溢出截断,但是不要把单个字符截断。一般我们会用 text-overflow: clip; overflow: hidden 去实现这个。但是很多情况下都会出现这样的情况。 后面的字被截断了 我想了一下,好像不太行,要是我就用 JS 去算宽度,之后再去判断应该显。。。

推荐

年终更新小记

记录 9月 至 12月 此网站的更新内容。 前端 增加了日记音乐自动播放 利用 Socket 实时更新文章的最新内容 利用 Socket 实时更新当前文章的评论 其他优化 后端 增加了 GraphQL 的支持 其他 Bug 修复

php获取最新github仓库

前天,我在写后端的时候,需要获取到最新的github个人仓库,然后我去搜索了一下,发现github有提供api,格式为; 后面的参数根据自己需要可以修

CSS 文本溢出 Clip 不裁切半个字符

最近同事问我,CSS 能不能实现文本溢出截断,但是不要把单个字符截断。一般我们会用 text-overflow: clip; overflow: hidden 去实现这个。但是很多情况下都会出现这样的情况。 后面的字被截断了 我想了一下,好像不太行,要是我就用 JS 去算宽度,之后再去判断应该显

2022.11 购入 PS5,记录玩过的游戏。 喜欢的类型: 漫威蜘蛛侠(主线通) 蜘蛛侠:迈尔斯·莫拉雷斯(主线通) ASTRO's PLAYROOM 地平线零之曙光 死亡搁浅(主线通) 对马岛

心灵鸡汤

每当我有压力的时候,就是进步的开始!

列表展示

主站展示位

跨仓库全自动构建项目并部署到服务器

最近,Vercel 又又对价格进行了调整,让 Hobby 越来越不够用了,所以放弃了使用 Vercel,转向私有服务器部署 Next.js 项目。 对于私有服务器的部署体验是非常不友好的。第一,没有 Vercel 这样的全自动部署,也不能及时回滚。第二,Next.js 项目构建需要非常大的内存和

瓶颈与迷茫

工作两年了,能力好像没什么长进。 还在在校期间,有非常多的时间去探索方向,学习实用的感兴趣的东西,而我在那时学了 Vue,靠着这个得到了第一份实习的工作,然后在职期间学习了 React 和 Next.js。而我到现在技术水平一直停滞在那会,即便是过去了这么久,我依然只会这些技术栈。我使用过很多框架

自渡

最近失业了。 因为突然的打击导致抑郁症复发了。 记得初三的时候也经历过一次,那个时候因为非个人意愿被换了一个班,在压力最大的一学期换到了一个完全陌生的环境,压力和绝望,我记得那段时间我每天都哭,好几次有过自杀的念头,脑中无数次开始回顾种种过往,虽然那个时候没有去医院看,也不知道抑郁症是什么,在家

在 Nest.js 中使用 Auth.js

Auth.js 是一个可以非常方便接入 OAuth 的一个身份验证库。他起初是为 Next.js 而设计。如今官方以为其供一些常用框架的集成,但是不幸的是,并没有 Nest.js 的官方支持。 这篇文章将从零开始构造一个适用于 Nest.js 的 AuthModule。那我们开始吧。 准备 我

从 hexo 转移到 Typecho

最近想从hexo转移到typecho,但是typecho是没有一键导入md文章,手动导入又很烦,怎么办呢。于是我就想用 Python 来写一个自动解析md导入typecho的脚本。 于是就开始编码了,首先是用正则表达式提取,hexo的md头部是YAML格式的,只要解析 title date t

使用iPic快捷使用微博图床

图床是什么 图床一般是指储存图片的服务器,有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。 参见: {% post_link 使用sm-ms图床-为GP节省空间 图床是什么 %} iPic是什么 有了图床神器

使用图床,为GP节省空间

图床是什么 图床一般是指储存图片的服务器,有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。 使用图床 sm.ms是一个比较好的免费图床. 这里我以上传到 / 这个图床做为说明,它的

建立 GitLab 私人仓库

今天注册了一个 DigitalOcean 账号,首充5刀返了50刀,但是只有1个月的期限。闲着也是闲着,我就开了一台 $20/mo 的机子耍耍。配置是 4G RAM,2 core CPU,40G SSD。用来建私人 GitLab 正好。 安装过程 官网讲的很详细了,跟着步骤走就行了。http

虚拟列表中的选区操作

在某些长列表场景中,为了优化渲染性能,一般会采用虚拟列表,虚拟列表会将超过一定可视范围的 DOM 节点移除通过 padding 或者绝对定位去填充高度。 在被移除的节点上,是无法应用选区的。假设现在有场景我们需要一个长列表中的复制文本的需求,为了性能又要兼顾使用虚拟列表。此时我们使用原生选区滚动超

Typecho 主题开启 Ajax 加载更多文章

前言 无意间想到给日记页加一个 Ajax 来请求更多日记,网上搜了一圈基本都是在 index.php 文件头加入判断实现的,问题是这个主题 index.php 不进行文章输出,所以是不可行的。我需要在 page-note.php 进行操作。 过程略微繁琐。 Ajax 请求地址也是当前页面

LeetCode 刷题第二天

判断回文数 题目描述 ` Determine whether an integer is a palindrome. An integer is a palindrome when it reads the same backward as forward. ` 简要描述 判断回

Typecho 主题开启 Pjax 后评论出现的问题解决方案

问题复现 在开启 Pjax 后,一般会重载一个主容器,而不会重载 Head 标签,问题是 Typecho 的评论脚本在 Head 里,如下图。 注意,红色框标注,可以看出这段脚本是根据当前页的 cid 来判断评论框所在位置。 这里补充一下,在回复评论的时候 Typecho 的评

Vue 多级菜单的实现

最近开发后台,因为不想使用 ElementUI 和其他现成的 UI 框架,于是决定自己做。 碰到的第一个难题就是多级菜单。 因为之前没做过,第一次做起来还是有点难的,最后实现的效果是这样。注意看地址栏。 难题一 CSS 的实现 多级菜单的收缩,展开都是使用 CSS 控制,所以要配合 Vue

说说最近在做的小玩意

转眼间,快到年底了,临近期末之际,节奏也变得匆忙起来。将近一个多月的开发,我终于将一个月前突发奇想的一瞬做的差不多了。 它会是那种类似推文和说说,但是它只属于自己。 从最初的一个小小前端,仅仅是在尝试着去还原一些比较好看的设计稿,也算是锻炼自己开发而去做的,开始仅仅只是做了一个界面,甚至也不知

迁移开发环境到Windows

前言 此前一直使用macOS,由于mac有着良好的开发生态,以及软件生态.所以它是部署开发环境是极佳的操作系统.最近由于某些原因需要使用Windows.众所周知,Windows在这方面远不如mac/Linux.虽然这是硬伤,但怎么样才能让他变得更好用一些.那么WSL功不可没. 安装Ubuntu

一次构建多处部署Next.js Runtime Env

我们一般通过控制 env 的方式去做到 "Build once, deploy many" 哲学。但是在 Next.js 中,环境变量分为两种,一个种是可被用于 Client 侧的 NEXT_PUBLIC_ 开头的环境变量,另一个种是只能被用于 Server 侧的环境变量。前者会在 Next.js

博客寄语:

    致虚极,守静笃。

实时播报:

博客号-学习成长

相信每一分耕耘都有每一分收获,致力帮助博客主所创作的博客能更快的被收录! 如果有其它需求,可联系下方邮箱。