![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript学习
文章平均质量分 61
栀虞子
这个作者很懒,什么都没留下…
展开
-
JavaScript中高阶函数filter,map,reduce的使用
JavaScript中高阶函数filter,map,reduce的使用1. filter函数的使用注意:filter中的回调函数有一个要求: 必须返回一个boolean值true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中false: 当返回false时, 函数内部会过滤掉这次的n let nums = [10, 20, 111, 222, 444, 40, 50]; // filter函数的使用 let newArr = nums.filter(functi原创 2022-01-17 10:35:54 · 155 阅读 · 0 评论 -
JavaScript 详细学习笔记5
JavaScript 详细学习笔记51. PC端网页特效1.1 元素偏移量offset系列offset翻译过来就是偏移量,使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数组不带单位offset系列常用相关属性:offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素,如果父级都没有定位则返回bodyelem原创 2021-12-16 20:39:59 · 1007 阅读 · 0 评论 -
PC端网页特效案例
PC端网页特效案例1. 获得鼠标在盒子内的坐标 <style> .box { width: 300px; height: 300px; background-color: pink; margin: 200px; } </style><body> <div class="box"></div>原创 2021-12-16 20:18:39 · 221 阅读 · 0 评论 -
JavaScript BOM 案例
BOM 案例1. 5秒后自动关闭广告<body> <img src="images/ad.jpg" alt="" class="ad"> <script> var ad=document.querySelector('.ad'); setTimeout(function(){ ad.style.display='none'; },5000); </script>原创 2021-12-15 20:01:15 · 942 阅读 · 0 评论 -
JavaScript 详细学习笔记4
JavaScript 详细学习笔记41. 事件高级1.1 注册事件给元素添加事件,称为注册事件或者绑定事件1.1.1 传统注册事件利用on开头的事件 比如onclick特点:注册事件的唯一性–>同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数1.1.2 方法监听注册事件W3C标准 推荐方式addEventListener() 它是一个方法IE9以前的IE不支持此方法,可使用attachEvent()代替同一个元素同一事件可以注册多个原创 2021-12-15 20:00:03 · 665 阅读 · 0 评论 -
JavaScript 事件案例
JavaScript 事件案例1. 跟随鼠标的天使<style> /* 跟随鼠标的天使 */ img{ position: absolute; top: 2px; }</style><body> <!-- 跟随鼠标的天使 --> <img src="images/angel.gif" alt=""> <script原创 2021-12-14 16:50:04 · 192 阅读 · 0 评论 -
JavaScript详细学习笔记3
JavaScript详细学习笔记31. Web APIs1.1 Web APIs和JS基础关联性1.1.1 JS的组成ECMAScript:JavaScript语法 -----》JavaScript基础DOM:页面文档对象模型 ------》Web APIsBOM:浏览器对象模型 ------》Web APIs1.1.2 JS基础阶段以及Web APIs阶段[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hsv6E7Cb-1原创 2021-12-13 10:36:13 · 339 阅读 · 0 评论 -
JavaScript 节点操作案例
JavaScript 节点操作案例1. 新浪下拉菜单 <style> /* 新浪下拉菜单 */ * { margin:0; padding: 0; } a { text-decoration: none; font-size: 14px; } li { list-style: none; } .nav { margin:100px; } .nav>li { position原创 2021-12-13 10:32:43 · 442 阅读 · 0 评论 -
JavaScript 操作元素案例
操作元素案例1. 点击按钮,显示当前时间<body> <button>显示当前系统时间</button> <div>某个时间</div> <script> // element.innerText() var btn=document.querySelector("button"); var div=document.querySelector("div");原创 2021-12-11 22:26:26 · 578 阅读 · 0 评论 -
JavaScript详细笔记2
JavaScript详细笔记21. JavaScript 数组1.1 数组简介概念:数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。创建:利用new创建数组利用数组字面量创建数组// 1. 数组(Array) // 2. 利用new创建数据 var arr=new Array(); // 创建了一个空的数组 // 3. 利用数组字面量创建数组 var arr1=[]; //原创 2021-12-04 21:54:18 · 672 阅读 · 0 评论 -
JavaScript案例1
JavaScript案例1案例一:创建一个电脑对象,该对象有颜色、重量、品牌、型号,可以看电影、听音乐、打游戏和敲代码function Computer(color,weight,brand,tyep){ this.color=color; this.weight=weight; this.brand=brand; this.tyep=tyep; this.watch=function(film){ console.log(film); }原创 2021-11-29 23:26:35 · 3231 阅读 · 0 评论 -
JavaScript学习笔记
1、什么是JavaScript1.1、概述 JavaScript是一门世界上最流行的脚本语言1.2、历史 https://blog.csdn.net/kese7952/article/details/793578682、快速入门2.1、引入JavaScript1、内部标签使用<script> //.....</script>2、外部引入abs.js//....test.html<script src="abs.js">&l原创 2021-07-26 17:07:43 · 145 阅读 · 0 评论 -
JavaScript详细学习笔记1
JavaScript详细学习笔记11. 初识JavaScript1.1 简单介绍布兰登▪爱奇在1995年花费10天完成是世界上最流行的语言之一,是一种运行在客户端的脚本语言(不需要编译,运行过程中由js解释器逐行来进行解释并执行)实现业务逻辑和页面控制(决定功能),相当于人的各种动作浏览器分成两部分,渲染引擎和js引擎渲染引擎:用来解析HTML与CSS,俗称内核,比如Chrome浏览器的bink,老版本的webkitjs引擎:也称为js解释器,用来读取网页中的JavaScript代码,原创 2021-11-21 17:29:35 · 674 阅读 · 0 评论 -
JavaScript相关方法总结
JavaScript方法以字符串的形式返回参数的类型function _typeof(value) { return (typeof(value)).toString();}以Boolean的形式返回第一个参数是否属于第二个参数对象的实例function _instanceof(left,right) { return Boolean(left instanceof right); }以字符串的形式返回两个数字参数的拼接结果。function _splice(原创 2021-11-10 10:59:16 · 1051 阅读 · 1 评论