薰风

写这篇文章的时候，我刚通宵处理完一个P0级（最高级别）的线上事故，天刚亮，烟灰缸是满的🚬。 事故的原因，说出来你可能不信，不是什么服务器宕机，也不是什么黑客攻击，就因为我...

在做实时监控系统时，比如服务器状态面板、订单处理中心或物联网设备看板，每隔 5 秒自动拉取最新数据是再常见不过的需求了。 但你有没有遇到过这些问题？ 页面切到后台还在疯狂发...

大家好，我是奈德丽。前两天在逛京东想买Pocket 3的时候，注意到了它的购物车动效，当点击"加入购物车"按钮时，一个小红球从商品飞入购物车，想知道怎么实现的吗？快一起来看...

转眼我已经工作五年，辗转三家公司，在工作的第五年，终于如愿进入了大厂，生活也发生了些许变化。 一切是从两年前那篇文章开始的谈谈干前端三年的几点感受，一句“前端很容易学到天花...

背景 这段时间我在开发后台管理系统，遇到一个挺有意思的需求。甲方要求系统必须支持飞书扫码登录。查阅飞书的相关文档后，发现这个功能非常有趣，但在实现过程中也遇到了一些坑点。借...

Hello，大家好，我是 三千。 大家觉得，在前端开发中，最难的技术是哪一个？     如果你之前完全没有接触过3D 可视化应用开发，那使用Three.js开发应用还是门槛...

面试官：用任意方式绘制一个三角形，添加一个点击事件，仅点击三角形内部才能触发。 简单的绘制三角形方案...

前言 在公司中，前端使用了统一的组件element-ui，但是有一些页面大家并没有达成共识，造成了不同的团队开发出来的页面不同，公司决定在24年8月的迭代进行统一调整。在这...

原理 抛物线轨迹，由水平运动作用力和垂直作用力，相互影响而来。（你可想象下，你将一个弹珠放在水平的桌面滚动，理论上弹珠是在水平方向运动，但弹珠滚离桌面后，就会以抛物线的轨迹...

今天搞了个好玩儿的功能，添加到购物车特效，话不多说，先上效果实现这个效果有几个要点如下：购物车car在一个固定的位置，我是用position:fixed把购物车固定在右边小...

开发注意事项 考虑边界值：如果要展示一个列表，就要考虑列表为空、列表长度超过一页的情况；如果展示的是文字，则要考虑文字为空、文字超长的情况；访问a.b.c时，a或b是否可能...

vuecli 解决vue2项目中tailwindcss配置的问题 经过一下午vue2项目中配置tailwindcss一直失败 发现了可以使用vuecli添加插件的方式解决 ...

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。...

曾经面试时碰到过一个问题：为什么现有的Vue框架开发可以淘汰之前的JQuery？ 我回答：Vue框架无需自己操作DOM。面试官接着反问我：不用操作DOM就一定是好的吗？...