首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
功能封装
订阅
smartLe
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
写给新手前端的各种文件上传攻略,从小图片到大文件断点续传
今年国庆假期终于可以憋在家里了不用出门了,不用出去看后脑了,真的是一种享受。这么好的光阴怎么浪费,睡觉、吃饭、打豆豆这怎么可能(耍多了也烦),完全不符合我们程序员的作风,赶紧起来把文章写完。 这篇文章比较基础,在国庆期间的业余时间写的,这几天又完善了下,力求把更多的前端所涉及到…
一个简洁、有趣的无限下拉方案
长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说,看下图,也许你可以发现什么? 说明了要素,也许你可以尝试着开始思考,看你是否能猜到具体的实现方案。 一直以来,检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…
wasm + ffmpeg实现前端截取视频帧功能
有没有那么一种可能,在前端页面处理音视频?例如用户选择一个视频,然后支持他设置视频的任意一帧作为封面,就不用把整一个视频上传到后端处理了。经过笔者的一番摸索,基本实现了这个功能,一个完整的demo:ffmpeg wasm截取视频帧功能: 支持mp4/mov/mkv/avi等文件…
前端本地文件操作与上传
第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type="file"的input不好改变样式。如下代码写一个选择控件,并放在form里面: 可以看到文件的路径是一个假的路径,也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…
【不可思议的前端】动如脱兔的小球
本篇分享给大家一个有意思的小案例,同时我也会手摸手地教大家这个小案例是如何实现的,最后做一个简短2019年总结和2020年的展望,毕竟人还活着呢。 看到这个动图不知道是否勾起了你的好奇心,如果你心想这是如何来实现的呢?那么请不要着急,接下来我会带你来实现它。再如果你只对动图里的…
实现前端弹簧动效
它有一个弹闪的过程,一大一小交替缩放就像一个弹簧在弹动一样,而不是以往那种简单的线性变大。 如果使用CSS的animation-timing-function只是改变运动的速度,不能改变运动的方向。 是没有这种弹性动感的。 因为要实现一个弹簧振动效果,需要有两个参数,一个是阻尼…
纯CSS实现简单骨骼动画
某天设计师来找我说,“这个心愿牌傻傻地挂在那不好看,加个动效呗,就左右摆动一下就行,很简单的!”,我一想,行呀,提升用户视觉体验,开搞。 十分钟后,🥶不对呀,这个左右摆动好假,不像现实中风吹的效果。 冷静思考🤔,为啥这个摆动会没有灵魂。于是拿起工卡开始摆动,看看现实中的摆动…
使用Service Worker做一个PWA离线网页应用
在上一篇《我是怎样让网站用上HTML5 Manifest》介绍了怎么用Manifest做一个离线网页应用,结果被广大网友吐槽说这个东西已经被deprecated,移出web标准了,现在被Service Worker替代了,不管怎么样,Manifest的一些思想还是可以借用的。笔…
Web 一键复制与粘贴
在最近的 Web 开发中, 有遇到使用Clipboard的场景。即在 B 侧 Web 业务中, 对于复杂页面的配置, 希望提供复制粘贴功能。 思考了几种方案: 从需求角度来讲, 比较简单的方案就是调用后台接口, 生成一条新数据, 用户在新增数据上进行修改即可。此方法适用于同一环…
5行代码带你实现一个js的打字效果
有次看电影🎬, 看到屏幕上一个个的文字蹦出来, 感觉像是有人在打字一样, 觉得挺有意思, 于是这里也用js实现了一个。 通过setTimeout设置一个时间的间隔, 每隔一定时间向dom中插入对应的数据, 并将index加1, 然后重新调用这个写函数。 通过css3的anim…