Kevin_Jern

分享一些CSS处理文本小技巧。 比如，有一些书名或者标题，默认是没有书名号的，结构如下 <h3 class="books">灵境行者</h3> <h3 class="...

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，...

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

前言 来到字节快一年了，最初的我满怀憧憬，以为大厂的代码一定是高深莫测、充满黑科技的艺术品。然而，深入项目后才发现，这里的代码并没有想象中那么“高大上”，反而透着一股朴实无...

时隔两月，“鸽子王”何贤携硬核整活项目 《CubeCity》 强势回归！这是一个基于 Three.js + Vue 实现的 3D 方块风格城市建造游戏，拥有完整的建造、选择...

还在为 Vue 的底层原理发愁？本文系统梳理 MVC/MVVM、设计模式、渲染流程、Vite/Webpack 对比和性能优化五大模块，带你从根上吃透 Vue，为进阶打下最坚...

好久不见！ 大部分点击效果都平平无奇，如果你碰到一个这样的点击效果，会不会忍不住多点几次呢？ 看似有些复杂，其实分解开来，其实就两个动画 粒子的抛物线动画 数字的缩放动画 ...

精选 20 个实用 or 有趣的 VS Code 扩展，覆盖摸鱼放松，文件管理、代码规范、效率工具等等多个场景，干货满满，下面正片开始.........

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化......

本文介绍如何在 Vue3 中封装一个支持任意 DOM 区域拖拽截图的“框选组件”，并深入剖析使用 html2canvas 实现截图过程中踩过的关键坑点与优化技巧。...

CAD-Viewer是一款高性能、纯前端运行的DWG/DXF查看器，无需安装、无需服务器、支持离线使用。基于WebAssembly与WebGL构建，适合隐私敏感、低维护或定...

全面解析拖拽API核心原理，通过多容器相册这个生动案例，揭秘如何打造iPad般丝滑交互体验，实现用户体验的升级。...

1. 京东终面后，我在群里被恭喜了 2025年4月，京东HR在BOSS上找我，岗位写的是「iOS开发」，我心想这HR真他妈不专业，但还是回了句：「您好，我是前端，可以面试吗...

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”...

JSX是React.createElement语法糖，需编译才能运行。Babel可将其及ES6+转成兼容代码，通过相关包和命令实现，是前端重要工具。...

WebSocket DevTools，专业WS调试插件，提供监控、拦截、模拟、收藏等核心功能，内置JSON编辑器支持嵌套解析等，目前全网无代餐～...

下拉刷新，不只是“拉一拉”那么简单！一指轻滑，数据焕新，交互体验瞬间升级。让你的页面动起来，刷新你的开发灵感！🚀✨...

最近在帮团队招人，看了一圈市场上的招聘要求（JD），心里有点五味杂陈。 随便打开几个“前端工程师”的JD，上面写着：精通React/Vue，这很正常；熟悉Next.js或N...

弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面...

本文深入解析 Source Map 的结构与原理，涵盖其用途、mappings 编码规则、实际 JS 示例、手动解码方法，并推荐相关工具，帮助开发者掌握调试压缩代码的核心技...