夏影の博客

随着 Web 国际化需求的增加，如何优雅地支持 RTL（从右到左书写）语言，成为了前端工程中的重要议题。CSS 逻辑属性（Logical Properties）作为现代化的解决方案，正在成为主流趋势。本文将重点探讨 CSS 逻辑属性的使用，以及如何通过 postcss-logical-polyfill 插件实现完美的兼容性支持。

CSS 逻辑属性：现代 RTL 的首选方案

CSS 逻辑属性是 CS...

前几天心血来潮, 想把日常记录的一些技术笔记在博客中发表出来. 但由于长时间没有维护博客, 之前的 Hexo 博客已经无法正常运行了. 于是, 我决定将博客从 Hexo 迁移到 Astro.

前端技术一直在升级迭代, 包括框架和库本身、新的技术出现(比如心的js运行时环境)、旧的技术淘汰. 前端项目一般会使用包管理工具以及lock文件来保证项目在不同环境中使用可以运行(包括技术迭代升级), 但...

有两年没更新博客了, 坚持做一件事情真的很需要毅力. 随缘更新, 对最近学到看到的技术相关的内容做一些记录.

Typescript 将字符串枚举转换为字符串联合类型

参考: https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum

更新yarn.lock 中的依赖版本...

距离上一篇issue 已经快两月时间, 断更也主要是因为工作太忙. 由于工作忙碌, 业余也不再有啥有意思的个人项目了. 果然, 摸鱼才是第一创造力🤪

低代码的下一阶段：元编程

当前各家低码平台(这里讨论的是lowcode 非 nocode )技术上一般是使用结构由结构化json描述用户通过可视化编辑产生的应用, 然后再通过编译或者运行时动态将json转换成可执行代码, 这种方式技术门槛低, 生...

因日常工作忙碌、个人时间太少, 故我将日常工作遇到的问题、上网学到的知识记录下来, 形成下面这样技术类的笔记, 希望能通过这种方式, 能每周能有所记录分享.

开发问题

在 Nodejs 中发起HTTP请求遇到 unable to verify the first certificate错误

近期有用户反馈： 同一个API接口，在浏览器、安卓客户端、iOS客户端、小程序里都能正常调用，但是在Node...

去年五月我写了一篇博客 博客重启更新, 写完没多久, 工作就开始忙起来, 累成狗. 然后再没过多久, 我又换了一份工作(换工作部分原因也是因为原来工作太累), 来到了一个大厂. 万万没想到的是, 大厂更累, 博客也就再次停更, 一年后的现在身体才慢慢适应过来.

现在, 我将再次启用博客, 不定期更新内容, 记录自己的日常及学习心得, 锻炼自己的书写能力, 也磨砺自己的思维. 文章将依旧以短文为主,...

近期对 综合搜索 网站改版后(简化了版面、增加了动态背景图), 又做了两处和颜色相关的优化.

主题色 Theme-color

最新的 Safari 15 已经支持了 Theme-color 特性, 可以用于设置浏览器顶部的地址栏颜色, 使地址栏和网站看起来浑然一体. 于是我又开始折腾起来.

综合搜索 已经使用了 Pexels 提供的免费API来获取背景图片, 并且会定时更新, 我希望主题色能根据背...

最近浏览 product hunt 时, 发现一个有趣的网站 color copy paste: 在首页的图片上, 可以直接点击取色. 这又勾起了我的好奇心: 在网页上如何取到图片像素点的颜色呢?

一番搜索后, 发现了一个神奇的API: Canvas 的 context.getImageData(x, y, width, height) 可用于获取图片的像素信息:

由上述例子可见, 一个像素点由...

最近开发小软件的时候, 发现两个有意思的问题:

1. 如何让时间表示形式 aa:bb 中的 : 垂直居中显示
2. 在一个300px的容器中显示10个字符, 如何设置字体大小, 使得字体正好填满容器空间

连字

针对第一个问题, 很容想到的就是使用自定义元素绘制两个垂直居中的点, 但是略显麻烦, 且不能利用字体的特性(大小/颜色/行高等). 于是还是想通过字符实现, 因为在 unicode 中有大量字符, ...

最近女友使用百度云盘观看学习视频时, 觉得讲师语速太慢, 想调快速度, 然而调速是会员功能. 为了这么一个简单的功能而购买高昂的会员服务, 显然不值得(当然也可以把视频下载下来再用本地播放器倍速, 但又不够方便), 故我做了一番尝试, 最终通过技术手段达成了女友的功能要求. 本文仅做技术研究, 无它, 若有侵犯任何人的权益, 请通过关于页面中的联系方式联系我处理.

当代浏览器已经禁用了 Flash...