前端技术

前端技术分类下的所有文章

前端技术

前端技术分享

4
篇文章

文章列表

上传视频或音乐时获取时长信息
前端技术WEBJS

上传视频或音乐时获取时长信息

在这篇文章中,我们介绍了如何使用JavaScript来获取上传视频或音乐的时长信息。首先,我们使用`URL.createObjectURL()`方法创建一个表示文件或Blob对象的URL,然后通过监听`loadedmetadata`事件来获取音频或视频的元数据,包括时长。对于音乐,我们还尝试了使用`Audio`对象来获取时长。这种方法简单且高效,特别适用于处理文件类型的数据。

咻兔哔咻兔哔
2021年11月20日
6
一大波正则验证来袭请接收
前端技术JS

一大波正则验证来袭请接收

本文介绍了一些常用的表单验证工具,包括any-rule、JS开发技巧、火车车次、手机机身码、必须带端口号的网址、网址(支持端口和"?"+参数)、统一社会信用代码、迅雷链接、ed2k链接、磁力链接、子网掩码、linux文件夹路径、linux文件路径、window文件夹路径、window下文件路径、股票代码(A股)以及大于等于0, 小于等于150, 支持小数位出现5, 如145.5, 用于判断考卷分数。这些工具可以帮助开发者在网页中进行有效的表单验证,提高用户体验。

咻兔哔咻兔哔
2020年3月16日
2
仿小说APP滑动翻页效果实现
前端技术WEBJSCSS

仿小说APP滑动翻页效果实现

这段代码是一个使用CSS3实现的左右滑动翻页效果,主要利用了`transform: translateX(0px)`和`transform: translateX(125px)`两个属性来实现左右滑动的效果。具体来说,当页面滚动到左边时,`transform`属性设置为`translateX(0px)`,使左边的内容显示出来;当页面滚动到右边时,`transform`属性设置为`translateX(125px)`,使右边的内容显示出来。需要注意的是,这个效果需要在支持CSS3的浏览器中才能正常显示,例如Chrome、Firefox等。同时,由于使用了JavaScript控制滚动条的位置,所以在实际使用时可能需要配合其他代码来实现具体的功能。

咻兔哔咻兔哔
2020年3月10日
1