沪漂五周年了：我越来越迷茫了
今天，是我来上海沪漂的第五年。 五年前刚来上海的时候，我心里更多是兴奋。那时候觉得，只要自己肯学、肯卷、肯熬夜，把 Vue、React、Node、小程序、工程化这些东西学明白，在大城市站稳脚跟应该不是一件特别难的事。 现在五年过去了，我从前端做到全栈，又开始往 AI 应用方向转。我做过 AI 查询、 ...
在Vue/Nuxt、React/Next/TanstackStart、RazorPages折腾一圈后，还是回到了Blazor，但这回有SSR+HTMX+Alpine的加持
1、为什么折腾Vue/Nuxt、React/Next/TanstackStart、RazorPages后，又回到了Blazor 我的后端是AspNetCore，且很坚定，可能这就是生态锁定 即使现代前端有了TS加持，但毕竟是胶水层，且每个框架都或多或少有漏网之鱼，这些都影响了强类型的体感和安全感 我 ...
React 可拖拽列宽 + 点击行选中 ProTable 封装笔记
平时做后台管理系统，Ant Design Pro 的 ProTable 用得特别多，但原生组件缺少列宽拖拽调整和点击行选中这两个高频功能，每次都要重复写逻辑。 所以我把这两个功能封装成了通用组件，后续项目直接复用，这里整理成笔记方便自己查阅。 一、整体思路 把功能拆成两部分解耦： 列宽拖拽核心逻辑： ...
Vue 实战：利用 IndexedDB 实现前端大文件断点续传
demo： https://github.com/foxcharon/Vue2-Resumable-Upload-Demo-IndexedDB 一、背景与痛点 前端下载大文件时，我们通常的做法是一行 fetch 拿到 response，转成 Blob，再丢给一个隐藏的 标签触发下载。这套逻辑 ...
莱特摩比的一面之缘(前端经验)
这篇不是“面试题答案合集”，而是一次高级前端面试复盘。 如果只把这些问题背下来，下一场面试换个问法还是会慌；但如果能看懂它们背后的能力模型，你会发现：CSS、请求、Nginx、Docker、Linux、安全、产品判断、算法题，其实都在问同一件事：你是不是已经从“能写页面的人”，成长为“能把前端系统负 ...
vue路由守卫易错点
路由守卫易错点 1. 把 beforeEnter 和 beforeRouteLeave 用反 beforeEnter 是“进入某条路由前”的路由级守卫，适合鉴权、参数校验、重定向。 beforeRouteLeave 是“离开当前组件前”的组件级守卫，适合弹窗清理、未保存确认、资源释放。 易错点：很多 ...
给网站添加春节灯笼效果：引入即用，附源码！
本文介绍了一种自定义春节灯笼效果的实现方法，通过引入JavaScript代码和CSS样式，用户可以轻松地在网页中添加带有自定义文字的灯笼。相比直接使用现成的API，本文提供的代码支持手机端自适应，并允许用户修改灯笼上的文字内容。 ...
Vue中path和component属性
属性指定了路由的匹配规则，即当用户访问某个URL时，Vue Router会检查这个URL是否与某个路由的。是路由配置对象中最重要的两个属性。它们共同定义了路由的匹配规则和当路由被匹配时应该渲染哪个组件。属性的值通常是一个字符串，表示URL的路径部分。它可以是静态的，也可以是包含动态部分的（通过。属性的值通常是一个Vue组件的构造函数或者是一个通过。属性指定了当路由被匹配时应该渲染哪个Vue组件。在这个示例中，我们定义了两个路由：一个是根路径。，这是一个动态路径，当用户访问这个路径时（例如。
Vue前端开发：事件传参
虽然事件处理过程的代码可以写在元素指令v-on中，但如果是复杂的过程，还必须调用事件的处理方法来完成，在事件处理方法中，还可以传递参数或事件对象，来满足方法的复用性，如果传入的参数是事件对象，必须是指定名称的特殊变量——$event。
vue自定义组件实现v-model双向数据绑定
双向数据绑定：{{$props.value}}点击++