学非探其花 最近在处理一个项目的时候发现在某部 iPhone 的 Safari 上有页面无法正常访问，报错提示 Object.hasOwn 方法不存在。这基本上就是兼容性问题了，看了一下 iOS 的版本是 14.6，再一查 Object.hasOwn 在 iOS 上是从 15.4 才开始支持的。处理方案要么是把用了 hasOwn 的地方改掉（因为 Object.hasOwn 的平替方法很多，也不存在什么改的成本问题），要么就是在打包的地方配置兼容处理。如果兼容处理简单肯定是优先进行兼容处理，毕竟碰到不兼容的就改写起来也太折腾了。
最近在处理移动端页面的时候发现一个场景，当下拉框里面选项比较多出现了滚动条，同时页面也出现滚动条的情况下，在使用的时候两个滚动经常发生错乱，使用上非常不方便，本以为是个不好解决的问题，实际是有简单的解决方案来提升使用体验。
在这个很多功能使用都要求 HTTPS 的浏览器环境下，一般站点使用 Caddy 配置代理真的很方便，不需要申请再手动配置 SSL 证书，更不需要考虑定期更新证书以免忘记更新导致站点访问报错。如果是想要了解怎么使用可以参考
Caddy is the first and only web server to use HTTPS automatically and by default.
Caddy 默认情况下会给所有的站点配置 HTTPS，对本地地址使用的是自签名的证书，对公共 DNS 解析的域名使用 ACME CA（目前是 Let's Encrypt
# 为什么需要
在写一个简单页面的时候可能就是直接写 CSS 来处理样式，如果页面比较多还很复杂的话直接使用原生的 CSS 相对来说就比较麻烦了，所以就有使用 Less、Sass 等预处理器方案来处理诸如嵌套以及变量等问题。 但是预处理器最终生成的 CSS 文件和直接写的 CSS 没有区别，只是对过程更加友好。所以还是有一些比较明显的问题不是很好解决：
X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建流程图、DAG 图、ER 图等图应用。
在 X6 文档的图表示例中有一个 ER 图
一个完整项目，通常都需要跟服务器进行异步的数据交互。在 React 的项目实践中，发现数据请求经历过一系列有意思的变化。
# 现象
在使用 React 18 开发应用的时候发现了一个问题就是在 useEffect 的 deps 为 [] 的情况下，里面的内容居然执行了两边。在之前的版本中可不是这么个现象，React18 之前这种情况下应该只会执行一次才是。
今天看到一个介绍在旧安卓手机上搭建 Web 服务器的文章，其中提到的 Termux 感觉挺有意思的，去尝试一把感觉还可以的。
Termux
是一款 Android 终端模拟器和 Linux 环境运用程序，无需 root，安装后无需额外设置即可直接运行。自动安装最小的基本系统，使用 APT 包管理工具。
对于现在的项目来说，Eslint 基本上就是项目的标配之一。但有一点比较麻烦的就是，每次新建一个工程的时候都要安装一堆的依赖，然后再配置 .eslintrc 这类配置文件。直接用开源的某个插件可能配置又不是都满足需求，最后还是配置出来一个自己顺手的配置项，然后新项目又要重复再来一遍操作。
之前搞了一个 VuePress 的博客，也很长时间没怎么管了，其实偶尔还是会写一些东西的，但是都没有往上面放。其中有一个原因就是之前操作起来比较麻烦，要写完->提交->构建->更新，一套操作下拉非常费事。如果写完提交就不用管就会方便很多，如果只是想找个地方放一下，通过 GitHub 的 Actions 部署到 GitHub Pages 完全就够了。
