clearlove7

在平时开发中，有时候会碰到下面这种“弧形”样式，主要分为“内凹”和“外凸”两种类型，如下 该如何实现呢？或者想一下，有哪些 CSS 属性和“弧形”有关？下面介绍 3 种方式...

CSS和JS创建有趣的圆形文本鼠标移动动画效果。随着鼠标进入网页，由文字环绕组成的圆形中心圆点代替鼠标指针，文本和阴影会根据鼠标移动时产生变化。鼠标移动圆形会转圈，转动的过...

两天内一直被一个bug折磨，终于发现了问题的所在。决定做一个小记录，以此加深记忆！ 在vue项目中，当转到新加入的页面中时，控制台报出以下警告： Component ins...

最近被广进了，可以说是相当焦虑，疯狂刷各种招聘软件找面试机会，在刷 boss 直聘的时候发现有些岗位已经存在很久了，4年前我刚毕业时看到的岗位居然还在，属实有点离谱，想着有...

众所周知，高度在设置成auto关键词时是不会触发transition过渡动画的，下面是伪代码 效果如下 如果希望展开时有过渡动画，例如这样 通常是借助 JS 动态去获取元素...

Safari不愧是新时代的 IE，各种 bug 层出不穷。比如有这样一个多行省略打点的布局 这样在文本超过三行的时候就会出现省略号 没啥问题，和正常浏览器一样。但是这样有个...

之前看到coco的这样一篇文章： 纯 CSS 实现波浪效果！，非常巧妙，通过改变border-radius和不断旋转实现的波浪效果，有兴趣的可以去研究一下。 这次尝试一下使...

Ant-design 中有一个这样的头像组件，当字符串较长时，字体大小可以根据头像宽度自动调整，效果如下 当然，这里是通过JS根据字符数量自动缩放文本实现的 而现在，仅仅通...

现在已经是“组件化”开发时代了。 相信大家平时在vue或者react中都碰到过“跨组件”通信的需求，通常我们需要将数据放在一个公共的父级上，然后用context之类的方式传...

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现...

在数据驱动视图的框架下，你最头疼的事情是什么？没错，就是获取dom。大部分业务逻辑都可以在数据层面进行处理，但有些情况就不得不去获取真实的dom，比如获取元素的宽高 或者调...

介绍一些看似简单又不是那么容易的过渡小技巧。 很多 CSS 属性其实是不支持过渡变化的，例如flex中的对齐 或者是文本对齐 这样属性在变化时是没有过渡动画的，但有时又需要...

「庆余年2」 马上就要开播了~最近起点读书APP内上架了庆余年典藏书，最大的特色是里面新加入了全新的阅读皮肤，一个拟物化的卷轴滚动效果，效果如下 就是在拖动页面时，卷轴会随...

用Vue仿了一个类似抖音的App，基于 Vue, Vite实现。使用了最新的Vue全家桶技术栈，接口数据通过 axios-mock-adapter模拟，完成度已经可以达到官...

前端工程化解决解决的问题包含前端开发效率，开发规范，访问性能等。传统前端开发会碰到的问题以及解决方案js全局作用域冲突问题。...