2301_80232843的博客

原创 三、TypeScript

TypeScript（简称 TS）是 JavaScript 的超集，它在 JavaScript 的基础上增加了 静态类型 和 类型检查 功能，编译后生成标准的 JavaScript 代码在浏览器中运行。 在 TypeScript 中，class 类提供了面向对象编程的核心特性，如 封装、继承、多态、访问修饰符（public/private/protected）、构造函数、接口实现等。它是在 JavaScript class 的基础上增加了类型约束和更多语法糖，使代码更严谨、更清晰。1.2

原创 记录各种官网及介绍

提供的免费开放接口集合，适用于前端开发者进行练习、快速接入一些功能、丰富页面内容等。

原创 二、前端面试题总结篇

3、

原创 四、Uni-App框架—从入门到精通

三、CSS语法。

原创 一、Vue3项目准备（全网最细笔记）

安装过程中 Node.js 会自动安装npm（Node 包管理器）。虽然 npm 是 Node 自带的，但推荐使用更快、更节省磁盘空间的。

原创 9999999999999999999999

解决了 Vue 动态多级路由中 breadcrumb / sidebar 层级丢失的问题，通过 URL path 解析 + 路由树递归匹配构建完整导航链，兼容隐藏路由、无组件节点等多种场景。我通过解析当前 URL、拆分 path 片段、递归遍历动态路由树的方式，构建出完整的层级结构，解决隐藏路由、动态路由和多层嵌套导致的匹配失败问题。只能识别渲染链，导致多级路由在动态菜单与面包屑中出现层级缺失。完全兼容动态路由、hidden 路由、无组件路由。✔ 简历可以这样写一句（精简版）动态路由生成与多级路径解析。

原创 VS Code 行操作快捷键总结

原创 《UniApp 页面导航跳转全解笔记》

端都能直接使用，作用类似于 HTML 的。✅ 4. 清空所有页面并跳转（重启导航栈）（如封装的按钮、商品卡片、导航栏内跳转）跳转到外部页面（除非放在页面模板中），✅ 2. 跳转到 tabBar 页面。✅ 3. 替换当前页面（登录成功）✅ 它的主要功能是：点击后。组件不能直接使用路由标签。✅ 5. 返回上一个页面。中注册，否则跳转无效。✅ 1. 普通页面跳转。是 UniApp 的。，无需写 JS 代码。

原创 《UniApp 页面配置文件pages.json》

如果你想使用自定义导航栏（比如封装的），要在对应页面的style⚠️ 这样系统的导航栏会被隐藏，需要自己手动适配状态栏和标题栏高度。

原创 《UniApp 安全区适配与自定义导航栏全攻略》

status-bar在 UniApp 开发原生 App（比如用 HBuilderX 打包成 Android / iOS）时，要预留手机的系统状态栏（即顶部信号、电量栏）空间，否则内容会被顶到最上方被遮住。⚠️ 注意事项App 端的状态栏一般为 24–44px（取决于设备和刘海屏）。iPhone X 以上需同时考虑。如果使用设置导航栏为透明，也要保留status-bar。HBuilderX运行时调试时，只有才能看到真实安全区效果。提示在时才会正确返回模拟器/H5 里返回 0 是正常的。

原创 实习学习记录

第一次用 Git 时，需要配置用户名和邮箱（提交记录里会显示）：git config --global user.name "你的名字"git config --global user.email "你的邮箱"查看配置信息：git config --listgit init1. 作用在当前文件夹里创建一个.git隐藏目录（Git 的数据库）。让这个文件夹变成一个可用 Git 进行版本控制的仓库。自动添加或提交文件，只是初始化环境。2. 使用方法cd 项目目录git init。

原创 Vue2项目准备

是一个浏览器扩展，用于调试 Vue.js 应用。它可以让你：查看组件树结构实时修改组件的dataprops调试 Vuex 状态（如果你使用 Vuex）查看组件生命周期钩子调用观察路由变化（如果用 Vue Router）调试性能问题计算属性是基于响应式依赖进行缓存的属性。它的值会根据其依赖的data、props、其他 computed自动更新。

原创 说说 JavaScript 的事件循环机制？什么是宏任务和微任务？

阶段作用宏任务执行执行同步代码和异步回调（如 setTimeout）微任务执行宏任务执行结束后立即执行（如 Promise.then）下一宏任务微任务执行完毕后继续事件循环。

原创 Vue3 中菜单渲染的几种方式（后台管理系统主页面侧边栏示例）

方法类型描述/特点方式一：分类渲染将有children和无children的菜单项分开渲染，可能会导致顺序错乱方式二：统一遍历遍历一次原始list在v-for中判断是否有子菜单，推荐！方式三：递归组件用组件自身调用自身来实现无限级子菜单适合后台权限菜单、动态菜单加载等场景渲染方式是否支持多级是否保持顺序推荐等级使用场景分类渲染（2个列表）❌❌⭐初学演示/静态菜单统一遍历 + 判断✅（有限）✅⭐⭐⭐⭐实际开发中 1～2 级菜单最推荐递归组件渲染✅✅✅（无限）✅。

