一名前端开发工程师，正在学习把 AI 用进日常开发。记录真实的踩坑、思考与实践，同行共勉。https://blog.fateguy.com/https://blog.fateguy.com/posts/git-workflow/https://blog.fateguy.com/posts/git-workflow/从提交规范、分支策略到合并、回滚、冲突解决——这套工作流我用了三年多，每天在团队里跑，分享给你可以直接抄的版本。Mon, 03 Aug 2026 00:00:00 GMThttps://blog.fateguy.com/posts/frontend-perf/https://blog.fateguy.com/posts/frontend-perf/从加载、渲染到运行时，一份能直接落地的性能优化清单。每个建议背后，都是我在 Vue3 + Ant Design 后台系统里真实做过、验证过的改动。Mon, 03 Aug 2026 00:00:00 GMThttps://blog.fateguy.com/posts/css-grid/https://blog.fateguy.com/posts/css-grid/Flex 解决一维布局，Grid 解决二维布局。用一组常见场景讲清 Grid 的核心概念，轨道、fr 单位、区域命名与响应式写法。Fri, 31 Jul 2026 00:00:00 GMThttps://blog.fateguy.com/posts/js-event-loop/https://blog.fateguy.com/posts/js-event-loop/从调用栈、宏任务、微任务到渲染时机，彻底搞懂 JS 单线程下的异步执行顺序，并解释为什么 Promise 比 setTimeout 先执行。Fri, 31 Jul 2026 00:00:00 GMThttps://blog.fateguy.com/posts/welcome/https://blog.fateguy.com/posts/welcome/这是一个用 Astro 搭建的个人博客，用来记录前端开发与技术思考。Wed, 29 Jul 2026 00:00:00 GMThttps://blog.fateguy.com/posts/why-astro/https://blog.fateguy.com/posts/why-astro/聊聊博客这种内容站为什么适合 Astro 的 Islands 架构，以及它和其他方案的区别。Tue, 28 Jul 2026 00:00:00 GMThttps://blog.fateguy.com/posts/miniprogram-page-commuincation/https://blog.fateguy.com/posts/miniprogram-page-commuincation/- setStorage/getStorage（setStorageSync/getStorageSync）存储到缓存，在页面的onShow阶段绑定 - wx.navigateTo({url: '../page/you/go?key=valWed, 16 Mar 2022 00:00:00 GMThttps://blog.fateguy.com/posts/js-get-video-cover/https://blog.fateguy.com/posts/js-get-video-cover/最近碰到一个需求，要求获取在线视频文件的第一帧画面作为视频的封面图片，项目中使用的是 xgplayer 播放器，封面 poster 要求传封面的 url。 思路：用 canvas 绘出画面 - 转成 base64 - base64 转成 FMon, 14 Mar 2022 00:00:00 GMThttps://blog.fateguy.com/posts/css-flex/https://blog.fateguy.com/posts/css-flex/css中，flex、grid 各种布局都是我们必须掌握的，作为常用功能又强大的flex布局你还没学会吗，全文没有一张图，用最通俗易懂的语言教你怎么用css中的flex布局。 父容器属性 开启flex display: flex; 控制子元素Sat, 27 Mar 2021 00:00:00 GMThttps://blog.fateguy.com/posts/vue3-with-editor/https://blog.fateguy.com/posts/vue3-with-editor/在做毕设过程中需要在前端用到Markdown编辑器，一想就想到了Editor.md，虽然有和Vue整合好的mavonEditor可供选择，但是还是喜欢Editor.md，就想办法搞一下。 Editor.md作为一个很成熟开元MarkdownTue, 23 Mar 2021 00:00:00 GMThttps://blog.fateguy.com/posts/vue-nexttick/https://blog.fateguy.com/posts/vue-nexttick/一、使用方法 在vue中有一种情况，获取了数据后，需要对新视图进行下一步操作或者其他操作时，发现获取不到dom。因为赋值操作只完成了数据模型的改变并没有完成视图更新。在这个时候我们需要$nextTick函数（或者setTimeout）。 比Tue, 23 Mar 2021 00:00:00 GMThttps://blog.fateguy.com/posts/express-error-handle/https://blog.fateguy.com/posts/express-error-handle/Whichever method you use, if you want Express error handlers to be called in and the application to survive, you must enThu, 25 Feb 2021 00:00:00 GMThttps://blog.fateguy.com/posts/promise-unhandledpromiserejectionwarning/https://blog.fateguy.com/posts/promise-unhandledpromiserejectionwarning/在封装Nodejs对MySQL的CRUD API的时候遇到了UnhandledPromiseRejectionWarning提示，查询了解到这是Node.js 6.6.0中增加的一个特性：对 Promise 中未处理的 rejection Thu, 25 Feb 2021 00:00:00 GMThttps://blog.fateguy.com/posts/mysql55-current_timestamp/https://blog.fateguy.com/posts/mysql55-current_timestamp/建表的时候发现设置createtime列的默认值为CURRENTTIMESTAMP时报错了，无非是两种报错： - 数据类型是datetime导致报错 - 通个表同时存在两个字段为CURRENTTIMESTAMP 这是因为在Mysql5.6.Sun, 21 Feb 2021 00:00:00 GMThttps://blog.fateguy.com/posts/js-stack-queue-linklist/https://blog.fateguy.com/posts/js-stack-queue-linklist/数据结构中的栈、队列和链表应该是最基础的了，还有像是图、树、二叉树、最优二叉树/解等等也很重要，前端也要会数据结构是我没想到的，总结一下用JavaScript实现数据结构中的栈、队列和链表中的双向链表。 面试的时候被问到的数据结构题，当时是Tue, 22 Dec 2020 00:00:00 GMThttps://blog.fateguy.com/posts/mysql-login-fail-1045/https://blog.fateguy.com/posts/mysql-login-fail-1045/从做完JavaWeb的项目之后，好久没打开过本地的MySQL，今天一打开突然就打不开了，反复确认了MySQL服务是在运行中，仍然是报1045权限错误。 本地的MySQL只是用来调试，所以密码设置的很简单，也即是说不是因为密码错误才会出现10Thu, 17 Dec 2020 00:00:00 GMThttps://blog.fateguy.com/posts/iplook-interview/https://blog.fateguy.com/posts/iplook-interview/广州，第三天，去面试了广州的一家通信公司的前端开发岗位。公司规模不算很大，但是氛围很好，进去之后根据前台小姐姐的指示找到了接待的地方，（应该是）人事部的小哥很面善，招呼我坐下来就给了我一份面试题和作答纸让我做了一份题，题目有20道，记录一下Tue, 15 Dec 2020 00:00:00 GMThttps://blog.fateguy.com/posts/js-json/https://blog.fateguy.com/posts/js-json/闲来无事（瞎折腾），在GitHub上看到好玩的API就拿来玩一下，因为要用到Json数据，就学了一下用原生的JavaScript操作Json数据。其实也没有怎么接触过Json数据，之前用GitHub的API写了个JS来获取我的repo里面的Wed, 25 Mar 2020 00:00:00 GMThttps://blog.fateguy.com/posts/chrome-extension/https://blog.fateguy.com/posts/chrome-extension/Chrome浏览器给我的印象一直是程序猿推荐浏览器的第一位，尽管它的内存占用确实不算是优秀，但是它的拓展程序丰富这一优点却可以盖过内存占用高这一不足。毕竟已经是0202年了，谁的电脑还带不起一个Chrome呢。 前言 ---- 所有我推荐的Wed, 11 Mar 2020 00:00:00 GMThttps://blog.fateguy.com/posts/python-turtle-doraemon/https://blog.fateguy.com/posts/python-turtle-doraemon/一年之前学的Python，过了这么久也差不多都还给老师了。我的傻吊儿子（误）喜欢哆啦A梦，前几天花了时间专门找了很多高清的哆啦A梦的海报挂上图床，突发奇想想到用Python的turtle画图能否实现画一个哆啦A梦.... 前言 ---- 由Tue, 18 Feb 2020 00:00:00 GMThttps://blog.fateguy.com/posts/hexo-theme-icarus/https://blog.fateguy.com/posts/hexo-theme-icarus/你现在所看到的站点是我使用Hexo在GitHub Page搭建的，用的主题是icarus，icarus这个主题非常好看而且配置很多很齐全，但是总有一些地方是不够用的，这里整理一下我自己对这个主题的修修改改。 前言 ---- icarus 的Wed, 05 Feb 2020 00:00:00 GMThttps://blog.fateguy.com/posts/how-to-use-cloudflare/https://blog.fateguy.com/posts/how-to-use-cloudflare/我用了两天时间搭建起来的站点，依赖于GitHub的Page服务，域名是在腾讯云购买的，但是众所周知的是GitHub现在基本是半墙的状态，如果你不能快乐地上网，那么很可能不能愉快的访问GitHub，都已经用GitHub来搭建站点了，那么就要想Tue, 04 Feb 2020 00:00:00 GMThttps://blog.fateguy.com/posts/google-design-menubar-show/https://blog.fateguy.com/posts/google-design-menubar-show/纯CSS仿制Google Design的导航栏和卡片信息。 由于要设计一个网页作为期末作业，所以我简单仿了一个Google Design的导航栏和卡片信息 前后导航栏对比： !Google Design !My design ---- 导航Thu, 14 Nov 2019 00:00:00 GMT