要想使用 Andriod 模拟器，通常先安装 Android Studio。

Andriod 模拟器，即AVD（Android Virtual Device Android虚拟设备）。

模拟器配置

运行 Android Studio，再依次选择 “More Actions > Virtual Device Manager”

然后点击 “+”，再点击 “Create Virtual Device”。

选择自己需要的系统版本。

创建设备后，您将能够在设备管理器面板中看到所有设备的列表。

正确使用姿势：

1. 无 CSS
2. 实用优先，多用组合
3. 提取组件类，减少重复出现的class

搭档利器：

1. clsx，简单的条件类名组合;
2. twMerge，需要类名覆盖的场景;
3. cva，有多个变体的复杂组件

开发体验：

1. Tailwind CSS IntelliSense - 核心智能感知
2. Headwind - 保持代码整洁
3. Tailwind Fold - 提高可读性
4. Convert CSS to Tailwindcss - CSS 转换 TailwindCSS

Ref

• 研究三天，我找到了 tailwindcss 的正确打开姿势
• Tailwind CSS 最佳实践

Permission denied (publickey)

==> Updating Homebrew...
[email protected]: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

苹果公司更新了其技术说明 ，指出自 10.12.2 版本起，macOS 包含了 OpenSSH 7.3p1 版本及其新行为。通过 ssh-add -K 添加到钥匙串的密钥在重启后不会自动重新添加到 ssh-agent。

方案一，手动执行下面👇的命令：

ssh-add ~/.ssh/userKey

方案二，或者，在 ~/.ssh 下创建 config 文件(推荐使用这个方式。)，内容如下：

Host * (asterisk for all hosts or add specific host)
  AddKeysToAgent yes
  UseKeychain yes
  IdentityFile <key> (e.g. ~/.ssh/userKey)

Ref:

• jirsbek/SSH-keys-in-macOS-Sierra-keychain: Saving SSH keys in macOS Sierra keychain
• Brew update fails with Permission denied (publickey). · Issue #52 · Homebrew/brew
• 错误：权限被拒绝（公钥） - GitHub 文档

跨端开发，一直是个热门的话题。

但经历这么多年的发展后，真正持续发热、社区活跃的技术方案，屈指可数。

发展历程

最开始，PhoneGap / Cordova,

然后，React Native / Weex / Flutter

再来，uni-app / Taro

事实上跨端的方案远非如此，还有 Ionic / Expo / Metro 等等。

对于 React Native / Weex 的兴起，前端开发很兴奋...但很快被打脸，对比 native 的性能太差，很多最求性能的公司，都逐渐放弃，又投向 native 的怀抱。

Google 适时的推出 Dart + Flutter，其性能非常接近 native，又让大家看到了曙光。

随着开发深度的推进，Flutter 也暴露出诸多不足：

1. 包体积大小
2. Dart 生态有限
3. 原生集成复杂度
4. Web 性能与 SEO
5. 桌面端成熟度
6. 内存消耗 ...

但仍然有公司不断前行，深耕 Flutter 生态建设。

新的转机

技术开发领域，各项一直都是耕耘不辍，Web 领域尤为突出。

由于业务扩张，Web 领域再次迎来了一个变革——小程序，轻应用。

随着小程序的出现，前端开发再次迎来转机，国内催生了 uni-app、Taro 等一众转译框架。

这些转译框架不单可以生成小程序，也可以转化成对比 native 性能的客户端应用。

现在，跨端开发进入到深水区，不仅是UI交互表现，而且追求极至的性能。

对于未来，个人感觉这个方向，转译框架终将替代 native 开发。

Ref

• 字节出手！「Vue Native」真的要来了！就在前几天，字节跳动开源的“大杀器”--Lynx.js 火了。 号称要把 - 掘金
• 2025 年热门 Flutter 包：最佳新插件和库Flutter 的生态系统在 2025 年蓬勃发展，新的和被忽视的软 - 掘金
• uni-app 也能远程调试？使用 PageSpy 打开调试的新大门！文章介绍在 uni-app 集成 PageSpy - 掘金
• 如何使用PageSpy进行H5远程调试PageSpy是一款用来调试 Web / 小程序 / 鸿蒙 App 等平台项目的工 - 掘金
• 前端远程调试工具 PageSpy 原理揭秘货拉拉开源的前端远程调试工具 PageSpy 在 Github 已经获得了 3 - 掘金
• Star 1.3K！推荐一款可以远程调试任意Web项目的开源工具！前言 近日，很多大佬们都在推荐这款远程Web调试工具- - 掘金
• O-Spy

