m0_71574210的博客

原创 2025前端面试真题总结（五）

cookie适用于需要和服务器交互的小数据量存储，具有过期时间和传输特性，但存储容量非常小。适用于存储会话数据，仅在当前会话内有效，关闭浏览器或标签页数据会丢失。适用于存储长期数据，在浏览器会话之间持久保存，不会随浏览器关闭而丢失。try/catch: 你可以在中使用try/catch来捕获每个请求的错误，确保每个请求的结果都能被处理。: 如果你希望简洁地处理所有请求的结果，并且不希望失败的请求中断其他请求的执行，可以使用，它会返回所有请求的状态。如果你直接修改map()

原创 2025前端面试真题总结（四）

HTML解析→DOM树构建CSS解析→CSSOM树构建DOM和CSSOM合并→Render Tree渲染树构建布局（Layout）计算（回流）浏览器根据渲染树中每个元素的尺寸、位置和样式计算出每个元素的准确位置绘制（Paint）绘制阶段会根据布局阶段的信息，浏览器为每个元素渲染出实际的像素，绘制到屏幕上合成（Compositing）显示（Display）URL是最基本的判断标准，若 URL 相同并且方法一致，通常表示是同一个资源。缓存相关信息（如ETag或）可以帮助判断是否有变化。请求方法和。

原创 2025前端面试真题总结（三）

特性CSSanimation控制方式JavaScript 控制，通过回调函数进行动画更新通过 CSS 定义关键帧和动画属性性能与浏览器的刷新率同步，性能更精确，适用于复杂动画浏览器优化良好，硬件加速支持，适用于简单动画灵活性高，动态控制每一帧的动画进度和逻辑低，主要依赖 CSS 动画规则，控制较为固定使用场景适合复杂的交互式动画、游戏动画等适合简单、连续的动画效果，静态或响应式动画控制与事件可以动态暂停、重启、控制进度等通过控制暂停、播放等使用 Object。

原创 2025前端面试真题总结（二）

前端调用wx.login获取用户的code。前端将code发送到后端，后端通过微信的API 获取和openid。后端使用解密用户信息（如果需要获取用户的敏感信息，如昵称、头像等）。后端保存用户会话信息，比如openid，并生成一个新的会话标识（如token），返回给前端。前端可以使用该token进行后续的接口访问。

原创 2025前端面试真题总结（一）

平时开发写的以及里面的变量、表达式、指令等，不是html语法，是浏览器识别不出来的。模板编译的主要目标是生成渲染函数，渲染函数会将当前的状态生成一份vnode， 再用vnode转成真实的dom进行渲染。

原创 2023前端VUE源码笔记

原创 2023前端面试面试笔记（一）

在组件内部通过 directives 来创建一个局部指令全局指令和局部指令的区别局部指令：只能在当前的组件中使用全局指令： 在任意地方使用在组件内部通过 filters 来创建一个局部过滤器全局过滤器和局部过滤器的区别局部过滤器：只能在当前的组件中使用全局过滤器： 在任意地方使用当vue 提供的系统指令满足不了我们的需求时，我们就需要自定义指令全局通过 Vue.directive 进行自定义指令的定义。局部通过directives进行定义。

原创 2023前端面试基础知识点-webpack篇（一）

开启runtimeChunk，会将运行时代码的信息单独存放在runTime中，主模块就不会被影响，也就不会重新打包，可以继续使用本地缓存。这里要注意：不会影响首屏的加载速度，实际是为了优化子页面，可以快速打开子页面，但是像移动端，用户可能只会访问首页，也预加载其他模块的资源，浪费用户流量。这里要注意：不会影响首屏的加载速度，实际是为了优化子页面，可以快速打开子页面，但是像移动端，用户可能只会访问首页，也预加载其他模块的资源，浪费用户流量。plugin: webpack的插件,增强webpack的功能。

原创 2023前端面试基础知识点-浏览器篇（一）

A网站 => 登录 => 用户信息存到cookie => 张三跳到B网站 => B网站发请求 A网站/转账请求,没有携带referer 自动携带cookie => 服务端一看,没有referer, 不知道是请求是在哪里过来的,相应失败。SQL 注入就是在用户输入的字符串中加入 SQL 语句，如果在设计不良的程序中忽略了检查，那么这些注入进去的 SQL 语句就会被数据库服务器误认为是正常的 SQL 语句而运行，攻击者就可以执行计划外的命令 或访问未被授权的数据。

原创 2023前端面试基础知识点-TS篇（一）

即限制长度,又限制类型,精准的限制每一项的类型。

原创 2023前端面试基础知识点-JS篇（一）

all: 可以获取到多个promise处理异步的结果,all发起的异步是并行的,并且Promise.all的返回值是promise,所以可以调用then,这个then,all的所有promise都resolve成功后才执行,有任意一个reject即进入all的catch, all的then返回的结果就是对应的promise返回的数据。垃圾回收的概念是，js 的内存是自动进行分配和回收的,内存在不使用的时候会被垃圾回收器自动进行回收,那就需要了解垃圾回收的机制,从而防止内存泄漏(内存无法被回收)

原创 2023前端面试基础知识点-项目篇（一）

Vue.directive可以定义全局自定义指令在组件选项对象中,通过directives进行局部自定义指令的定义参数1: 自定义指令名字参数2: 配置对象bind: 自定义指令和元素进行绑定(元素不代表渲染到页面上, 无法操作)inserted: 自定义指令所绑定的元素已经插入到dom中(操作dom)update: 自定义指令所在元素的虚拟dom发生更新后调用componentUpdated：指令所在组件的 VNode及其子 VNode全部更新后调用。

原创 2023前端面试基础知识点-小程序篇（一）

全局组件创建一个组件通过app.json中的useingComponets进行组件注册,注册为全局组件局部组件创建一个组件通过页面的json中的useingComponets进行组件注册,注册为局部组件原生小程序和vue的结合原生(写法相同): 组件\生命周期\apivue: 数据绑定\数据渲染\事件绑定\逻辑的定义\计算属性\watch\过滤器\自定义指令\vuex 等等逻辑的处理App.vue (app.js和app.wxss)

原创 2023前端面试基础知识点-VUE篇（一）

如果不是一个函数返回一个新的对象，组件如果多次使用，实际公用的是同一个数据但是如果是通过函数 返回一个新的对象，这样的话，每个组件的使用数据是独立的ref: 将简单数据类型或复杂数据类型处理为响应式模板中使用自动解套value,在js中使用需要通过value访问到数据reactive: 只能将复杂数据类型处理为响应式,直接用数据不需要value语法层面: 简单数据类型推荐使用ref, 复杂数据类型推荐使用reactive。

原创 2023前端面试基础知识点-CSS篇（一）

比如，有两个子盒子，超出200，盒子a的flex-shrink为1，盒子b的flex-shrink为3，那么盒子a在原有的基础上减去50，盒子b在原有的基础上减去150.首先根据子绝父相的方式进行定位，然后子盒子的绝对定位是top：50%，left：50%，但由于这里的50%都是以盒子的左上角为中心点的，所以需要用margin来返回自身宽高的一半，也就是margin-top：负的子盒子高度的一半。在父盒子没有设置高度的时候，高度是由内容撑开的，所以子盒子浮动以后，父盒子就会没有高度。