最近在处理一个项目的时候发现在某部 iPhone 的 Safari 上有页面无法正常访问，报错提示 Object.hasOwn 方法不存在。这基本上就是兼容性问题了，看了一下 iOS 的版本是 14.6，再一查 Object.hasOwn 在 iOS 上是从 15.4 才开始支持的。处理方案要么是把用了 hasOwn 的地方改掉（因为 Object.hasOwn 的平替方法很多，也不存在什么改的成本问题），要么就是在打包的地方配置兼容处理。如果兼容处理简单肯定是优先进行兼容处理，毕竟碰到不兼容的就改写起来也太折腾了。

最近在处理移动端页面的时候发现一个场景，当下拉框里面选项比较多出现了滚动条，同时页面也出现滚动条的情况下，在使用的时候两个滚动经常发生错乱，使用上非常不方便，本以为是个不好解决的问题，实际是有简单的解决方案来提升使用体验。

在这个很多功能使用都要求 HTTPS 的浏览器环境下，一般站点使用 Caddy 配置代理真的很方便，不需要申请再手动配置 SSL 证书，更不需要考虑定期更新证书以免忘记更新导致站点访问报错。如果是想要了解怎么使用可以参考 Caddy 使用入门，这里主要参考 Automatic HTTPS 来聊聊怎么在各自场景下用 Caddy 给解析的域名配置 HTTPS 。

Caddy is the first and only web server to use HTTPS automatically and by default.

Caddy 默认情况下会给所有的站点配置 HTTPS，对本地地址使用的是自签名的证书，对公共 DNS 解析的域名使用 ACME CA（目前是 Let's Encrypt 和 ZeroSSL）提供的证书。Caddy 默认会把 HTTP 重定向到 HTTPS，更方便的一点是 Caddy 还会自动更新证书。

# 为什么需要

在写一个简单页面的时候可能就是直接写 CSS 来处理样式，如果页面比较多还很复杂的话直接使用原生的 CSS 相对来说就比较麻烦了，所以就有使用 Less、Sass 等预处理器方案来处理诸如嵌套以及变量等问题。 但是预处理器最终生成的 CSS 文件和直接写的 CSS 没有区别，只是对过程更加友好。所以还是有一些比较明显的问题不是很好解决：

X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建流程图、DAG 图、ER 图等图应用。

在 X6 文档的图表示例中有一个 ER 图 的例子，例子实现了怎么通过数据以及 X6 的配置生成一个 ER 图，结合例子以及文档来看看怎么实现一个 ER 图的简单编辑器。编辑器的布局直接用经典的左中右布局方式。

一个完整项目，通常都需要跟服务器进行异步的数据交互。在 React 的项目实践中，发现数据请求经历过一系列有意思的变化。

# 现象

在使用 React 18 开发应用的时候发现了一个问题就是在 useEffect 的 deps 为 [] 的情况下，里面的内容居然执行了两边。在之前的版本中可不是这么个现象，React18 之前这种情况下应该只会执行一次才是。

今天看到一个介绍在旧安卓手机上搭建 Web 服务器的文章，其中提到的 Termux 感觉挺有意思的，去尝试一把感觉还可以的。

Termux 是一款 Android 终端模拟器和 Linux 环境运用程序，无需 root，安装后无需额外设置即可直接运行。自动安装最小的基本系统，使用 APT 包管理工具。

对于现在的项目来说，Eslint 基本上就是项目的标配之一。但有一点比较麻烦的就是，每次新建一个工程的时候都要安装一堆的依赖，然后再配置 .eslintrc 这类配置文件。直接用开源的某个插件可能配置又不是都满足需求，最后还是配置出来一个自己顺手的配置项，然后新项目又要重复再来一遍操作。

之前搞了一个 VuePress 的博客，也很长时间没怎么管了，其实偶尔还是会写一些东西的，但是都没有往上面放。其中有一个原因就是之前操作起来比较麻烦，要写完->提交->构建->更新，一套操作下拉非常费事。如果写完提交就不用管就会方便很多，如果只是想找个地方放一下，通过 GitHub 的 Actions 部署到 GitHub Pages 完全就够了。