首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端小巷子
掘友等级
微信公众号@前端小巷子
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
0
文章 0
沸点 0
赞
0
返回
|
搜索文章
前端小巷子
12天前
关注
JS打造“九宫格抽奖”
本文将带你从零开始,使用 原生 JavaScript 实现一个可配置、可扩展、动画流畅的九宫格抽奖组件,支持运营人员通过 JSON 配置奖品信息,前端无需上线即可更新抽奖内...
1
评论
分享
前端小巷子
12天前
关注
JS 打造「放大镜 + 缩略图」一体组件
电商详情页的经典三件套:缩略图列表 + 中等图展示 + 局部放大图。本文js原生代码实现一条无依赖、可复用、可扩展的放大镜链路,涵盖事件委托、边界计算、背景定位三大核心技能...
2
评论
分享
前端小巷子
14天前
关注
JS 打造仿腾讯影视轮播导航
本文用 JS原生代码实现一条无依赖、可复用、可扩展的影视轮播链路,涵盖数据驱动、事件委托、状态管理三大核心技能。...
6
1
分享
前端小巷子
15天前
关注
原生 JS 打造三级联动
后台表单、招生官网、招聘系统都离不开「省-市-学校」三连下拉。本文用 js原生代码实现一套零依赖、可复用、可扩展的三级联动,数据与渲染彻底解耦,换一批数据也能秒上线。...
2
评论
分享
前端小巷子
15天前
关注
JS 实现图片瀑布流布局
瀑布流 = 定宽 + 不定高 + 列内追加。本文用原生js代码实现完整布局、重排、防抖,不依赖任何库。...
1
评论
分享
前端小巷子
17天前
关注
JS 打造动态表格
后台列表页最常见的需求:点击表头排序 + 一键全选。本文用原生js代码实现零依赖方案,涵盖 DOM 查询、排序算法、事件代理三大核心技能。...
7
4
分享
前端小巷子
18天前
关注
JS 打造丝滑手风琴
手风琴菜单是后台与官网的常客,但 90% 的实现依赖第三方库或 CSS Transition。今天原生 JS 手写一条「高度动画 + 状态机」的完整链路,打造丝滑手风琴效果...
4
1
分享
前端小巷子
20天前
关注
JS实现丝滑文字滚动
公告栏、弹幕、股票 ticker……垂直文字滚动是前端最常见的动效之一。本文用纯原生代码拆解一条「克隆 + 逐帧滚动」的实现思路,涵盖布局、滚动、边界衔接三大要点,开箱即用...
11
评论
分享
前端小巷子
21天前
关注
Vue 路由传参的四种方式
在单页应用里,路由是连接页面与数据的桥梁。Vue Router 提供了四种方式把「参数」从地址栏、内存甚至编译期注入到组件。理解它们的差异,才能在面试和线上故障中游刃有余。...
1
评论
分享
前端小巷子
22天前
关注
Vue 项目性能优化实战
性能优化有一套「发现 → 定位 → 解决」的闭环方法论。本文以真实项目为蓝本,从编码阶段到上线监控,给出一条可落地的 Vue 性能优化路线图。...
1
1
分享
前端小巷子
23天前
关注
name属性Vue组件的身份标识
在 Vue 世界里,name 不是装饰,而是组件的「身份标识」。它能让递归组件找到回家的路,能让 keep-alive 精准缓存,也能让 DevTools 的层级树一目了然...
2
评论
分享
前端小巷子
24天前
关注
Vue3 模板编译优化
Vue3 把「编译」从简单的语法糖升级为全链路性能优化器:它把静态节点抬出渲染函数、把动态节点打上补丁标记、把事件缓存起来、把整棵树切成可跳过静态的 Block。...
0
评论
分享
前端小巷子
25天前
关注
Vue 3 模板编译器
当我们写下 <div>{{ msg }}</div> 时,浏览器看到的既不是标签,也不是文本,而是一段可执行的 JavaScript 函数。这道转换由 Vue 的模板编译器...
0
评论
分享
前端小巷子
25天前
关注
Vue 3 快速 Diff
。Vue 2 的双端 Diff 已足够优秀,但 Vue 3 通过“快速 Diff”进一步把复杂度削到极致——无一次多余移动,无一次多余创建。本文带你走进这条由索引、哈希、L...
0
评论
分享
前端小巷子
26天前
关注
最长递增子序列:从经典算法到 Vue3 运行时核心优化
最长递增子序列正悄然成为性能分水岭。它不仅是面试的高频考点,更是 Vue3 快速 Diff 算法赖以实现 O(n log n) 复杂度的关键数据结构...
2
评论
分享
前端小巷子
28天前
关注
从双端到快速:Vue 3 Diff 的进化之路
Diff 算法就是「找出最小差异」的那把手术刀。Vue 2 的双端 Diff 已经很快,Vue 3 却用「快速 Diff」让它更快。...
0
评论
分享
前端小巷子
29天前
关注
watch 与 computed:Vue3响应式的抉择
在 Vue 的响应式宇宙里,数据变化最终都会触发「副作用」:可能是重新渲染 DOM、发送网络请求,也可能是打印一条日志。Vue 提供了两条官方路线来捕获这些副作用——com...
2
评论
分享
前端小巷子
1月前
关注
深入 Vue3 computed
在模板里写一行 {{ sum }},背后却藏着「惰性求值 + 精准依赖收集 + 脏检查缓存」的三重魔法。本文带你钻进源码,拆解 computed 如何决定「何时算、何时不、...
0
评论
分享
前端小巷子
1月前
关注
Vue 事件系统
在模板里写一行 @click="handler",背后却是一套从编译器到渲染器、再到 DOM 事件再绑定的精密流水线。本文带你拆解事件在 Vue 内部的完整生命周期。...
1
评论
分享
前端小巷子
1月前
关注
Vue渲染器解析
渲染器是 Vue 与浏览器之间的「翻译官」。它拿到一份用 JavaScript 对象描述的 UI(虚拟 DOM),然后精准地创建、更新、销毁真实 DOM,同时把响应式数据和...
0
评论
分享
下一页
个人成就
文章被点赞
155
文章被阅读
23,776
掘力值
4,057
关注了
2
关注者
47
收藏集
0
关注标签
30
加入于
2022-02-16