CSS
16篇文章 · 0订阅
  • flex 布局中更巧妙的布局方案！比 justify-content 和 align-items 好用多了！
    在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。
    前端 CSS
    flex 布局中更巧妙的布局方案！比 justify-content 和 align-items 好用多了！
  • 前端最强拖拽组件 Pragmatic-drag-and-drop
    它是由Atlassian 公司出品。一个关注性能的拖放库，可用于增强前端用户体验。看Pragmatic这个名字的中文含义：“实用主义的” 就显得与众
    前端 GitHub JavaScript
  • 我为展开收起功能做了动画，被老板称赞！
    需求简介 这几天接了个新项目，需要实现下图中左侧边栏的菜单切换。这种功能其实就是一个折叠面板，实现方式多种多样。 实现上面的功能，无非就是一个v-show的事儿，但没有过渡，会显得非常生硬。想添加一些
    前端 Vue.js CSS
    我为展开收起功能做了动画，被老板称赞！
  • js如何实现当文本内容过长时，中间显示省略号...,两端正常展示
    前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬
    前端 JavaScript
  • 让整个网站界面无滚动条
    界面无滚动条 滚动条的优化也有很多种，比如随便再网上搜索美化浏览器滚动条样式，就会出现些用css去美化滚动条的方案。 那种更好呢？ 没有更好只有更合适 像默认的滚动条的话，他能让你方便摁着往下滑动（他
    前端 Vue.js JavaScript
    让整个网站界面无滚动条
  • 再见，CSS-in-JS
    大家好，我 ssh。在过去的开发中，我一直在用 styled-component 库作为 CSS 的解决方案。它有很多优点，灵活、可复用性强、功能强大、可以接受动态 JS 变量传入组件等等…… 但今天
    前端 JavaScript React.js
    再见，CSS-in-JS
  • 前端正确处理“文字溢出”的思路
    最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案
    前端 JavaScript 掘金·金石计划
    前端正确处理“文字溢出”的思路
  • 基于css3写出的流水加载效果
    通过css和svg实现的这么一个加载效果，重点在svg提供的一个高斯模糊的效果，从而使得看起来由明显的小球效果形成了流动的效果
    CSS SVG JavaScript
    基于css3写出的流水加载效果
  • 前端 “一键换肤“ 的几种方案
    「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 前言 现在越来越多的网站都提供了拥有换肤（切换主题）功能，如 ElementUI，无非是为了迎合用户需求，或是为了凸显自
    Vue.js CSS 前端
    前端 “一键换肤“ 的几种方案
  • 我写CSS的常用套路
    本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…
    CSS
    我写CSS的常用套路