![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 52
学习JavaScript当中,基础内容
outside-R
这个作者很懒,什么都没留下…
展开
-
JS交换数组中位置
原数组:[1,2,3,4]交换位置: 2,4结果:splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。Array MDN原创 2022-06-16 09:37:50 · 1182 阅读 · 0 评论 -
HTMLElement对象
任何HTML元素都继承于HTMLElement对象,一些元素直接实现这个接口,而另一些元素通过多层继承来实现它。原创 2022-06-07 14:30:17 · 360 阅读 · 0 评论 -
vue3 路由相关问题
URI通常有三部分组成:(1)访问资源的命名机制。(2)存放资源的主机名。(3)资源自身的名字。如:https://blog.csdn.net/weixin_45044349/article/details/125080339我们可以这样解释:(1)这是一个可以通过https 协议访问的资源,(2)位于主机 blog.csdn.net 上,(3)通过 “/weixin_45044349/article/details/125080339” 可以对资源进行唯一标识encodeURIComponent原创 2022-06-02 10:21:44 · 273 阅读 · 0 评论 -
浏览器常驻的线程
js引擎线程 (解释执行js代码、用户输入、网络请求)GUI线程 (绘制用户界面、与js主线程是互斥的)http网络请求线程 (处理用户的get、post等请求,等返回结果后将回调函数推入任务队列)定时触发器线程 (setTimeout、setInterval等待时间结束后把执行函数推入任务队列中)浏览器事件处理线程 (将click、mouse等交互事件发生后将这些事件放入事件队列中)解析①JS可以操作DOM元素,进而会影响到GUI的渲染结果,因此JS引擎线程与GUI渲染线程是互斥的。也就是.原创 2021-07-25 17:04:36 · 188 阅读 · 0 评论 -
JavaScript基础学习
速写属性var name = "成哥";var age = 18;var person = {//属性名:属性值 name:name, age:age,};console.log(person);//{ name: '成哥', age: 18 }语法糖:var name = "成哥";var age = 18;var person = { name, age,};console.log(person);//{ name: '成哥', age: 18 }原创 2021-07-04 14:30:12 · 62 阅读 · 0 评论 -
拖放API
设置元素属性 draggable=true 即可让元素能够拖放拖放源:被拖放的元素拖放目标:被拖放的元素到达的目标元素拖放源事件:dragstart:拖放源开始被拖放时触发drag:拖放源被拖放的过程中触发dragend:拖放源在拖放结束时触发拖放目标事件:dragenter:拖放源进入元素边界时触发dragleave:拖放源离开元素边界时触发dragover:拖放源在元素内部时不断被触发drop:拖放源被释放到元素内部时触发dataTransfer是拖放事件对象中的一个属性原创 2021-05-30 21:59:37 · 158 阅读 · 0 评论 -
利用原生js制作小游戏
1.编写函数:该函数对游戏间隔时间、影响游戏的对象的绑定、开始、结束进行编写/** * * @param {*} duration 间隔时间 * @param {*} thisObj 绑定的this对象 * @param {*} startCallBack 开始回调函数 * @param {*} stopCallBack 结束回调函数 */function getTimer(duration, thisObj, startCallBack, stopCallBack) { va原创 2021-05-26 22:48:52 · 3893 阅读 · 1 评论 -
加载页
加载页:小怪兽动画,进度条到100%,旋转360度,跳转页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc原创 2021-05-24 17:00:33 · 249 阅读 · 0 评论 -
表单事件
事件focus:元素聚焦时触发(能与用户交互的元素的元素,都可以聚焦),该事件不会冒泡blur:元素失去焦点时触发,该事件不会冒泡placeholder=“请输入关键字” :输入文字时,该提示消失submit:提交表单事件,仅在form元素有效。change:文本改变事件input: 文本改变事件,即时触发了解聚焦<style> .noinput { color: #ccc; } </style>原创 2021-01-24 18:44:20 · 202 阅读 · 0 评论 -
关于dom(javascript)
获取dom节点获取dom对象全局对象 window 中有属性document,代表的是整个文档节点旧的获取元素节点的方式dom 0document.body:获取body元素节点document.head:获取head元素节点document.links:获取页面上所有的超链接元素节点,类数组document.anchors:获取页面上所有的锚链接(具有name属性)元素节点document.forms:获取页面中所有的form元素节点新的获取元素节点的方式通过方法获取do原创 2020-12-24 23:41:29 · 112 阅读 · 0 评论 -
图片切换(JavaScript)[点击按钮与点击图片]
点击按钮<style> .banner{ width: 500px; margin: 0 auto; text-align: center; } .banner img{ width:100%; height: 300px; object-fit: contain; border: 1px solid; display: block;原创 2020-12-07 15:14:08 · 574 阅读 · 0 评论 -
dom元素删除列表练习(javascript)
法一 <div class="container"> <p> <button id="btnClear">清空</button> </p> <ul class="list"> <li>项目1<button>删除</button></li> <li>项目2&l原创 2020-12-07 14:24:56 · 191 阅读 · 0 评论 -
Array构造器及例子
Array构造器参考凡是通过Array构造函数创建的对象,都是数组静态成员from方法:可以将一个伪数组转换为真数组isArray方法:判断一个给定的数据,是否为一个真数组of方法:类似于中括号创建数组,依次赋予数组每一项的值Array.of() 和 Array 构造函数之间的区别在于处理整数参数:Array.of(7) 创建一个具有单个元素 7 的数组,而 Array(7) 创建一个长度为7的空数组(注意:这是指一个有7个空位(empty)的数组,而不是由7个undefined组成的数组)原创 2020-12-06 18:10:50 · 578 阅读 · 0 评论 -
正则表达式小练习(关于javascript)
1.对于金钱数额,用逗号分割<script> var s = "232234353456"; // var result = "43,534,512,312"; var reg = /\B(?=(\d{3})+$)/g; s = s.replace(reg, ","); console.log(s);//232,234,353,456 </script>2.得到所有的匹配结果和位置<原创 2020-12-03 22:07:21 · 282 阅读 · 0 评论 -
Math对象及Data构造器
Math对象提供了一系列与数学相关的成员常量:永远不会变化的数据。常量一般命名时所有字母大写,如果有多个单词,用下划线分割。random方法: 产生一个0~1之间的随机数PI属性:得到圆周率abs方法:求绝对值floor方法:对一个数向下取整ceil方法:对一个数向上取整max方法:得到一组数字的最大值;如果无参,得到-Infinitymin方法:得到一组数字的最小值;如果无参,得到Infinitypow方法:求一个数字的幂次方 【Math.pow(2,3) === 2**3】原创 2020-11-30 22:27:35 · 136 阅读 · 0 评论 -
正则表达式学习及小练习
Date构造函数术语时间单位年(year)月(month)日(date)小时(hour)分钟(minute)秒(second) = 1000ms毫秒(millisecond,ms) = 1000 us微秒(microsecond,us) = 1000 ns纳秒(nanosecond,ns)UTC和GMT世界划分为24个时区,北京在东8区,格林威治在0时区。GMT:Greenwish Mean Time 格林威治世界时。太阳时,精确到毫秒。UTC:Universal原创 2020-11-30 22:25:21 · 249 阅读 · 0 评论 -
javascript原始类型包装器以及一些实例
方法:1:new 包装器(值)2:包装器(值):返回的是一个原始类型原创 2020-11-29 16:45:55 · 131 阅读 · 0 评论 -
js标准库
标准库(标准API)库:liberaryAPI:应用程序编程接口,Application Programing Interface标准:ECMAScript标准Object静态成员keys(某个对象),得到某个对象的所有属性名数组values(某个对象),得到某个对象的所有属性值数组entries(某个对象),得到某个对象的所有属性名和属性值的数组实例成员实例成员可以被重写所有对象,都拥有Object的所有实例成员toString方法:得到某个对象的字符串格式默认情原创 2020-11-01 22:24:07 · 677 阅读 · 0 评论 -
JS运动
1.匀速运动可以设置div定位的top和left【正向,反向】正向为例://匀速运动:点完button之后,div开始移动 ,div到达黑色线时,停止 s = vt <head> div{ width:50px; height:50px; background:red; position:absolute; left:0px; top...原创 2020-11-25 11:20:06 · 118 阅读 · 0 评论 -
js常用知识点(必会)
浏览器的基本组成1.用户界面2.浏览器引擎3.渲染引擎4.网络5.UI后端6.Js引擎7.数据存储<script> //1.url(ip地址【网络部分】 资源定位器) //2.tcp 【建立连接 三次挥手】 //3.js html css img //4.js时间线 //5.渲染过程【渲染引擎】 //6.tcp【四次挥手】</script...原创 2020-11-25 11:18:11 · 373 阅读 · 0 评论