2022.02.26
TypeScript 如何从数组元素的值中定义 Union Type
本文处理下面这个 TypeScript 开发场景:
有一个配置(configs)数组,数组中每一项都是一个对象,我希望定义一个 Type,是由数组中的每个对象中的某个属性值组成的联合类型(union type)。
这是一个 config...
2021.05.02
CSS 超出文本显示省略号与检测截断方法
遇到了一个需求:一段文本为文件名,当触发超出文本时,显示后缀在最后。即[我是一个名字很长的....pdf] 如何实现呢?
2021.04.25
两个 git clone 小技巧
`-b develop --single-branch` 和 `--depth=1`
2020.12.03
CSS `grid-template-rows: masonry` 轻松实现原生瀑布流布局
🌠 CSS 新属性 grid-template-rows: masonry 轻松实现瀑布流布局,CSS 越来越强大了!(目前在 FirefoxNightly 可用)
💡 小技巧:你可以用 @supports 来写面向未来的 CSS,当...
2020.11.25
Markdown 小技巧
当文章中充满大量的链接使用时,会使源文本不易阅读,链接地址过长时尤为明显。此时可以使用键或引用来设置链接地址
# Bad ❌
使用 [Gridea][https://gridea.dev] 之后,你会惊叹:可以,写博客的那个劲儿又回来了!
...
2020.10.22
教程:Git config 配置多用户信息
你在编程时有没有遇到在一台电脑使用两个文件夹,一个放工作项目,另一个放个人项目的场景呢?如果有,并且很多的话,那么是否有遇到提交到公司的 commit 用户是自己的个人邮箱或者相反呢?下面这个技巧就来帮你解决这个问题!
假设你使用 Mac,...
2020.07.14
用 CSS 控制 SVG 动画
SVG 有很多好处,诸如良好的缩放支持,不用担心屏幕像素密度;较小的文件大小(当然这取决于绘制图像的路径复杂度);可以使用 CSS 控制 SVG(这点很重要,我们将在此篇文章中利用它)等等。
我们知道 SVG 应用于 icon 是一个典型的...
2020.07.03
巧用 CSS 检查 HTML
在 Twitter 中看到了一些使用 CSS 检查 HTML 的例子,用这篇文章整理了一些典型的案例,如果你基于此有更多的灵感,欢迎分享。
同时,我在这里准备了一个 DEMO 页面,可结合文章进行查看。
不安全的 target=_blank...