原创 uniapp用户鉴权

原创 虚拟列表渲染

目标原生方法Element Plus 替代虚拟列表渲染自己写translateYv-forscroll✅分批渲染自己用每帧插入一部分数据✅ 使用el-table搭配分页 / 懒加载逻辑。

原创 高阶二次封装axios

面试回答：我对 axios 二次封装，提供类似于 jQuery、fetch 的链式调用方式，如 .get() .then() .catch()，甚至支持 .finally() 和中间数据处理链。面试回答：我使用请求拦截器/适配器，在 axios 封装中统一处理所有接口的参数结构，避免业务代码冗余判断，提升代码一致性。最后对 axios 做二次封装，支持链式调用和中间逻辑注入，提升请求的灵活性和可维护性。我实现了基于环境变量的三级环境自动切换，使用.env 文件动态配置接口前缀；

原创 前后端数据交互的安全性如何保证？为什么要对axios二次封装？token认证流程以及token无感刷新问题？

【代码】1、前后端数据交互的安全性如何保证？2、为什么要对axios二次封装？3、token认证流程以及token无感刷新问题。

原创 前端常用的几种加密方式？

的两个关键函数，主要用于确保 URL 或查询参数中的特殊字符（如。：图片、音频、token、JSON 字符串编码传输。：安全性高，但加解密效率比 AES 慢。：前端文件 hash、唯一标识生成。：登录时密码加密传输、签名验证等。，常用于验证、签名，而非数据保护。：安全性强，适合加密较大的数据。使用方式和 AES 类似，也在。：一对密钥（公钥加密，私钥解密）（比 AES 弱，密钥长度短）, 中文等）能正确传输和解析。：生成固定长度摘要，速度快。：加密和解密使用同一密钥。加密、接口数据保护等。

原创 为什么会有闭包？闭包为什么会存在内存泄漏？

原创 localstroage如何实现时效性？

原创 首屏白屏加载优化

计算 Vue3 项目的首屏加载时间（First Screen Load Time，简称 FSL）可以帮助评估用户首次看到完整页面所需的时间。

原创 移动端适配问题怎么解决？

viewport在做。

原创 JavaScript如何生成二维码？

（前端页面）（后端或脚本）

原创 localStroage的弊端以及二次封装

token、userId 等敏感数据用 cookie（HttpOnly）或 session 存放，避免写入 localStorage。优点：页面关闭即清除，安全性相对高。

原创 vue封装hooks实现图片的懒加载

三、IntersectionObserver接口。

原创 Vue篇（面试）

1、Vue3-ref()和reactive()区别？ref为什么不需要添加value?

原创 前端项目上线

前端项目打包，指的是将你开发时的源码（HTML、CSS、JS、图片等），通常是压缩优化后的文件夹，可以部署到服务器或 CDN 上。

原创 在前端怎么实现页面截图？

医疗行业，用户在飞书中填写或查看“医疗文档/单据”提供可复用的截图工具（函数式 / 组件式）图片可上传至 CDN 或直接下载。支持将文档、医疗单子内容导出为。2、组件式封装（Vue 示例）后续支持拓展为设计类出图功能。

原创 JS中的数组

每个数据项叫做“元素”，可以通过索引访问。

原创 几种设计模式

原创 函数柯里化

原创 手写Promise

【代码】手写Promise。

原创 异步编程（Promise/Generator/async）

原创 AJAX vs axios vs fetch

AJAX（Asynchronous JavaScript And XML）：一种在。Axios 是一个基于 Promise 的 HTTP 请求库，可以用于浏览器和 Node.js。核心优势是：语法简洁、默认 JSON、支持拦截器、取消请求、请求/响应转换等。核心是使用浏览器提供的 XMLHttpRequest 对象。的情况下向服务器请求数据并更新网页部分内容的技术。3）实战封装建议（支持多种方式）2）后端为什么使用不同字段名？

原创 闭包（闭包= 内层函数+外层函数的变量）

原创 垃圾回收机制

原创 防抖和节流

3、总结

原创 深拷贝与浅拷贝

即使是嵌套对象，也会创建出一份完全独立的新对象，互不影响。如果属性是引用类型（如对象、数组等），复制的是引用地址。深拷贝复制对象或数组的。，不会递归复制其内部结构。

原创 JS中的继承 和 class类

继承是面向对象编程的一个核心概念，它允许一个类（子类）继承另一个类（父类）的属性和方法，从而复用代码，避免重复的实现。JavaScript 支持多种继承方式，尤其是 ES6 引入了class 语法，进一步简化了继承的实现。