泡泡茶壶呦-CSDN博客

原创 Javascript基础 - 面向对象编程 / 原型链 / 继承

一、面向对象编程1. 什么是面向对象编程?面向对象是⼀种编程思想，经常被拿来和面向过程⽐比较。其实说的简单点，面向过程关注的重点是动词，是分析出解决问题需要的步骤，然后编写函数实现每个步骤，最后依次调用函数。面向对象关注的重点是主谓，是把构成问题的事物拆解为各个对象，而拆解出对象的⽬的也不是为了实现某个步骤，而是为了描述这个事物在当前问题中的各种行为。2. 面向对象的特点是什么?封装：让使⽤用对象的⼈不考虑内部实现，只考虑功能使用把内部的代码保护起来，只留出⼀些 api 接口供

2021-09-26 22:34:08 180

原创 this / 作用域 / 闭包

一、专业术语常量、变量、数据类型形参、实参匿名函数、具名函数、自执行函数函数声明、函数表达式堆、栈同步、异步、进程、线程1. 执行上下文当函数执行时，会创建一个称为执行上下文(execution contex)的环境，分为创建和执行2个阶段。2. 创建阶段创建阶段，指函数被调用但还未执行任何代码时，此时创建了一个拥有3个属性的对象:executionContext = { scopeChain: {}, // 创建作用域链(scope chain) variableObjec

2021-09-26 17:33:37 85

原创浏览器内置对象/事件/ajax

浏览器内置对象/事件/ajax浏览器是一个 JS 的运行时环境，它基于 JS 解析器的同时，增加了许多环境相关的内容。用一张图表示各个运行环境和 JS 解析器的关系如下:我们把常⻅的，能够用 JS 这⻔语言控制的内容称为一个 JS 的运行环境。常⻅的运行环境有 Node.js，浏览器，小程序，一些物联网设备等等。所有的运行环境都必须有一个 JS 的解释器，在解释器层面符合 ECMAScript 规范，定义了 JS 本身语言层面的东⻄比如关键字，语法等等。在每个环境中，也会基于 JS 开发一些当前

2021-09-21 19:54:55 537

原创 JS 模块化从入⻔到精通

JS 模块化从入⻔到精通在 WEB 开发的早期，为了团队协作和代码维护的方便，许多开发者会选择将 JavaScript 代码分开写在不同的文件里面，然后通过多个 script 标签来加载它们。 <script src="./a.js"></script> <script src="./b.js"></script> <script src="./c.js"></script>虽然每个代码块处在不同的文件中，但最终所有 JS 变

2021-09-21 19:23:25 122

原创 Promise 从入⻔到精通

Promisepromise 从入⻔到精通一. 为什么需要 promise ?Javascript 是一⻔单线程语言，所以早期我们解决异步的场景时，大部分情况都是通过回调函数来进行。例如在浏览器中发送 ajax 请求，就是常⻅的一个异步场景，发送请求后，一段时间服务端响应之后我们才能拿到结果。如果我们希望在异步结束之后执行某个操作，就只能通过回调函数这样的方式进行操作。var dynamicFunc = function(cb) { setTimeout(function() { cb()

2021-09-19 23:52:43 70

原创 Promise 基础

Promise 基础一.为什么需要Promise1.需求通过AJAX请求id，再根据id请求用户名，再根据用户名，再根据用户名获取email2.回调地狱回调函数中嵌套回调Promise 解决了回调地狱二. Promise 的基本使用1.语法new Promise((reslove, reject) => {})Promise 接受一个函数 ()=>{}作为参数在参数函数 (这里)=>{}中接收两个参数resolve：成功函数reject：失

2021-09-14 22:23:39 103

原创 2021大厂前端面试核心面试题详解一 (3)

五. 你了解 Promise 吗？平时用的多吗？5.1 Promise.all 你知道有什么特性吗？Promise.all 会接受一个 Promise数组，数组里面都是Promise,也可以是其他值，例如常量执行情况：Promise数组里的 Promise 全部执行完成之后，才会返回结果；如果其中一个 Promise 执行报错了，整个 Promise.all 会被 catch 住，其他的 Promise 还是会执行的；因为 Promise 是在创建之初就执行了，在实例化的时候就执行了

2021-09-13 23:59:58 64

原创 2021大厂前端面试核心面试题详解一 (2)

三.事件的捕获和冒泡机制你了解多少？3.1 如果我点击了span，整个事件的捕获和冒泡是如何执行的？<body> <div id="parent" class="flex-center"> parent <p id="child" class="flex-center"> child <span id="son" class="flex-center"> <!-- 如果我点击了span，整个

2021-09-13 17:25:42 187

转载 Vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy

2021-09-13 00:54:44 94

原创 ES6知识点

一. 面向过程编程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。二. 面向对象编程面向对象是把事物分解成一个个对象，然后由对象之间分工与合作。面向对象是以对象功能来划分问题，而不是步骤。在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目。1. 面向对象的特性封装

2021-09-13 00:51:04 247

原创 2021大厂前端面试核心面试题详解一 (1)

2021大厂前端面试核心面试题详解1.说一下工作中解决过比较困难的问题，说一下自己项目中比较有亮点的地方面试官看一下你解决问题的能力平时要整理需求以及解决方案的笔记！2.你了解浏览器的事件循环吗？2.1 为什么js在浏览器中有事件循环机制吗？JS是单线程的所以通过 event loop 这个概念，来实现了一些非阻塞的实现2.2 你了解事件循环中有两种任务吗？宏任务：整体代码，setTimeOut，setInterval，node中的I/O操作...微任务：new Promise().t

2021-09-13 00:29:50 231

baidu_24293811的博客