- 博客(16)
- 收藏
- 关注
RSS订阅原创 promise详解
Promise 是 JavaScript 异步编程的核心机制，它通过状态管理和链式调用解决了回调地狱问题，使代码更易读和维护。结合 async/await，Promise 成为现代 JavaScript 中处理异步逻辑的标准方式。状态不可变，避免回调嵌套。错误冒泡机制简化异常处理。静态方法支持并行、竞争等复杂场景。
2025-06-24 09:28:11
648
原创 JavaScript 面试题集合
闭包是一个有权访问另一个函数作用域中变量的函数，创建闭包的常见方式是在一个函数内部创建另一个函数，并且这个内部函数访问了外部函数的变量，然后把内部函数作为返回值返回。// count 是外层函数的局部变量count++;// 内层函数访问并修改了外层函数的变量// 输出 1// 输出 2// 输出 3。
2025-06-16 17:21:29
1052
原创 react面试题整理
React是一个用于构建用户界面的 JavaScript 库，主要用于构建单页应用（SPA）。由 Facebook 维护。它的核心思想是将 UI 拆分成多个小的、可复用的组件，通过组合这些组件来构建复杂的界面。核心特性：组件化开发（Component-Based）：将页面拆分成多个独立的组件，每个组件负责一个特定的功能或 UI 部分，提高代码的可维护性和复用性。虚拟 DOM（Virtual DOM）：是 React 使用的轻量级 JavaScript 对象，用来描述 DOM 结构。
2025-06-13 15:38:38
1081
原创 osi七层模型简单概括
•分层解耦：每层独立实现特定功能，降低系统复杂度，便于维护和扩展。•标准化通信：不同厂商的设备或软件遵循统一标准，实现跨平台互操作。•故障定位：通过分层模型可快速定位网络问题（如物理层故障、路由问题、应用层服务异常）。
2025-06-12 09:12:09
673
原创 javascript 中数组的操作方法
JavaScript 数组方法丰富多样，熟练掌握这些方法可以大幅提升代码效率。建议重点掌握：增删改查：push()、pop()、shift()、unshift()、splice()、find()遍历操作：map()、filter()、reduce()、forEach()判断与转换：includes()、join()、slice()、sort()
2025-06-10 16:33:33
305
原创 vue面试题整理1
计算属性基于依赖缓存，只有相关响应式数据变化时才会重新求值；方法每次调用都会重新执行，适合无缓存的实时计算场景类别优化措施数据量大使用虚拟滚动、分页加载、懒加载渲染性能减少 DOM 数量、避免过度响应式、减少模板复杂度交互体验防抖/节流处理滚动事件、图片懒加载样式优化合理使用 CSS 属性、避免重排架构设计使用高性能组件库、拆分组件、合理使用缓存。
2025-06-10 16:04:30
1140
原创 3d图片人像站立
此外还要注意实现效果的三张图最好宽高都是一样的，这样设置起来不用管他的宽度，如果宽高不一致需要额外的调整，这里我是自己在网上找图裁剪的，并没有完全一致。：为 3D 变换创建透视效果，就像人眼与元素之间有 600px 的距离。数值越小，透视效果越明显（类似 “近大远小”）。：使元素绕 X 轴（水平轴）旋转 30 度，顶部会向你倾斜，底部远离你，产生类似 “抬起” 的效果。最近公司需要一个一个图片鼠标悬浮，人像站立起来的卡片，再次记录一下。
2025-06-08 16:12:51
279
原创 vue使用图片的四种类型
本文总结了Vue项目中图片加载的6种实现方式：1）静态图片使用普通img标签；2）动态图片使用:src绑定；3）webpack打包图片通过require引入；4）封装自定义图片组件处理加载状态；5）SVG矢量图标直接引入或使用组件；6）性能优化采用懒加载技术。文章详细介绍了每种方式的特点、适用场景和具体实现代码，并对比了不同场景下的推荐写法，为Vue项目中的图片处理提供了全面的解决方案。
2025-05-27 21:49:35
518
原创 VUE3中的组件通信六种方法
Props 是最常用的父组件向子组件传递数据的方式。父组件通过属性绑定将数据传递给子组件，子组件使用 defineProps 来接收数据。父组件<template>{name:“我是测试数据”}]);</script>子组件```bash<template>list: {});
2025-04-28 17:41:19
753
原创 vue3+vite 创建工程化项目
在初始化过程中，根据提示选择合适的配置选项，比如 JavaScript 风格、项目使用的框架等。初始化完成后，项目根目录会生成一个 .eslintrc.js 文件，可根据需求进一步修改规则。在src下创建一个简单的 store src/stores/counter.js： 用来存储pipa储存数据。在代码中可以通过 import.meta.env.VITE_API_BASE_URL 来访问该环境变量。配置好路由页面和路由后，我们将它从入口文件（main.js,app.vue)导入进项目，
2025-04-19 17:21:29
955
原创 el-cascader禁用前两级，并且不影响后面数据的选择
思路： el-cascader 数据中添加disabeld=true 来实现禁用。数据源需要通过递归函数来添加disable。由于逻辑比较简单，我就直接贴代码了。
2025-04-15 17:37:52
309
原创 el-tree-select数据过多应该如何懒加载
data数据源 、 :render-after-expand="false“ 不在加载 时展开、lazy默认true load方法，定义初始以及点击懒加载时的数据 （注意此函数没有设置成功可能会不显示）、 @node-click=“clickNode” 此函数可以在点击时保存。在Element UI的el-tree-select树形选择组件是由下拉菜单的树形选择器，结合了 el-tree 和 el-select 两个组件的功能。现在在el-tree-select中使用lazy来实现下一节点的加载!
2025-04-14 21:53:29
988
2
原创 记录一下visiual code新建springboot项目
我是个前端，作为后端小白，想用visiual code 新建一个spring boot项目给自己的前端项目提供数据。
2025-04-12 15:16:50
990
一个图片鼠标悬浮，人像站立起来的卡片
2025-06-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人