阿飞·前端笔记

  • Git 日常工作流：我在团队里怎么用 Git

    从提交规范、分支策略到合并、回滚、冲突解决——这套工作流我用了三年多，每天在团队里跑，分享给你可以直接抄的版本。

    #Git#工具#工作流

  • 前端性能优化实战：一个后台系统的真实优化清单

    从加载、渲染到运行时，一份能直接落地的性能优化清单。每个建议背后，都是我在 Vue3 + Ant Design 后台系统里真实做过、验证过的改动。

    #性能优化#前端#Vue

  • CSS Grid 网格布局从入门到实战

    Flex 解决一维布局，Grid 解决二维布局。用一组常见场景讲清 Grid 的核心概念，轨道、fr 单位、区域命名与响应式写法。

    #CSS#Grid#布局

  • 深入理解 JavaScript 事件循环

    从调用栈、宏任务、微任务到渲染时机，彻底搞懂 JS 单线程下的异步执行顺序，并解释为什么 Promise 比 setTimeout 先执行。

    #JavaScript#事件循环#异步

  • 欢迎来到我的博客

    这是一个用 Astro 搭建的个人博客，用来记录前端开发与技术思考。

    #随笔#Astro

  • 为什么选 Astro 做博客

    聊聊博客这种内容站为什么适合 Astro 的 Islands 架构，以及它和其他方案的区别。

    #前端#Astro#博客

  • 微信小程序页面传值

    - setStorage/getStorage（setStorageSync/getStorageSync）存储到缓存，在页面的onShow阶段绑定 - wx.navigateTo({url: '../page/you/go?key=val

    #微信小程序#小程序#页面传参

  • js获取在线视频的第一帧作为封面

    最近碰到一个需求，要求获取在线视频文件的第一帧画面作为视频的封面图片，项目中使用的是 xgplayer 播放器，封面 poster 要求传封面的 url。 思路：用 canvas 绘出画面 - 转成 base64 - base64 转成 F

  • 一文搞懂CSS Flex布局

    css中，flex、grid 各种布局都是我们必须掌握的，作为常用功能又强大的flex布局你还没学会吗，全文没有一张图，用最通俗易懂的语言教你怎么用css中的flex布局。 父容器属性 开启flex display: flex; 控制子元素

    #css#flex

  • vue中整合editor.md

    在做毕设过程中需要在前端用到Markdown编辑器，一想就想到了Editor.md，虽然有和Vue整合好的mavonEditor可供选择，但是还是喜欢Editor.md，就想办法搞一下。 Editor.md作为一个很成熟开元Markdown

    #vue#editor.md

  • vue中$nextTick的使用

    一、使用方法 在vue中有一种情况，获取了数据后，需要对新视图进行下一步操作或者其他操作时，发现获取不到dom。因为赋值操作只完成了数据模型的改变并没有完成视图更新。在这个时候我们需要$nextTick函数（或者setTimeout）。 比

    #vue#$nextTick

  • Express框架中请求内的错误处理

    Whichever method you use, if you want Express error handlers to be called in and the application to survive, you must en

    #express#promise

  • Promise的UnhandledPromiseRejectionWarning问题

    在封装Nodejs对MySQL的CRUD API的时候遇到了UnhandledPromiseRejectionWarning提示，查询了解到这是Node.js 6.6.0中增加的一个特性：对 Promise 中未处理的 rejection

    #promise

  • Mysql5.5版本中日期默认为CURRENT_TIMESTAMP报错

    建表的时候发现设置createtime列的默认值为CURRENTTIMESTAMP时报错了，无非是两种报错： - 数据类型是datetime导致报错 - 通个表同时存在两个字段为CURRENTTIMESTAMP 这是因为在Mysql5.6.

    #mysql

  • JavaScript实现数据结构的栈、队列和双向链表

    数据结构中的栈、队列和链表应该是最基础的了，还有像是图、树、二叉树、最优二叉树/解等等也很重要，前端也要会数据结构是我没想到的，总结一下用JavaScript实现数据结构中的栈、队列和链表中的双向链表。 面试的时候被问到的数据结构题，当时是

    #数据结构#栈#队列