![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
258258ch
前端学习小白
展开
-
利用js实现数组交集并集(fliter方法)
const arr1 = [1,2,3,4,5], arr2 = [5,6,7,8,9], _arr1Set = new Set(arr1), _arr2Set = new Set(arr2);// 交集let intersection = arr1.filter(item => _arr2Set.has(item))// 并集let union = Array.from(new Set([...arr1, ...arr2]))// 补集 两个数组...原创 2022-03-30 00:52:15 · 419 阅读 · 0 评论 -
用Vue制作简易音乐播放器
body,ul,dl,dd { margin: 0px; padding: 0px;}.wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("images/bg.jpg") no-repeat; background-size: 100% 100%;}.play_wrap { width: 800px; height: 544px.原创 2021-08-03 20:46:37 · 784 阅读 · 4 评论 -
利用axios和vue实现查询天气的功能
利用axios网络数据实现查询天气功能,具体思路如下:(1)利用v-on.enter实现按下回车;(2)然后利用axios接口和v-model查询数据;(3)v-for数组实现数据渲染;这里参数为city,接口地址为:http://wthrcdn.etouch.cn/weather.min; 用get获取数据。实现效果如下:代码如下:css部分:body{ font-family: "Microsoft YaHei";}.wrap{...原创 2021-08-01 22:05:22 · 650 阅读 · 0 评论 -
利用offset家族实现放大镜效果(模仿京东手机放大镜)
offset家族分为offsetWidth,offsetHeight,offsetLeft和·offsetTop用于表示元素的偏移量,计算元素偏移的最大距离。基本思路如下:(1)首先设置遮罩层mask,获取鼠标的坐标给mask。由于鼠标在mask层中心,计算鼠标在盒子的坐标时减半,即varx=e.pageX-this.offsetLeft-mask.offsetWidth/2;ary=e.pageY-this.offsetTop-mask.offse...原创 2021-07-25 00:07:04 · 205 阅读 · 0 评论 -
js实现表单内容的增加与删除操作(学生成绩的录入与删除)
采用node.removeChild(child)进行节点的删除操作,需要注意的是删除表格所在行,需删除所在行的tbody。采用创建document.createElement('tagname')和添加节点node.appendChild(child)将学生数据录入表格.代码如下:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name原创 2021-07-23 23:20:53 · 2560 阅读 · 0 评论 -
js创建增加删除节点(评论区增加删除模块)
最近巩固一下js的节点部分。利用增加删除节点来发布评论和删除评论,记录一下学习记录。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-07-23 22:31:56 · 368 阅读 · 0 评论