![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript高级
文章平均质量分 93
itpeilibo
不怕孤独,努力沉淀;
于淡泊中,平和自在。
展开
-
【JavaScript】js中非常常见的面试题
一个需要异步执行的函数,执行时机是在主函数执行结束之后、当前宏任务结束之前Object.observe(已废弃;Proxy 对象替代)宏任务的时间粒度比较大,执行的时间间隔是不能精确控制的,对一些高实时性的需求就不太符合script (可以理解为外层同步代码)UI rendering/UI事件promise里面的代码是同步任务 promise的方法.then()等是异步任务 微任务。原创 2022-09-12 16:54:20 · 914 阅读 · 0 评论 -
精选面试题
Model 层: 数据模型层通过Ajax、fetch等 API 完成客户端和服务端业务模型的同步。View 层: 视图层作为视图模板存在,其实 View 就是⼀个动态模板。ViewModel 层: 视图模型层负责暴露数据给 View 层,并对 View 层中的数据绑定声明、 指令声明、 事件绑定声明, 进行实际的业务逻辑实现。数据变化了, 视图自动更新=> ViewModel 底层会做好监听 Object.defineProperty,当数据变化时,View 层会自动更新。......原创 2022-08-27 10:31:12 · 342 阅读 · 0 评论 -
前端javascript构造函数和原型(超详细讲解)
每一个实例对象又有一个__proto__属性,指向的构造函数的原型对象,构造函数的原型对象也是一个对象,也有__proto__属性,这样一层一层往上找就形成了原型链。任何对象都有原型对象,也就是prototype属性,任何原型对象也是一个对象,该对象就有__proto__属性,这样一层一层往上找,就形成了一条链,我们称此为原型链;构造函数是一个特殊的函数,用来初始化对象,为对象成员变量赋初始值,需要和new一起使用 使用场景:我们可以把对象公有属性方法抽离出来,封装到函数里面。...原创 2022-08-09 20:13:37 · 950 阅读 · 0 评论 -
前端 javascript 基础常见面试题
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。提高了程序逻辑的局部性。增强了程序的可靠性,减少了名字冲突。全局作用域局部作用域(函数作用域)......原创 2022-08-07 22:58:55 · 244 阅读 · 1 评论 -
ES6 let 和 const 的使用跟区别,超详细讲解(看这一篇就够了)
ES6 新增了命令,用来声明变量。它的用法类似于,但是所声明的变量,只在命令所在的代码块内有效。上面代码在代码块之中,分别用和声明了两个变量。然后在代码块之外调用这两个变量,结果声明的变量报错,声明的变量返回了正确的值。这表明,声明的变量只在它所在的代码块有效。循环的计数器,就很合适使用命令。上面代码中,计数器只在循环体内有效,在循环体外引用就会报错。下面的代码如果使用,最后输出的是。上面代码中,变量是命令声明的,在全局范围内都有效,所以全局只有一个变量。每一次循环,变量的值都会发生改变,而循环内被赋原创 2022-07-20 17:59:31 · 467 阅读 · 0 评论 -
vue项目实现路由按需加载(路由懒加载)的三种方式
这样做的结果就是webpack在npm run build的时候会打包成一个整个的js文件,如果页面一多,会导致这个文件非常大,加载缓慢,为了解决这个问题,需要将他分成多个小文件,而且还要实现异步按需加载,即用到了再加载,而不用一股脑全部加载,方法有三种:vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。但是,这种情况下一个组件生成一个js文件。 举例如下:2. es6提案的import()推荐使用这种方式(需要webpack > 2.4)webpack官方文档:webpac原创 2022-07-11 00:17:11 · 4629 阅读 · 0 评论 -
超详细讲解大事件项目api接口
2. 运行如下的命令,安装特定版本的 :在项目根目录中新建 作为整个项目的入口文件,并初始化如下的代码:1.2 配置 cors 跨域运行如下的命令,安装 中间件:在 中导入并配置 中间件:1.3 配置解析表单数据的中间件通过如下的代码,配置解析 格式的表单数据的中间件:1.4 初始化路由相关的文件夹在项目根目录中,新建 router 文件夹,用来存放所有的路由模块在项目根目录中,新建 文件夹,用来存放所有的 1.5 初始化用户路由模块原创 2022-06-20 08:26:33 · 966 阅读 · 2 评论 -
Node.js笔记总结(day2)
能够使用 http 模块写一个基本的 web 服务器,能够说出模块化的好处,能够知道 CommonJS 规定了哪些内容,能够说出 Node.js 中模块的三大分类各自是什么,能够使用 npm 管理包,http模块, 什么是 http 模块,进一步理解 http 模块的作用,服务器相关的概念,使用node创建基本web服务器,步骤一:导入 http 模块,步骤二:创建 web 服务器实例,步骤三:为服务器实例绑定 request 事件为服务器实例绑定 `request` 事件,即可监听客户端发送过来的网络请求原创 2022-06-10 10:43:49 · 192 阅读 · 1 评论 -
Ajax第五天笔记总结
Ajax第五天今日目标能够说出什么是HTTP协议能够知道HTTP请求消息的组成部分能够知道HTTP响应消息的组成部分能够说出常见的请求方法能够说出常见的响应状态码一、HTTP协议简介1、什么是通信通信,就是 信息的传递和交换。通信三要素:1、通信的主体2、通信的内容3、通信的方式现实生活中的通信、案例:张三 要把自己考上传智专修学院的好消息写信告诉自己的好朋友 李四其中:通信的 主体 是张三和李四;通信的 内容 是考上传智专修学院;通信的 方式 是写信;互原创 2022-05-30 23:34:34 · 160 阅读 · 0 评论 -
Ajax第四天笔记总结
Ajax第四天今日目标能够知道什么是同源策略和跨域能够知道什么是 JSONP能够说出 JSONP 的实现原理能够知道防抖和节流的概念一、同源策略1、什么是同源如果两个页面的协议,域名和端口都相同,则两个页面具有 相同的源。例如,下表给出了相对于 http://www.test.com/index.html 页面的同源检测:2、什么是同源策略同源策略(英文全称 Same origin policy)是 浏览器 提供的一个安全功能MDN 官方给定的概念:同源策略限制了从同一个源加载原创 2022-05-29 09:19:57 · 90 阅读 · 0 评论 -
Ajax第三天笔记总结
Ajax第三天今日目标能够知道如何使用XMLHttpRequest发起Ajax请求能够知道如何封装自己的Ajax函数能够使用XMLHttpRequest Level2中提供的新特性能够知道jQuery中如何实现文件上传与loading效果能够知道如何使用axios发起Ajax请求一、XMLHttpRequest 基本使用1、什么是 XMLHttpRequestXMLHttpRequest(简称 xhr)是浏览器提供的 Javascript 对象,通过它,可以请求服务器上的数据资源。之前原创 2022-05-28 18:17:27 · 104 阅读 · 0 评论 -
Ajax第二天笔记总结
Ajax第二天今日目标能够说出form表单的常用属性能够知道如何阻止表单的默认提交行为能够知道如何使用jQuery快速获取表单数据能够知道如何安装和使用模板引擎能够知道模板引擎的实现原理一、Form表单的基本使用1、什么是表单表单在网页中主要负责 数据采集功能 。HTML中<form>标签,就是用于采集用户输入的信息,并通过 <form> 标签的提交操作,把采集的信息提交到服务器端进行处理2、表单的组成部分表单由三个基本部分组成:表单标签表单域:包原创 2022-05-26 18:25:40 · 165 阅读 · 0 评论 -
Ajax第一天笔记总结
Ajax第一天今日目标能够知道和服务器相关的基本概念能够知道客户端和服务器通信的过程能够知道数据也是一种资源能够说出什么是Ajax以及应用场景能够使用jQuery中的Ajax函数请求数据能够知道接口和接口文档的概念一、客户端与服务器1、上网的目的上网的本质目的:通过互联网的形式来 获取和消费资源2、服务器上网过程中,负责存放和对外提供资源 的电脑,叫做服务器3、客户端在上网过程中,负责 获取和消费资源 的电脑,叫做客户端二、URL地址的概念&组成1、URL地原创 2022-05-24 22:33:27 · 168 阅读 · 0 评论 -
【JavaScript】js高级第五天(ES6笔记完结)
JavaScript高级第五天今日目标能够说出使用let关键字声明变量的特点能够使用解构赋值从数组中提取值能够说出箭头函数拥有的特性能够使用剩余参数接收剩余的函数参数能够使用拓展运算符拆分数组能够说出模板字符串拥有的特性一、ES6 简介1、什么是 ES6ES 的全称是 ECMAScript,它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范ES6 实际上是一个泛指,泛指 ES2015 及后续的版本2、为什么使用 ES6每一次标准的诞生都意味着语言的完善,功能的加原创 2022-05-22 17:29:23 · 229 阅读 · 0 评论 -
【JavaScript】js高级第四天(笔记总结)
JavaScript高级第四天今日目标能够说出正则表达式的作用能够写出简单的正则表达式能够使用正则表达式对表单进行验证能够使用正则表达式替换内容一、正则表达式概述1、什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也 是对象。作用:1、正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字 母、数字或者下划线, 昵称输入框中可以输入中文(匹配)2、原创 2022-05-22 17:23:45 · 155 阅读 · 0 评论 -
【JavaScript】js高级第三天(笔记总结)
JavaScript高级第三天今日目标能够说出函数的多种定义和调用方式能够说出和改变函数内部 this 的指向能够说出严格模式的特点能够把函数作为参数和返回值传递能够说出闭包的作用能够说出递归的两个条件能够说出深拷贝和浅拷贝的区别一、函数的定义和调用1、函数的定义方式函数声明方式 function 关键字(命名函数)函数表达式(匿名函数)new Function()语法:var fn = new Function('参数1','参数2'..., '函数体')原创 2022-05-21 13:58:46 · 119 阅读 · 0 评论 -
【JavaScript】js高级第二天(笔记总结)
JavaScript高级第二天今日目标能够使用构造函数创建对象能够说出原型的作用能够说出访问对象成员的规则能够使用ES5新增的一些方法一、构造函数和原型1、概述在典型的 OOP (面向对象)的语言中(如 Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在 ES6之前, JS 中并没用引入类的概念。ES6全称 ECMAScript 6.0,2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 E原创 2022-05-19 23:28:30 · 157 阅读 · 0 评论 -
【JavaScript】js高级第一天(笔记总结)
JavaScript高级第一天阶段计划面向对象基本概念以及使用原型相关扩展一些数组的原型方法函数进阶使用方法正则表达式Es6今日目标什么是面向对象类和对象关系使用class创建自定义类说出什么是继承完成tab栏切换案例一、面向过程与面向对象1、编程思想面向过程面向对象2、面向过程(POP)面向过程 就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。举个例子:将大象装进冰箱,面向过程做法面向过程,就是按照原创 2022-05-13 19:13:38 · 215 阅读 · 0 评论