随笔分类 - 前端
发表于 2023-01-30 09:53阅读：115评论：0推荐：0
摘要：1、模块化的发展过程 var moduleObj = { userName: 'zhangsan', fn: function () { console.log('hello world') } } 使用方式 <html> <head> </head> <body> <script src="a.j
阅读全文 »
发表于 2023-01-16 16:06阅读：95评论：0推荐：0
摘要：一、并查集概念 并查集是一种树形的数据结构，顾名思义，它用于处理一些不交集的合并及查询问题。 它支持两种操作： 查找（Find）：确定某个元素处于哪个子集，单次操作时间复杂度 O(α(n))，即查询元素p和元素q是否属于同一组 合并（Union）：将两个子集合并成一个集合，单次操作时间复杂度 O(α
阅读全文 »
发表于 2023-01-13 10:57阅读：3599评论：0推荐：0
摘要：一、大顶堆 大顶堆是一种数据结构，它是一颗完全二叉树，并且满足以下性质： 每个节点的值都大于或等于它的子节点的值 因此，大顶堆的根节点（也称为堆顶）总是最大的元素 二、小顶堆 小顶堆也是一种数据结构，它是一颗完全二叉树，并且满足以下性质： 每个节点的值都小于或等于它的子节点的值 因此，小顶堆的根节点
阅读全文 »
发表于 2023-01-03 10:15阅读：568评论：0推荐：1
摘要：一、对虚拟DOM的理解 虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能 虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能。 在
阅读全文 »
发表于 2022-12-30 09:59阅读：398评论：0推荐：0
摘要：官网解释 一、Vue的生命周期 Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。 Vue2生命周期： 1.beforeCreate（创建前） 数据观测和初始化事件还未开始，此时 data
阅读全文 »
发表于 2022-12-26 09:40阅读：199评论：0推荐：1
摘要：Vue Router 一、对前端路由的理解 路由：路由是url到函数的映射，可以根据不同的url地址展示不同的内容或页面。 服务器端路由（后端路由） 对于服务器来说，当接收到客户端发来的HTTP请求，会根据请求的URL，来找到相应的映射函数，然后执行该函数，并将函数的返回值发送给客户端。 客户端路由
阅读全文 »
发表于 2022-12-22 09:54阅读：280评论：1推荐：2
摘要：一、vuex介绍 目标 什么是Vuex 为什么学习Vuex 通信方案 | 组件关系 | 数据通信 | | | | | 父子关系 | 父传子：props ； 子传父：$emit | | 非父子关系 | vuex (一种组件通信方案) | Vuex是什么 概念：专门在 Vue 中实现集中式状态（数据）管
阅读全文 »
发表于 2022-12-12 09:38阅读：425评论：0推荐：0
摘要：一、JS执行机制 JS语言有个特点是单线程，即同一时间只能做一件事。单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行后一个任务，可能造成页面渲染不连贯。 为了解决这个问题，利用多核CPU的计算能力，允许JS脚本创建多个线程，即同步和异步。 同步任务： 同步任务都在主线程上执行，形成一个执
阅读全文 »
发表于 2022-12-05 09:23阅读：220评论：0推荐：0
摘要：一、什么是回调函数？回调函数有什么缺点？如何解决回调地狱问题？ 回调函数概念 回调函数是一个作为变量传递给另一个函数的函数，它在主体函数执行完之后再执行 回调函数特点 你定义的 你没有调用 但是最终执行了 回调函数可能的缺点 层层嵌套的异步函数的操作叫做回调地狱 容易写出回调地狱 不能使用 try
阅读全文 »
发表于 2022-11-29 10:17阅读：131评论：0推荐：0
摘要：一、理解面向对象 面向对象程序设计以对象为核心，该方法认为程序由一系列对象组成。类是对现实世界的抽象，包括表示静态属性的数据和对数据的操作，对象是类的实例化。面向对象有三个特点：封装性、继承性、多态性。 封装性 将描述每一个对象的属性以及其行为的程序代码组装到一起，一并封装在一个有机的实体中，把它们
阅读全文 »
发表于 2022-11-26 10:09阅读：319评论：0推荐：0
摘要：一、数据类型存储 在JavaScript中存在两大数据类型：基本类型、引用类型。 基本数据类型存放在栈中，是一段简单的数据段，数据大小确定，内存空间大小可以分配，是直接按值存放的，可以按值访问。 引用数据类型存放在堆中，变量在栈中保存的是指向堆内存的地址值，这个地址值指向对应的对象类型，访问堆内存中
阅读全文 »
发表于 2022-11-17 10:01阅读：148评论：0推荐：0
摘要：一、作用域 JavaScript作用域：分为全局作用域、局部作用域。变量在某个范围内起作用和效果，目的是为了提高程序的可靠性和减少命名冲突。 变量的作用域：根据作用域的不同我们变量分为全局变量和局部变量。两种变量其主要区别是函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。 作
阅读全文 »
发表于 2022-11-14 09:25阅读：75评论：0推荐：0
摘要：一、this的指向分类 | 分类 | this指向 | | : : | : : | | 普通函数 | window | | 构造函数 | 实例对象，原型对象里面的方法也指向实例对象 | | 对象方法 | 该方法所属对象。若对象中的方法为普通函数写法吗，则this指向该方法所属对象，若为箭头函数，则t
阅读全文 »
发表于 2022-11-10 09:34阅读：159评论：0推荐：0
摘要：一、节点概述 网页中的所有内容都是节点(标签、属性、文本、注释等)，使用node表示。HTML、DOM树中的所有节点均可通过JavaScript进行访问，所有HTML元素(节点)均可被修改，也可以创建或删除。 利用DOM树可以把节点划分为不同的层级关系，常见的是父子兄层级关系。 一般地，节点至少拥有
阅读全文 »
发表于 2022-11-08 10:23阅读：248评论：0推荐：0
摘要：一、事件委派 1.理解DOM事件流 事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 DOM事件流分为三个阶段： 捕获阶段：从上往下 当前目标阶段 冒泡阶段：从下往上 事件流如下图所示： 注意事项： JavaScript代码中只能执行捕
阅读全文 »
发表于 2022-11-02 09:37阅读：182评论：0推荐：1
摘要：一、浏览器的垃圾回收机制 1.垃圾回收的概念 JavaScript代码运行时，需要分配内存空间来储存变量和值。当变量不在参与运行时，就需要系统收回被占用的内存空间，这就是垃圾回收。 2.垃圾回收的机制 Javascript 具有自动垃圾回收机制，会定期对那些不再使用的变量、对象所占用的内存进行释放，
阅读全文 »
发表于 2022-10-30 09:32阅读：260评论：0推荐：1
摘要：一、浏览器的渲染过程 注意：这个过程是逐步完成的，为了更好的用户体验，渲染引擎将会尽可能早的将内容呈现到屏幕上，并不会等到所有的html 都解析完成之后再去构建和布局 render 树。它是解析完一部分内容就显示一部分内容，同时，可能还在通过网络下载其余内容。 渲染过程解读如下： 首先解析收到的文档
阅读全文 »
发表于 2022-10-27 09:33阅读：236评论：0推荐：0
摘要：一、浏览器本地存储方式及使用场景 1.Cookie 概念：Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。Cookie的大小只有4kb，它是一种纯文本文件，每次发起HTTP请求都会携带Cookie。 特性
阅读全文 »
发表于 2022-10-22 11:11阅读：389评论：0推荐：1
摘要：一、同源政策 跨域问题其实就是浏览器的同源策略造成的。同源策略限制了从同一个源加载的文档或脚本如何与另一个源的资源进行交互。这是浏览器的一个用于隔离潜在恶意文件的重要的安全机制。同源指的是：协议、端口号、域名必须一致。同源策略：protocol（协议）、domain（域名）、port（端口）三者必须
阅读全文 »
发表于 2022-10-17 09:40阅读：197评论：0推荐：0
摘要：一、HTTP和HTTPS协议的概念及区别 1.HTTP 概念 HTTP即超文本运输协议，是实现网络通信的一种规范，它定义了客户端和服务器之间交换报文的格式和方式，默认使用 80 端口。它使用 TCP 作为传输层协议，保证了数据传输的可靠性。 HTTP是一个传输协议，即将数据由A传到B或将B传输到A，
阅读全文 »
