- 博客(44)
- 收藏
- 关注
RSS订阅
原创 2025前端面试题合集
前端页面主要由三层构成，分别是结构层、样式层和行为层。这三层各自的作用如下：1. HTML（HyperText Markup Language）：结构层，它是网页的基础，用于定义网页的内容结构，如标题、段落、列表、图像等元素。HTML标签告诉浏览器如何组织和呈现这些内容。2. CSS（Cascading Style Sheets）：样式层，CSS负责为HTML元素添加样式，如颜色、字体、布局、间距等，使得内容具有视觉吸引力并适应不同的设备和屏幕尺寸。通过媒体查询，可以实现响应式设计。
2025-02-17 15:11:02
2185
2
原创 React：闭包陷阱产生和解决
闭包（Closure）是 JavaScript 中一个重要的概念，它允许函数访问其外部函数作用域中的变量，即使外部函数已经执行完毕。在 React 中，这意味着事件处理函数、定时器回调、或者异步操作可能会“捕获”某些状态的值，而这些状态可能会在它们被执行时发生变化，导致一些难以察觉的错误。
2024-12-17 17:05:11
1366
原创 Redux：React状态管理工具详解
Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态。
2024-12-16 15:50:49
1346
原创 小白快速上手React 看这篇就够了！！（基础篇）
本篇可以快速了解React的基础语法，便于遗忘时快速复习，里面的小案例通俗易懂，没有废话，只有简单、简单、还是简单！
2024-11-23 15:59:30
4380
1
原创 Vue3后台管理系统的搭建与实现 看这篇就够了！
相信很多vue3初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉vue3搭建流程及element plus组件库使用，没有配置eslint，ts等规范工具。
2024-11-21 14:42:04
3137
3
原创 Vue项目创建及自定义项目配置详解（Manually select features）看这篇就够了！
这个配置基于 Airbnb 的 JavaScript 风格指南，是一个非常流行且全面的 ESLint 配置。如果你不熟悉代码风格规则，或者想要遵循业界广泛接受的标准，这是一个不错的选择。：这个配置结合了 ESLint 和 Prettier，Prettier 是一个流行的代码格式化工具，它可以自动格式化代码以符合一定的风格。，可以让你使用最新的 JavaScript 语法，同时确保代码能够在当前和旧版的浏览器中运行。这样做的好处是，所有的依赖和配置都在一个地方，方便查看和管理。
2024-11-08 09:57:10
1035
原创 Vue高频前端面试题汇总！（持续更新中）
Vue中的核心内置指令不能够满足我们的需求时，我们定制自定义的指令用来满足开发的需求。1、全局自定义指令2、私有自定义指令（组件内定义指令）主要目的是在Vue的模板中直接操作DOM。是Web设计和开发中常用的两种策略，渐进增强：从最基本的功能开始构建应用，然后逐步添加更高级的功能和效果，以提供更好的用户体验。这种策略首先确保所有用户都能访问基本的内容和功能，然后为使用更高级浏览器或设备的用户提供增强的体验。是从完整的功能。
2024-11-07 16:14:45
1257
原创 前端面试项目场景题总结
1. 使用工具检测兼容性问题：比如Can I Use网站来检查CSS、JS特性的支持情况。还有像Autoprefixer这样的工具自动添加CSS前缀，避免手动写-webkit-、-moz-之类的。2. 使用Babel转译ES6+代码为ES5，这样旧浏览器也能运行。同时可能需要引入core-js这样的polyfill库来补充缺失的API，比如Promise、fetch等。3. 在CSS方面，使用Reset CSS或Normalize.css来统一不同浏览器的默认样式差异。
2025-04-02 14:40:21
598
原创 React Next项目中导入Echart世界航线图 并配置中文
公司业务要求做世界航线图，跑了三个ai未果，主要是引入world.json失败，echart包中并不携带该文件，源码的world.json文件页面404找不到。需要自己寻找。这是整个问题卡壳的关键点，特此贴出资源网址。
2025-03-13 22:24:12
322
原创 Next+React项目启动慢刷新慢的解决方法
上班的时候遇到公司Next+React项目启动很慢，更改样式也加载半天，十分影响开发效率，在前辈的改动下，运行速度加快了很多，特此学习记录。在开发模式热模块重载（HMR）通过 Next.js 自己的开发服务器WindiCSSWindiCSS按需生成 CSS。
2025-03-11 17:29:12
1243
原创 一篇带你搞懂JS原型链
是一个特殊的函数，用于创建和初始化一个对象的实例。创建自定义对象，并赋予这些对象特定的属性和方法。可以简单理解为，构造函数相当于一个月饼的模具，向里面填入不同的馅料和颜色，形成相同形状，但不同味道的月饼。
2025-02-14 13:03:17
402
原创 JS事件冒泡和事件捕获
在JavaScript中，事件冒泡（EventBubbling）和事件捕获（EventCapturing）是两种不同的事件传播机制。当你在DOM元素上注册事件时，事件的触发并不会立即发生，而是会按照一定的顺序进行传播。事件的传播机制决定了事件如何从目标元素传递到DOM树中的其他元素。
2025-01-20 15:01:59
193
原创 Vue3轮播图的实现：vue3-carousel的使用和配置
是一个用于 Vue 3 的轻量级、响应式、功能强大的轮播组件。它允许你轻松创建可以滚动的图片或内容滑块。下面是关于如何安装、使用以及配置的一些示例和详细说明。
2025-01-08 17:36:25
1220
原创 在React中引入tailwind css（图文详解）
是一个功能强大的 CSS 框架，旨在使开发者能够以更高效、灵活的方式创建现代、响应式的网页。与传统的 CSS 框架（如 Bootstrap 或 Foundation）不同，Tailwind 采取了“实用类”（Utility-First）的设计原则，提供了一系列预定义的 CSS 类，这些类可以直接用于 HTML 元素中，从而避免了编写冗长的自定义样式代码。
2024-12-30 21:24:57
1859
原创 git仓库多人协作新建分支 合并到主分支流程详解
在多人协作的 Git 仓库中，新建分支并最终将其合并到主分支的流程是为了实现团队协作、提高代码的可管理性、确保代码质量，并且避免多人同时修改同一部分代码导致冲突。以下是这个流程的目的和具体步骤。
2024-12-24 09:25:19
746
原创 React路由传参的三种方式详解
在 React 中使用进行路由传参是非常常见的需求，特别是在构建动态页面时。React Router 提供了几种方式来传递参数，包括路径参数（URL 参数）、查询参数和状态参数。下面我会分别介绍这些方式，并给出具体的实现方法。
2024-12-20 07:45:00
1601
原创 React+Vite从零搭建项目及配置详解
相信很多React初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉React项目搭建流程。
2024-12-19 09:48:37
3232
原创 前端必备的截图取色小工具：Snipaste Mac电脑常用快捷键
Snipaste是一款简单、免费且功能强大的截图工具，它不仅支持快速截图，还允许用户将截图或剪贴板中的内容以“贴图”的形式放置在屏幕上。
2024-12-18 09:46:15
682
原创 带你十分钟弄懂 React路由
路由系统中的多个路由之间需要进行路由跳转，并且在跳转的同时有可能需要传递参数进行通信在一级路由中又内嵌了其他路由，这种关系就叫做嵌套路由，嵌套至一级路由内的路由又称作二级路由，例如。
2024-12-17 08:51:42
481
原创 React好用类名管理小工具：classnames
classnames是一个在 React 开发中非常流行的 JavaScript 工具库，它可以帮助开发者有条件地连接类名字符串，简化动态添加或删除类名的过程。
2024-12-16 09:25:54
714
原创 HBuilder X（uniapp）微信小程序vue3项目引入vant
踩了一堆坑，看了文档问了gpt一顿操作，学会的如何在引入HBuilder X（uniapp）微信小程序vue3项目中引入vant ，本篇非常简单！！没有废话！！
2024-12-12 10:40:10
1530
1
原创 HBuilderX（uni-app）Vue3路由传参和接收路由参数！！
uni-app搭建小程序时候Vue3语法接收路由参数，去官方文档查看，是onLoad的option接收参数，我试过，接收不到，上网查各种方法也是不太行，最后自己琢磨出来了，这参数藏得还挺深！！
2024-12-11 20:03:50
1369
原创 HBuilderX（uni-app）搭建小程序流程（请求封装，下拉刷新，底部加载等）
uni-app是一个跨平台的前端框架，用于开发。uni-app提供了一个统一的 API，允许开发者编写一次代码，最终部署到多个平台，极大地提高了开发效率。在编写小程序的时候和原生微信开发者工具语法略有区别。
2024-12-10 18:52:51
1446
原创 隐式转换 Implicit Conversion 大全
在JavaScript 中，运算符在运算时，如果两边数据不统一，编译器会自动将运算符两边的数据做，变为一样的数据类型。无需程序员手动转换，而通过编译器自动转换的方式就称为。
2024-12-10 08:56:20
601
原创 HBuilderX（uni-app） 新手保姆级教程！看这篇就够了！
HBuilderX 是一款集成开发环境（IDE），它支持多种编程语言和框架，包括HTML、CSS、JavaScript、PHP等。而 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，它允许开发者编写一次代码，然后发布到iOS、Android、Web（包括PC和移动端）、以及各种小程序（微信/支付宝/百度等）平台。
2024-12-06 14:02:41
7708
原创 微信小程序版小米商城的搭建流程详解！
很多初学微信小程序语法的同学，可能不知道如何布局和搭建一个项目，下面我将讲解初学者如何搭建项目和注意事项。
2024-12-04 19:51:09
1209
原创 微信小程序按字母顺序渲染城市 功能实现详细讲解
在微信小程序功能搭建中，按字母渲染城市会用到多个ES6的方法，如reduce，map，Object.entries()，Object.keys() ，需要组合熟练掌握，才能优雅的处理数据完成渲染。
2024-11-27 11:48:17
1363
原创 十分钟学会HTML+CSS+JS的轮播图放大镜效果
本篇实现一个图片放大镜功能，其中包括点击小图切换大图以及鼠标在大图上移动时的遮罩效果。右侧会有原图的放大效果。
2024-11-26 10:54:06
389
原创 深度解析面试题：Vue的diff算法 一篇带你搞懂！
diff是什么？diff就是比较render生成的两颗树，寻找两树的差异。diff就是difference。那么diff执行的时机是什么呢？
2024-11-25 15:53:18
1143
原创 详谈面试题：Vue、React为什么使用虚拟DOM
性能优化：虚拟DOM通过减少对真实DOM的操作次数来提高性能。由于DOM操作是昂贵的，直接操作DOM会导致性能问题，尤其是在数据频繁更新时。虚拟DOM允许框架通过比较前后两个虚拟DOM树的差异，找出最小更新范围，然后只更新那些实际变化的部分，从而减少不必要的DOM操作。跨平台渲染：虚拟DOM提供了跨平台渲染的能力，使得Vue和React的应用不仅限于浏览器环境。例如，React Native利用虚拟DOM在移动设备上渲染应用界面，而Vue也可以通过Weex等技术实现跨平台渲染。批量更新和优化。
2024-11-25 10:53:44
1210
原创 Vue3组件通讯方式详解
在网上看教程时，各种五花八门的组件通讯看的人头皮发麻，其中不乏按钮点击触发事件，修改父组件或子组件的值，使本来混沌的大脑更加懵逼。本篇讲解特点就是简单！简单！简单！不搞花里胡哨的例子，只有简化到极致的案例。
2024-11-21 14:17:17
894
原创 Vue3移动端外卖小程序的搭建 与购物车功能的实现！
移动端与pc端不同，需要更多的考虑em，rem的单位转化，各个手机型号完美适配。对新手而言，这是一个难点。接下来我将以一个外卖移动端为例子进行讲解。
2024-11-20 15:33:48
388
原创 Vue3后台管理系统的国际化，多语言转换！（中文英文繁体）
vue-i18n当我们大体完成一个后台管理系统的搭建，想在其基础上完成国际化，使它能有多种语言的切换。这该如何实现呢？
2024-11-20 11:39:34
2014
原创 Vue后台管理项目中xlsx.js实现excel表格下载和导入的功能
在搭建后台管理页面时，会做到将后台数据以excel的表格形式下载或导入的功能，今天我将以一个简单的小案例来实现这个功能。
2024-11-08 14:25:38
567
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人