前端
56篇文章 · 0订阅
  • 拒绝 AI 写“烂代码”：深度解读 antfu/skills 与前端 AI 的新范式
    摘要：最近，Vue/Vite 核心成员 Anthony Fu 发布了 antfu/skills 项目，引发了社区热议。这不仅是一个新工具，更标志着 AI 辅助编程正在从“通用大模型”向“精细化上下文管
    前端 Vue.js
  • 一款好用到爆的可视化拖拽库
    嗨，大家好，我是徐小夕，之前一直在研究可视化零代码相关的技术实践，也做了很多可视化搭建的产品，比如： H5-Dooring（页面可视化搭建平台） V6.Dooring（数据大屏可视化平台） formM
    前端 GitHub 数据可视化
    一款好用到爆的可视化拖拽库
  • H5 下拉刷新如何实现
    最近我需要做一个下拉刷新的功能，实现功能后我发现，它需要处理的情况还蛮多，于是我整理了这篇文章。首先我会讲解下拉的原理、根据原理写出初始代码；然后我会一边介绍代码存在的缺陷、一边解决缺陷并做些许优化。
    前端 JavaScript CSS
    H5 下拉刷新如何实现
  • CSS 滤镜(filter)完整指南
    「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」。 filter(滤镜)属性是CSS3中非常有意思且强大的属性，最近开发的时候用到，感觉确实是非常方便，所以以下对这个属性
    前端 CSS
    CSS 滤镜(filter)完整指南
  • 产品：请给我实现一个在web端截屏的功能！
    一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行
    前端 HTML
    产品：请给我实现一个在web端截屏的功能！
  • JS如何判断文字被ellipsis了？
    如果想要文本超出宽度后用省略号省略，只需要加上以下的css就行了。 3行css搞定，但是问题来了：如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文本上面才展示popper，应
    前端 JavaScript CSS
    JS如何判断文字被ellipsis了？
  • 【教你】js如何实现平滑的 CSS渐变过渡？💭
    如果您尝试仅使用 CSS 对渐变进行动画处理或过渡，最终会遇到一个问题 - 所有现代浏览器本身都无法平滑地过渡渐变中的颜色。💢因此，如果我们尝试悬停或与从一个渐变过渡到另一个渐变的元素进行交互，我们
    前端 动效 JavaScript
    【教你】js如何实现平滑的 CSS渐变过渡？💭
  • 因为写不出拖拽移动效果，我恶补了一下Dom中的各种距离
    背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，看到一个
    前端 DOM
  • 前端正确处理“文字溢出”的思路
    最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案
    前端 JavaScript 掘金·金石计划
    前端正确处理“文字溢出”的思路
  • 封装vue通用拖拽滑动分隔面板组件（Split）
    在vue工程中创建SplitPane组件，引入页面使用。 SplitPane组件由三部分组成：区域1，区域2，以及滑动器。添加这三个元素，并分别添加class名，注意.pane为区域1和区域2共用。 将容器设置为flex布局，区域2的flex属性设为1，则区域2会根据区域1的宽…
    Vue.js
    封装vue通用拖拽滑动分隔面板组件（Split）