![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js案例
文章平均质量分 51
福星高照。
新手小白
展开
-
判断真数组和伪数组的方法
判断真数组和伪数组的方法数组:Array 对象用于在单个的变量中存储多个值。伪数组:伪数组也称类数组,无法直接调用数组方法,它的构造函数并不是Array,没有数组的典型的length属性。此外,它还是可以用for循环去遍历的。常见的伪数组:arguments(实参),它是一个对象并不是一个数组。nodelist(dom元素节点),调用document.getElementsByTagName、getElementsByClassName等各类获取元素的方法。判断方法:①通过instanceof原创 2021-05-30 23:47:13 · 959 阅读 · 1 评论 -
ES6中的Promise
ES6 Promise定义:是异步编程的一种解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 的状态特点:1.Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。2.除了异步操作的结果,任何其他操作都无法改变这个状态。3.Promise 对象只有:从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和原创 2021-05-16 20:00:38 · 87 阅读 · 0 评论 -
class 实现继承
class 实现继承Class之间可以通过extends关键字实现继承,这比ES5的通过修改原型链实现继承,要清晰和方便很多。用法:<script> class Son extends Father { ... } </script>以上代码定义了一个Son类,以及Father类,通过extends关键字,Son类继承Father类的所有属性和方法。接下来我们要在Son中添加要继承的一些方法和属性。注: 子类原创 2021-05-13 20:34:17 · 1291 阅读 · 1 评论 -
JS异步加载的三种方式
JS异步加载的三种方式我们平时使用的最多的一种方式即同步加载,又称阻塞模式。会阻止浏览器的后续运行,停止后续的解析,只有当前加载完成后,才能进行下一步操作。所以接下来我会介绍三种异步加载的方式。异步加载即非阻塞加载,浏览器在下载执行js的同时,还会继续进行后续页面的处理。一、defer (IE适用) 代码块可以写在script标签中<script src="test.js" defer></script>或<script src="test.js" defer&原创 2021-04-07 19:24:24 · 439 阅读 · 4 评论 -
svg 和 canvas (两者均是画布)
svg 和 canvassvg是:一、矢量图,放大情况下不会产生马赛克(图形质量不会有所损失)。二、SVG 是万维网联盟的标准。三、可伸缩。四、SVG 的主要竞争者是 Flash。(Flash慢慢在被淘汰)五、通常用来设计图片,标签和css去绘制图像。svg实例:css样式: <style> *{ margin: 0; padding: 0; } svg{原创 2021-03-31 20:29:09 · 227 阅读 · 1 评论 -
浏览器渲染流程
浏览器渲染流程每个浏览器的渲染流程并不相同,以下webkit为例,主要包括以下五步:1、浏览器将获取的HTML文档解析成DOM树。2、处理css标签、样式,构成层叠样式表模型CSSOM(CSS Object Model)。3、将DOM和CSSOM合并为渲染树(rander tree),代表一系列将被渲染的对象。4、渲染树(rander tree)的每个元素包括的内容都是计算过得,被称为布局(layout)。5、将渲染树(rander tree)的各个节点绘制到屏幕上,这一步被称为绘制(原创 2021-03-24 20:57:49 · 564 阅读 · 1 评论 -
js下拉选框的二级三级联动
下拉选框的二级三级联动原创 2021-03-20 14:11:01 · 658 阅读 · 1 评论 -
js 防抖节流函数
js 防抖节流函数防抖(debounce)在前端开发中用户会频繁的触发事件执行,会消耗资源,会导致浏览器卡顿或者服务器崩溃。例如 : 搜索引擎 发送关键字给服务器,若是用户打错或打多关键字,引擎都会立马发送给服务器,这就会造成连续访问伏虎器导致服务器崩溃。防抖函数则要避免该情况发生,在用户输入完关键字之后延时一段时间在发送请求。 <input type="text" id="ipt"> <script> // 获取输入框 var ipt原创 2021-03-17 19:25:05 · 120 阅读 · 1 评论 -
js 纯函数
js 继承原创 2021-03-11 19:52:56 · 1718 阅读 · 2 评论 -
js面试题(避免采坑)
先来道简单的热热身Question 1 :<script> // 下列代码输出什么? (function () { var a = (b = 3); })(); console.log('a defined? ' + (typeof a !== 'undefined')); console.log('b defined? ' + (typeof b原创 2021-03-11 11:30:30 · 177 阅读 · 1 评论 -
js递归函数案例(斐波那契数列)
js递归函数案例(斐波那契数列)递归函数:直接或间接调用函数本身,则该函数称为递归函数。 <script> //斐波那契数列 1 1 2 3 5 8 13 21 ... (这个数列从第3项开始,每一项都等于前两项之和。) function a(num) { if(num===1||num===2){ return 1; }原创 2021-01-21 20:12:22 · 573 阅读 · 0 评论 -
js 循环小案例
一、输出100以内的素数首先我们要知道素数是什么:素数一般指质数,质数是指在大于1的自然数中,除了1和它本身以外不再有其他因数的自然数。 <script> var a, b; var i = 0; for (a = 2; a <= 100; a++) { for (b = 2; b <= 100; b++) { if (a % b == 0)原创 2021-01-18 20:31:17 · 505 阅读 · 0 评论