JavaScript实战
文章平均质量分 65
本专栏主要是记录JavaScript实战的几个实用小案例
大前端工程师
2022年本科毕业,热爱前端,喜欢二次元。喜欢软萌妹~
展开
-
axios实现文件上传功能(前后端完整演示+含gitee地址)
文件上传文件上传几乎我们天天都在使用,在工作中也会遇到这样的需求。那么我们如何前端和后端配合上传文件呢?完整案例下载我们在开始讲解之前,我已经提前为大家准备了一个前后端完整的案例gitee地址:上传文件,前后端完整流程演示直接下载zip压缩包:代码压缩包【1MB】如果你不太会使用git去拉取代码,可以点击这里下载我的代码包然后打开README.md,它会告诉你怎么去做fileReader我们可以使用fileReader进行文件上传,这是HTML5新增的一个对象,使用它上传文件非常方原创 2021-11-01 22:21:11 · 5258 阅读 · 0 评论 -
JavaScript实现按钮波纹点击效果
按钮波纹我们经常使用安卓手机知道,当我点击这个按钮的时候,这个按钮周围就会有波纹,这个效果用户体验是比较好的,那么我们如何使用JavaScript来实现呢实现思路我们代码实现的思路是,我们首先使用css做一个一次性播放的动画。然后我们用js动态的添加带有动画的元素,每次添加它的时候都移除上一个添加的,确保每次只有一个动画元素。代码实现css代码button { position: relative; overflow: hidden; margin: auto; p原创 2021-07-28 19:34:34 · 1231 阅读 · 0 评论 -
JavaScript控制台打印单词
在线工具我们打开这个在线工具,进行使用console控制台打印字母使用方法1.首先我们访问上面的在线工具网站:2.我们在文本框输入一些内容,比如说:Tencent然后我们点击Test All按钮:记住要点击Test All按钮才会出现很多可以提供选择的样式3.我们点击Select & Copy按钮,然后按下ctrl+v进行复制4.最关键的一步,我们把它粘贴到word上,使用查找替换功能把所有的 \ 换成 \\(因为有转义字符的说法)5.把替换好的文本粘贴到代码上/原创 2021-06-12 17:22:18 · 446 阅读 · 0 评论 -
JavaScript控制台打印图片/超链接
打印图片:代码实现://打印一张图片console.log(`%c `,`margin:8px;font-size:80px;background:url(https://6368-chengqige-7gunki87efeca981-1302748923.tcb.qcloud.la/%E5%B9%BF%E5%91%8A/JS.jpeg) no-repeat;background-size: 100%;`)console效果:打印超链接:console.log("%c大前端工程师的博客原创 2021-05-11 23:05:27 · 1565 阅读 · 1 评论 -
JavaScript获取当前周
getweek() { //这里设置从第一周-第一天的日期 var baseDate = Date.parse("2021-03-08") //获取系统当前时间 var nowDate = Date.parse(new Date()) //计算经过的毫秒时间 var duringTime = nowDate - baseDate //一周对应的毫秒时间 === 7天 1天24小时 1小时60分钟 1分钟60秒 1秒1000毫秒 7*24*60*60*1000 var wee原创 2021-04-04 22:26:30 · 3565 阅读 · 1 评论 -
JavaScript实现放大镜预览效果
放大镜功能我们有时候需要实现这样一种效果:当我的鼠标移动上去的时候,实现预览放大。鼠标移走之后,放大效果就消失了我们今天就研究如何实现这样的功能Vue.jsVue是现在最流行的前端框架之一,如果看这篇博客的你还是仅仅只会JavaScript和jQuary的话,你可能要落伍了,因为你的武器不够先进。Vue的简单程度,超乎你的想象,下面我就向大家演示如何使用Vue实现这个效果:代码实现首先我们先把代码给大家看一下,本代码是用Vue.js实现的。<!DOCTYPE html>原创 2021-07-26 10:28:46 · 313 阅读 · 0 评论