首页
沸点
课程
AI Coding
数据标注
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端干货·JS代码段
订阅
Joe1997
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
前端将数据转化为弹幕效果的实现方式
这个需求如题,大体上是将文章的评论数据,在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候,花了挺多精力的,踩了很多坑,现将弹幕的实现思路写出来,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 实现弹幕的原理,并不算太复杂,耗费一些时间,怼一怼应该…
Web 端 实现 app “输入验证码 ”的效果
前两天跟一个哥们唠嗑,讨论怎么实现uber, 滴滴的验证码输入的效果。 有打算一个input然后两条线段之间用白背景的线段遮住实现,用letter-spacing控制字间距。 但是控制数字间距吃力点,效果不佳便放弃。 这样就实现了 点击label触发 input焦点,调用键盘。…
几道JS代码手写题以及一些代码实现
2. 将两个有序数组合并为一个排好序的大数组 不用循环,创建一个长度为 100 的数组,并且每个元素的值等于它的下标。
「前端进阶」如何优雅的处理图片异常
首先发生的是事件捕获,为截获事件提供了机会。然后是实际的目标接收到的事件。最后一个阶段是冒泡阶段。 我们上文中的监听图片自身的 error 事件,实际上在事件流中是处于目标阶段。
一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的
【译】用 JavaScript 和 Emoji 做地址栏动画
不管什么原因,维恩图中的合理性观点“没人这么做,但这是可能的”是让我兴奋的点。所以我决定花费一些时间研究在地址栏中图形字符的可能性,特别是通过 JavaScript 给这些字符加上动画。 首先,确保你页面的 JavaScript 代码是 UTF-8 编码,否则无法在你的代码中显…
HTML5拍照、摄像机功能实战
最近在做一个chrome app的云相机应用,应用包括拍照、摄像、保存照片视频、上传文件等等核心功能,其中涉及到很多HTML5对媒体流相关的API。写这篇文章的目的,其一是总结梳理知识点,最重要是希望对有相关需求的读者提供一些指导。 注:本篇文章以实战为准,理论知识不做过多介绍…
如何编写高质量的函数 -- 打通任督二脉篇[理论卷]
凡是点进来的老铁都会受到 dva 的卖萌祝福。我会理论结合实践的去阐述:如何运用函数式编程思想去编写高质量的函数。 在这篇文章中,你可以收获一个满意的答案。 嗯,本来打算一篇搞定,可是写着写着就到了 10000 字了。虽然已经较简洁了,但是涉及到的知识有点多,还是要花字数去阐述…
重构 - 用各种方式优化自己的函数库
最近有几天时间空闲,也是在学怎么写更有可读性的代码,更简单,方便的API。简单来说就是重构方面的内容。今天简单分享下,对以前一个小项目(ecDo,欢迎大家star)的API重构方式,下面的的代码如无说明,都是选取自我的项目中这个文件:ec-do-3.0.0-beta.1.js …
从零开始徒手撸一个vue的toast弹窗组件
0. 轻量 --一个组件小于 1Kib (实际打包完不到0.8k) 今天,我们就抱着上面2个需求点,来实现一个基于vue的toast弹窗组件,下图是最终完成的效果图. 一. 先写一个普通的vue组件 二. 在我们需要使用的页面引入组件,方便看效果和错误 三. 实现动态加载组件 …