vibe coding 这个事情出来也有些时间了。

感觉对于IT从业者需要了解，以至于不被快速发展的行业趋势所淘汰。

简单讲，就是编程这个事情，是人来主导？还是机器主导？

软件需求开发，一般是：

1. 需求文档
2. 开发概设
3. coding

在开发概设的时候，需要考虑技术架构和选型等一众技术问题。

当进入 coding 阶段，需要考虑编码规范、业务逻辑等一些具体实现问题。

然而，vibe coding 这个模式，主要实施在 coding 阶段。区别是，不再考虑编码规范等一些实现细节，而是由 AI 相关工具完成。

使用这个模式的开发者，只需要告诉 AI 具体的需求，然后针对产出物微调，直至达成。

总体而言，是一个非常好的理念，但想替代传统开发有限。

非常适合，周末即兴项目，即MVP。

Ref

• 一文讲透Vibe Coding的机理和能力边界 - 知乎
• Vibe Coding as a software engineer
• 氛围编程详解：工具和指南 | Google Cloud

Warning: Each child in a list should have a unique “key” prop

这是因为在渲染 template 模板时缺少 key。

容易忽视的是，

<></> 是Fragment的缩写形式，遍历使用时要加key，而缩写形式是不可以加key的，所以要这样写：

<React.Fragment key={'your key'}>
  // ...
</React.Fragment>

Ref:

• react异常 Each child in a list should have a unique “key” prop

Objects are not valid as a React child (found: object with keys {xxx}). If you meant to render a collection of children, use an array instead

产生以上错误的原因是，在 jsx 语法中错误的渲染了对象数据，在 react 语法设计里，数组和基本数据类型可以直接插入 jsx 渲染，但是不可以直接插入对象进行渲染。

Ref:

• react报错，Objects are not valid as a React child (found: object with keys {xxx})

记录一下 ZeroOmega 配置过程中需要的资源。

Ref

• GitHub - zero-peak/ZeroOmega: Manage and switch between multiple proxies quickly & easily.
• GFWList · FelisCatus/SwitchyOmega Wiki · GitHub
• GitHub - gfwlist/gfwlist: The one and only one gfwlist here
• GitHub - entr0pia/SwitchyOmega-Whitelist: 中国大陆域名, SwitchyOmega 白名单规则, 自动更新
• GitHub - felixonmars/dnsmasq-china-list: Chinese-specific configuration to improve your favorite DNS server. Best partner for chnroutes.

如果 macOS 上安装软件时出现了“已损坏，无法打开。 您应该将它移到废纸篓”，可以尝试这2种方式：

1. 开启软件安全性来源为任何来源

sudo spctl --global-disable

提示🔔：Globally disabling the assessment system needs to be confirmed in System Settings.

这个不用理会，切换一下界面：先点击其他tab，再重新选择“隐私与安全性”

1. 为应用解除 macOS 的安全限制问题

sudo xattr -r -d com.apple.quarantine /Applications/your.app

Ref

• MacOS Sequoia 15 允许任何来源app安装最新解决方案
• 解决Mac安装软件的“已损坏，无法打开。 您应该将它移到废纸篓”问题 - 知乎

最近在开发 Web 端页面时，发现 Chrome 浏览器有一些展示问题，比较困惑，网络上搜索时，发现很多人遇到这个问题，特此记录。

问题表现

原因

给表单设置自动填充 autocomplete="on" 后，Chrome 会默认给自动填充的input表单加上 input:-webkit-autofill 私有属性。

解决办法

方法一：对私有属性设置样式(无效)

input:-webkit-autofill::first-line {
	font-size: 20px;
}

方法二：关闭自动填充（有效）

<input type="password" autocomplete="new-password" />

Ref

• chrome浏览器自动填充密码的字号设置不生效
• chrome谷歌浏览器input记住密码后回显时字体很小

Ref

• Cursor十大使用技巧
• yeongpin/cursor-free-vip