一切都在不完美中前行

AI的发展势不可挡，深度使用通义灵码和Trae后更有体会。

之前对我来说，前端开发一直是弱势环节，调不好CSS样式，经常让我对独立完成前端项目望而生畏。现在好了，你在VS Code里装一个通义灵码插件，或者下载字节出的Trae开发工具，只要准确说出你的需求，基本上所有代码AI都能帮你自动生成。

通义灵码我用的是qwen3-coder模型，Trae里我用的是sonnet4模型，我用下来的感受是它们完全可以代替初级前端开发。qwen3-coder是免费模型，你说改哪，它就改哪，不会去改其它资源。sonnet4上下文理解能力明显更强，你让它改A，它把A改好后，发现B和C也需要修改，会自动把B和C也改过来，整体的推理明显比qwen3-coder强，另外就是它能很好的生成图片，qwen3-coder则不行。

业务流程中有一个需要企业用户上传营业执照图片提交注册的环节。看下面这张图片，整个页面就是我用sonnet4生成的，调试时发现图片上传功能不符合预期，因为它不知道我要调用后端接口将图片保存。

于是，我在Trae聊天窗口里输入”客户上传营业执照图片后，先调用后端接口将图片保存到服务器，使用返回后的数据再调用OCR识别接口，将识别结果填充到对应输入框”，它帮我生成下面这段代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

