weixin_45662100的博客

判断真数组和伪数组的方法数组：Array 对象用于在单个的变量中存储多个值。伪数组：伪数组也称类数组，无法直接调用数组方法，它的构造函数并不是Array，没有数组的典型的length属性。此外，它还是可以用for循环去遍历的。常见的伪数组：arguments(实参)，它是一个对象并不是一个数组。nodelist(dom元素节点)，调用document.getElementsByTagName、getElementsByClassName等各类获取元素的方法。判断方法：①通过instanceof

1.jsonp原理是，为什么说他不是真正的ajax，他的优缺点是？Jsonp原理：动态添加script标签，利于script标签的src属性，将前端方法作为参数传给后端，再将后端返回的数据，作为js代码传回前端。前端通过callback回调函数，拿到它的实参，就得到了后端返回的数据。①jsonp只能使用get请求，ajax可以使用get和post；②ajax核心是通过异步对象XMLHTTPRequest(响应体)，来获取非本页内容；jsonp核心是通过动态添加script标签来调用服务器提供的js脚本

熟悉 dom0级事件模型和dom2事件模型dom0级理解：在之前IE与Netscape的规范则被称为DOM0，dom0 级事件简单的来说就是普通的 “on+监听事件”。有两种写法：①第一种：在标签内部写<input id='btn' type="button" value="点点点" onclick="console.log('点击一次！')" >②第二种：给想要的元素添加document.getElementById("btn").onclick = function(){

ES6 Promise定义：是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 的状态特点：1.Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。2.除了异步操作的结果，任何其他操作都无法改变这个状态。3.Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和

class 实现继承Class之间可以通过extends关键字实现继承，这比ES5的通过修改原型链实现继承，要清晰和方便很多。用法：<script> class Son extends Father { ... } </script>以上代码定义了一个Son类，以及Father类，通过extends关键字，Son类继承Father类的所有属性和方法。接下来我们要在Son中添加要继承的一些方法和属性。注： 子类

ES6 class类——语法糖定义： class (类)作为对象的模板被引入，可以通过 class 关键字定义类。它的本质是函数（function），可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。基本用法：1.匿名类表达式<script> class { constructor(name) { this.name = name; } } <

ES6新增基本数据类型——symbol基本数据类型除了 number 、 string 、 boolean 、 object、 null 和 undefined ，还有ES6新增的symbol。symbol的定义：表示独一无二的值，最大的用法是用来定义对象的唯一属性名。基本用法： Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。...

ES6新增声明let、constES6：全称 ECMAScript 6，是于2015年正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。了解ES6中新增的两个声明命令let及const，和两者区别。let声明let命令，用来声明变量 let x = 1; console.log(x); // 输出 1这样可看和var声明没啥区别，但是新增它肯定是有别的用处。1、我们再看： console.log(x); // 报错 R

原生js封装ajax为什么要封装ajax？答：一个网页里面会发送很多的ajax请求 而且所有的ajax的代码几乎一样，也就那五步个骤（上文已经讲过），所以将ajax封装需要用的时候直接调用，节省代码时间。首先我们知道需要传的参数都有什么：①请求方式：type。②请求路径：url。③传入的值/数据：data。④成功之后接受返回体：success。⑤返回体的数据类型：dataType。进行封装：第一步创建请求对象：var xhr = new XMLHttpRequest();第二步判

Ajax请求的五大步骤一、创建请求对象var xhr = new XMLHttpRequest();二、调用open方法，设置请求头和请求路径xhr.open("get","data.php");三、设置请求头（post请求需要设置）xhr.open("post","data.php");xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');四、监听响应完成事件xhr.onreadystate

JS异步加载的三种方式我们平时使用的最多的一种方式即同步加载，又称阻塞模式。会阻止浏览器的后续运行，停止后续的解析，只有当前加载完成后，才能进行下一步操作。所以接下来我会介绍三种异步加载的方式。异步加载即非阻塞加载，浏览器在下载执行js的同时，还会继续进行后续页面的处理。一、defer （IE适用） 代码块可以写在script标签中<script src="test.js" defer></script>或<script src="test.js" defer&

svg 和 canvassvg是：一、矢量图，放大情况下不会产生马赛克（图形质量不会有所损失）。二、SVG 是万维网联盟的标准。三、可伸缩。四、SVG 的主要竞争者是 Flash。（Flash慢慢在被淘汰）五、通常用来设计图片，标签和css去绘制图像。svg实例：css样式： <style> *{ margin: 0; padding: 0; } svg{

浏览器渲染流程每个浏览器的渲染流程并不相同，以下webkit为例，主要包括以下五步：1、浏览器将获取的HTML文档解析成DOM树。2、处理css标签、样式，构成层叠样式表模型CSSOM（CSS Object Model）。3、将DOM和CSSOM合并为渲染树（rander tree）,代表一系列将被渲染的对象。4、渲染树（rander tree）的每个元素包括的内容都是计算过得，被称为布局（layout）。5、将渲染树（rander tree）的各个节点绘制到屏幕上，这一步被称为绘制（

下拉选框的二级三级联动

js 防抖节流函数防抖(debounce)在前端开发中用户会频繁的触发事件执行,会消耗资源，会导致浏览器卡顿或者服务器崩溃。例如 : 搜索引擎 发送关键字给服务器，若是用户打错或打多关键字，引擎都会立马发送给服务器，这就会造成连续访问伏虎器导致服务器崩溃。防抖函数则要避免该情况发生，在用户输入完关键字之后延时一段时间在发送请求。 <input type="text" id="ipt"> <script> // 获取输入框 var ipt

js 继承

先来道简单的热热身Question 1 ：<script> // 下列代码输出什么？ (function () { var a = (b = 3); })(); console.log('a defined? ' + (typeof a !== 'undefined')); console.log('b defined? ' + (typeof b

1.定义：通过 new 函数名，来实例化对象的函数叫构造函数。构new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。new的作用：申请内存, 创建对象,当调用new时，后台会隐式执行new Object()创建对象。所以，通过new创建的字符串、数字是引用类型，而是非值类型。基本数据类型：number、boolean、string、undefined、null引用数据类型：Object常用的构造函数： var arr = []; 为 var a

原型、原型链到底是嘛呀？是这？来自百度百科（狗头咳咳！言归正传，以下才是正文哈。首先我们先用构造函数创建一个对象<script> function Show(){ } var show = new Show();</script>Show 就是一个构造函数，我们使用 new 创建了一个实例对象 show。默认情况下，prototype 是一个普通的对象，其中有个属性——constructor ，它也是一个对象，指向

js递归函数案例（斐波那契数列）递归函数：直接或间接调用函数本身，则该函数称为递归函数。 <script> //斐波那契数列 1 1 2 3 5 8 13 21 ... （这个数列从第3项开始，每一项都等于前两项之和。） function a(num) { if(num===1||num===2){ return 1; }