花花发发的个人主页 - 动态

赞了这篇文章

国服第一切图仔 @Shopee

·

5年前

CSS 奇技淫巧：动态高度过渡动画

当上述代码设置成 height: unset 时，实际等同于设置了 height: auto，我们的想法是希望这段代码能够容器支持文本的动态高度。每次展开的时候，过渡展开到...

95

24

赞了这篇文章

4年前

Vue仿bilibili左右联动导航

先看b站的效果，是当页面滚动时左边的菜单到达某个位置后，右侧的导航条对应的导航会高亮，然后点击右侧导航的某项时，页面会滚动到对应的菜单。说到这呢，其实心里也大概会有点头绪...

17

1

赞了这篇文章

🏆 掘金签约作者 @资深打杂工程师

·

4年前

🌠一文带你看CSS过渡动画艺术，附带常见动效分享

在使用手机时，都会或多或少都会接触到过渡动画的使用场景。从最基本的页面切换到一个按钮的点击后的常态都是动画的应用场景。这些动画无时无刻不在优化（欺骗）着我们的大脑，...

174

5

赞了这篇文章

打杂的 @打零工中

·

4年前

基于websocket、rabbitmq、nest构建即时通讯(一)——单聊设计篇

基于websocket和消息队列构建即时聊天系统（个人基于node的微服务的实践项目）。涉及技术栈主要包括kafka(日志收集)、rabbitmq(消息推送)、mongo...

9

赞了这篇文章

www.huashuiAI.com

·

4年前

现代 Web 富文本编辑器 Quill.js - 从基本使用到核心概念

Quill 是一款非常优秀的 Web 富文本编辑器，近半年 npm 周下载量一直在 40w+ ，用户量很大。 Quill 的官网我有时候打不开，有时候打开很慢。于是，找到...

50

6

赞了这篇文章

国服第一切图仔 @Shopee

·

4年前

CSS 奇思妙想边框动画

觉得它的风格很独特，尤其是其中一些边框。嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。谈到边框，首先会想到 border，我们最常用的莫过于 s...

2.6k

269

赞了这篇文章

前端 @城东

·

6年前

前端SEO优化

在搜索引擎网站的后台会有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点...

447

29

赞了这篇文章

前端开发

·

5年前

canvas实现简单签名功能

业务员做申请提交时要签名。。。...

26

13

赞了这篇文章

前端开发工程师 | 广州

·

5年前

分享8个非常实用的Vue自定义指令

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元...

2.2k

141

赞了这篇文章

《JS正则迷你书》作者

·

6年前

你未必知道的49个CSS知识点

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。需...

4.9k

182

赞了这篇文章

5年前

自适应布局方案

rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-s...

594

54

赞了这篇文章

切图仔

·

5年前

CSS八种让人眼前一亮的HOVER效果

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs...

1.7k

102

赞了这篇文章

高级前端开发工程师 @平安寿险

·

5年前

transition, transform, animation

:hover 伪类选择器不仅可以用于a标签, 还可以用于所有标签, 但行元素在转为块元素或者脱标之前不能设置宽高. 这个属性让人不适应的地方在于属性值还要取值. 3D 相比...

5

赞了这篇文章

🚗🚕🚙🚌🚎🏎🚓 @其实每个人都很优秀。

·

5年前

捕获用户在该页面停留的时长，我是这样做的（前端监测）

在监测功能的时候，我们首要考虑的就是，我们的监测代码不能影响我们现在的业务代码，和以后的业务代码。经过自己的一点小测试，发现无论在关闭的时候（也就是点击叉），还是隐藏的时...

283

41

赞了这篇文章

Shader魔法使

·

5年前

我写CSS的常用套路·续

前言前篇传送门：猛戳这里其实大多数的技巧前篇都已经讲完了，本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢？用以下的SCSSmixin即可方块的长...

984

83

赞了这篇文章

阿里巴巴集团 @大淘宝技术，服务9亿用户，赋能各行业1000万商家，作为核心技术团队保障14次双十一购物狂欢节成功

·

5年前

超详|2020年你不应该错过的CSS新特性

@argyleink在第四次的伦敦（LondonCSS 2020）CSS活动中分享了一个有关于CSS特性相关的话题。看了一下这个主题的PPT，里面有些新东西还是蛮有意思的。...

593

38

赞了这篇文章

前端酱 @frontzhm@163.com

·

5年前

写个简单css动画，transition 和animate

但transition的毛病就是，必须某种动作触发（hover active巴拉巴拉），然后一次性动画。第一种常想到的方式：设置动画的100%处就是动画前的状态，这样结束...

3

赞了这篇文章

前端工程师 @上海阅文信息技术有限公司

·

5年前

不可思议，纯 css 都能图片滚动

传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传...

437

53

赞了这篇文章

前端开发

·

5年前

简单实用又不花里胡哨的鼠标滑过样式

一、纯图片的DIVhtml代码（以下效果皆围绕这个代码展开）：1、缓动上移效果图：2、放大效果效果图：3、框内放大效果效果图：4、蒙层效果效果图：二、上图下文的DIV不建议...

723

47