// 处理营业执照上传
const handleBusinessLicenseUpload = (uploadFile: UploadFile) => {
  const rawFile = uploadFile.raw;
  if (rawFile) {
    const formData = new FormData();
    formData.append('file', rawFile);
    fileUpload(formData).then((uploadRes: any) => {
      if (uploadRes.code === 200) {
        companyForm.businessLicenseUrl = uploadRes.data.url;
        const ocrData = {
          url: null,
          file: null,
          ocrType: 'businessLicense',
          fileName: uploadRes.data.fileName,
        };
        ocrBusinessLicense(ocrData).then((ocrRes: any) => {
          console.log('ocrRes:', ocrRes);
          // 处理OCR识别结果，自动填充表单
          if (ocrRes.code === 200 && ocrRes.data) {
            const ocrData = ocrRes.data;          
        // 填充企业名称
        if (ocrData.companyName) {
          companyForm.companyName = ocrData.companyName;
        }
        
        // 填充统一社会信用代码
        if (ocrData.creditCode || ocrData.unifiedSocialCreditCode) {
          companyForm.creditCode = ocrData.creditCode || ocrData.unifiedSocialCreditCode;
        }
        
        // 填充地址
        if (ocrData.address || ocrData.registeredAddress) {
          companyForm.address = ocrData.address || ocrData.registeredAddress;
        }
        
        // 填充经营范围
        if (ocrData.businessScope || ocrData.scope) {
          companyForm.businessScope = ocrData.businessScope || ocrData.scope;
        }
        
        // 处理营业期限
        if (ocrData.validityPeriod || ocrData.licenseValidity) {
          const validity = ocrData.validityPeriod || ocrData.licenseValidity;
          if (validity.startDate && validity.endDate) {
            companyForm.licenseValidity = [new Date(validity.startDate), new Date(validity.endDate)];
          } else if (typeof validity === 'string') {
            // 如果是字符串格式，尝试解析日期范围
            const dateMatch = validity.match(/(\d{4}-\d{2}-\d{2}).*?(\d{4}-\d{2}-\d{2})/);
            if (dateMatch) {
              companyForm.licenseValidity = [new Date(dateMatch[1]), new Date(dateMatch[2])];
            }
          }
        }
        
        ElMessage.success('营业执照信息识别成功，已自动填充表单');
      } else {
        ElMessage.warning('营业执照识别失败，请手动填写信息');
      }
    }).catch((error: any) => {
      console.error('OCR识别错误:', error);
      ElMessage.error('营业执照识别失败，请重试或手动填写');
    });
  }
}

fileUpload是图片上传接口，ocrBusinessLicense是营业执照OCR识别接口。生成完后，我稍微调了下ocrBusinessLicense接口上传需要使用的参数，这段代码就跑通了 ，我被深深地震惊了。试想：你没有前端开发经验，也不熟悉TypeScript语言，就这段代码，让你自己去查资料、去开源项目里找相同功能的代码段复制粘贴，要花多少时间？

AI辅助编程简直太有帮助了，这节省多少时间！

当然AI模型生成出来的代码目前只是初稿，不过我觉得再怎么发展，它生成出来的内容始终也只能是初稿，它做不到100%符合要求，细节地方仍然需要用它的人仔细打磨。

这个月入手了IKBC鉴赏家Q87机械键盘，以下是我的使用体验。

买机械键盘的动因是家里用的那台MBP键盘有几个按键明显出现按压后回弹异常，虽然不影响使用，字也能够敲得出来，但是担心万一有一天字打不出来影响使用那就麻烦大了，防范于未然，趁着这波国家补贴，就决定买一款机械键盘。

其实10年前机械键盘鼻祖CHERRY就已经开始流行了，我印象中卖得非常贵，随便一款就要六七百块钱。前几年它的专利过期，国产机械键盘于是遍地开花。现在随便在网上搜一圈，少说几十上百个品牌，从99元到3999元，各种价位的键盘评测文章视频到处都是，真得看花眼都不知道选谁。

最后结合同事和身边朋友的推荐，我买了三款回来，分别是雷神ONCE81、达尔优A98Pro和IKBC鉴赏家Q87。我从价格、颜值、配置、关注度、使用体验等方面说一下最终选择IKBC鉴赏家Q87的原因。

1. 雷神ONCE81价格495元，电池容量4000mAh。红白机复古风格，它有一个LCD显示屏，可以显示剩余电量、连接模式、日期时间这些，右边还设计了一个可以旋转调节的按钮，设计还是挺能打的，也非常好看。毕竟是消费电子品牌大厂，它的macOS适配效果在三款中最佳，F1到F12功能键跟MBP自身键盘完全兼容，京东自营店铺关注人数240多万。
2. 达尔优A98Pro价格221元，电池容量4000mAh。第一眼让我惊鸿一瞥，我觉得是三款中最好看的。厂家随键盘赠送了一个简易的透明遮尘罩，非常贴心实用。我要是用于Windows电脑，肯定就选它了。它的macOS适配效果三款中最差，F1到F12那一排功能键只有两三个适配成功，差强人意，其京东自营店铺关注人数20多万。
3. IKBC鉴赏家Q87价格220元，电池容量8000mAh。手感是三款里面最重的，可能跟电池容量有关系。它的颜值中规中矩，没达尔优惊艳，我甚至觉得可以被达尔优秒杀掉。不过适配macOS效果还不错，主要的功能键都适配成功。我买的这款送了一个手拖，我觉得聊胜于无，不如送防尘罩实用。IKBC京东自营店铺关注人数20多万。

键盘轴体什么的我关注得不多，国产轴体发明了太多名词我根本分不清楚它们有什么区别，只要敲击声音不太吵就行，我买的这三款都是差不多的麻将音，按键的回弹速度有些细微差别，我没太在意，也不是我关注的重点。本来还打算买两款抖音B站里评测很火的狼蛛狼途之类的回来，看了一下它俩京东自营店铺关注度太少就放弃了，我的预算是300元以内，最终就选择了IKBC。

用了一周后发现两个槽点，之前购买时没考虑全面，我也写一下。

1. 目前市面上机械键盘的键帽基本上都是不透光材质，做不到MBP自带键盘的那种透光性，晚上关灯环境下使用，苹果电脑键盘的透光性可以让你看清楚你敲的是哪个键，不至于敲错。市面上有透光性好的键盘，我买的这款不是，大多数机械键盘也都不是。
2. 晚上睡觉或办公室中午午休环境下，机械键盘的敲击声还是有点响的，可能会影响别人休息，如果对键盘敲击声音比较敏感或担心打扰别人，可以选择静音轴体。

就写这么些吧，整体上来说IKBC这款键盘我还是挺满意的，聊天打字敲起来比以前爽多了。如果大家有更好的适配macOS的机械键盘，欢迎给我推荐。

（最后声明：此文非带货贴，纯个人使用体验，友好交流，非喜勿喷。）

博客很久没更新，上周偶然发现网站域名打不开，惊了个呆。今天发现是阿里云OSS欠费给我停机了，缴清欠款后发现OSS里被删除的资源彻底丢失，好在我本地有备份，不然这几年扯淡写的东西全没了。

这几年发生了很多事情，我也收获了很多变化和成长，细细说的话那可有得唠了。目前仍在商票项目就职，主要工作还是Java后端开发，我们业务体量不大，后端技术难度不高，主要是业务流程复杂，好在干了快3年轻车熟路得心应手，目前也慢慢渗透到前端开发领域，Vue和React写一些简单页面和修修补补基本不在话下。空闲时间在研究若依和FastApi这些开源框架，计划学一点AI但目前暂未涉足，目前想的是自己手工打造一套全业务流程产品出来，当作这几年工作的一个”毕业设计”，发现要花的时间还真不少。

后续打算把工作和学习过程中遇到的一些经典问题多分享到本博客上来。不然时间长了，Hexo都有点生疏不会用了。

(Photo by Venti Views on Unsplash )

macOS上面Docker实现方式和Linux不一样，简单说macOS将Docker服务端(docker daemon守护进程)部署在一台虚拟机里面，而Linux里面Docker服务端直接作为宿主机的一个进程。这导致两种平台上Docker容器和其宿主机的网络通信方式有很大不同。

简单的表象是，Linux主机上会有一个docker0网卡，而macOS上没有docker0网卡；带来的区别是Linux上部署的容器应用默认和宿主机就是互联互通的，而macOS宿主机不能直接连通容器。

Linux查看docker0网卡

在阿里云ECS里面启动了Docker服务，终端输入ifconfig查看docker0网卡（容器默认使用bridge模式部署，都通过这个docker0网卡与宿主机通信）

去年7月份决定来商票之家项目工作，就注定要转变为一个Java程序员。

以前没正式参与过Java项目，半年左右时间，从零接手了一套SpringBoot+Vue互联网票据系统。刚开始连Spring的注解、复杂一点的泛型都看不懂，现在基本做到熟练上手，并且对业务流程进行大刀阔斧地调整，这半年时间里面，感觉自己进步很多。

写过Java之后，才知道这门语言深不见底。见识到行业内高手的水平之后，才知道目前欠缺的依旧很多。

要说职业生涯最大的遗憾是什么，那就是没有早一点学习Java，错过了提升技术水平的最佳时机。还在现在开始也不算晚，人生找准了目标其它一切都不是问题。

我的目标很实际。

1. 可以独立开发出Web产品，以后在互联网世界里支起一个小摊，当一个沿街叫卖的小贩，自己给自己打工。借助GitHub，这个目标现在差不多可以实现；
2. 技术水平达到架构师程度，简单点说是可以独立写出Web框架。现在正在朝这个方向努力，未来可期。

在同学群里扯淡，说“现在努力写代码是为了以后可以不用写代码”，等哪天技术水平达到了理想中的程度，就可以考虑去做下一阶段的事情了。