首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
轮子
订阅
没有明天
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
小tip-一种图片加载状态效果的实现
每多设置一个监听事件,都将引起...
前端将数据转化为弹幕效果的实现方式
这个需求如题,大体上是将文章的评论数据,在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候,花了挺多精力的,踩了很多坑,现将弹幕的实现思路写出来,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 实现弹幕的原理,并不算太复杂,耗费一些时间,怼一怼应该…
【译】用 JavaScript 和 Emoji 做地址栏动画
不管什么原因,维恩图中的合理性观点“没人这么做,但这是可能的”是让我兴奋的点。所以我决定花费一些时间研究在地址栏中图形字符的可能性,特别是通过 JavaScript 给这些字符加上动画。 首先,确保你页面的 JavaScript 代码是 UTF-8 编码,否则无法在你的代码中显…
讲道理,仅3行核心css代码的rate评分组件,我被自己秀到头皮发麻🙆♂️
像rate评分组件一般都用javascript写,大概一年前,我在简书写过一篇文章原生Javascript实现星星评分组件,感兴趣的可以去看一下,很久之前写的,我不知道之前的代码有多啰嗦,所以这次将是
H5页面滚动阻尼效果实现
好吧,生涩难懂,没能理解。不过网上有说此效果在iPhone上比较常见,直接上图比较容易理解: 简单来说,就是界面滑动到了最底部或最顶部仍可以比实际的内容多滑动一段距离然后回弹的弹性效果。 滑动到最顶部或最底部才出现。 表现出比实际的内容多滑动一段距离,实际操作知道,多滑动的距离…
跟着大佬学防抖节流
本文非原创,应各位掘友要求分享给大家(文章较长)。 因为这个例子很简单,所以浏览器完全反应的过来,可是如果是复杂的回调函数或是 ajax 请求呢?假设 1 秒触发了 60 次,每个回调就必须在 1000 / 60 = 16.67ms 内完成,否则就会有卡顿出现。 现在随你怎么移…
App Store 卡片展开效果
大家好,我是 Steven。 本来想只用 HTML 和 CSS 去制作,但最后都要运用到 JavaScript,那我们立即开始吧。 打开 CodePen 编辑器,首先建立 HTML 结构。新增一个 <div>,class 是 card,里面新增图片,图片来源使用 Un…
不可思议的纯 CSS 滚动进度条效果
就是顶部黄色的滚动进度条,随着页面的滚动进度而变化长短。 在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…
不可思议的纯 CSS 实现鼠标跟随效果
直接进入正题,鼠标跟随,顾名思义,就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样: 通常而言,CSS 负责表现,JavaScript 负责行为。而鼠标跟随这种效果属于行为,要实现通常都需要借助 JS。 当然,本文的重点,就是介绍如何在不借助 JS 的情况下使用 CS…
原生js实现瀑布流效果
效果 dom结构 可以根据自己的需要增加dom元素 JavaScript部分 window.onload 官方解释是: 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行