- 博客(44)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 前端面试题：“聊聊你在做项目过程中觉得难点和亮点的部分”20道加解析
前端项目依赖过多，node_modules 体积达 GB 级，构建速度慢，如何优化？：前端实现文件上传（如 100MB 大文件），进度条卡顿且容易失败，如何优化？：前端监控发现某页面内存泄漏，导致用户使用一段时间后崩溃，如何定位和解决？：第三方 SDK（如广告、统计）加载缓慢，阻塞页面渲染，如何处理？：移动端软键盘弹出时，页面布局错乱（如输入框被遮挡），如何解决？：前端处理大量数据（如 10 万条列表）时页面崩溃，如何优化？：复杂表单（含几十项字段）操作卡顿，输入延迟明显，如何优化？
2025-08-27 14:43:28
942
原创 前端面试问：“找一个项目重点说说您觉得的亮点”场景题目3道有例子
为满足公司内部 “多人实时协作写方案” 的需求，开发类似飞书文档的在线编辑系统，核心功能包括：多人实时输入、光标位置同步、历史版本回溯、评论互动，要求延迟低于 100ms，且支持 10 人同时编辑不卡顿。为解决公司 “多端业务重复开发” 问题（如同一活动需分别开发 PC 页、H5 页、微信小程序），设计并开发跨端低代码平台，目标是让非技术人员（如运营）通过拖拽组件快速生成页面，且支持一键导出多端代码。核心目标是将首屏加载时间压缩至 1s 内，同时保证页面交互流畅度。
2025-08-27 14:40:43
776
原创 微信小程序面试40道题目加解析
解析微信小程序是微信生态内的轻量级应用，无需下载安装即可使用，基于微信提供的框架运行。免安装 / 触手可及：通过微信扫码、搜索等方式直接打开，降低用户使用门槛；用完即走：不占用手机存储空间，关闭后不常驻后台（除非有后台运行能力配置）；技术栈独特：采用 WXML（视图层）、WXSS（样式层）、JS（逻辑层）、JSON（配置层），而非传统 H5 技术栈；原生能力调用：可直接调用微信原生 API（如支付、定位、相机），功能比 H5 更强大；性能接近原生。
2025-08-25 11:19:19
1430
原创 在 Vue 中使用 ECharts 渲染 10 万条数据
对于 10 万条数据的场景，建议优先使用数据采样或分片加载的方式，在保证视觉效果的同时大大提升性能。如果确实需要展示全部数据，可以结合 Web Worker 和 ECharts 的大数据优化配置来实现。在 Vue 中使用 ECharts 渲染 10 万条数据时，直接全部渲染会导致严重的性能问题。我们需要采用一些优化策略来处理这种大数据量的场景。
2025-08-25 10:46:30
562
原创 uniapp高级面试题20道，道道精辟。
解析内置 API 调用：通过调用系统原生能力（如获取设备信息）。自定义原生插件：需开发平台专属插件，通过 Uniapp 的插件机制注册后调用，步骤如下：新建 Android（Java/Kotlin）或 iOS（Objective-C/Swift）工程，实现插件逻辑（如 Android 需继承UniPlugin，iOS 需实现UniModule协议）。定义 JS 与原生的通信方法（如 Android 用注解，iOS 用宏）。打包插件为arr（Android）或framework。
2025-08-22 09:28:58
871
原创 uniapp 面试题目整理100道加解析
以上题目覆盖了 UniApp 开发的核心知识点，从基础到进阶，结合了理论和实战场景。面试时不仅要记住答案，更要理解原理和应用场景，尤其是跨平台适配、性能优化等高频考点。实际开发中需多实践，积累调试和问题解决经验，才能更好地应对面试挑战。
2025-08-22 09:24:11
2807
原创 后端有10w条数据需要前端处理思路
利用虚拟列表只渲染可视区域数据，减少 DOM 节点分页加载数据，避免一次性加载全部数据优化响应式处理，减少 Vue 的响应式追踪开销复杂计算放到 Web Worker，避免阻塞主线程按需加载和缓存数据，减少重复请求通过这些策略，即使在 Vue 中处理 10 万级数据，也能保持流畅的用户体验和响应速度。
2025-08-21 11:48:52
366
原创 react中高级面试题100道有解析
解析虚拟 DOM（Virtual DOM）是 React 内部维护的、对真实 DOM 的轻量内存映射（JavaScript 对象），描述了 DOM 的结构和属性。性能优化逻辑：真实 DOM 操作昂贵（重绘 / 回流），虚拟 DOM 通过批量对比差异（Diff 算法），只更新变化的部分，减少真实 DOM 操作次数。虚拟 DOM 是 JS 对象，操作成本远低于真实 DOM，且支持跨平台（如 React Native）。解析Fiber 是 React 16 引入的新协调引擎，本质是。
2025-08-21 09:34:11
1187
原创 前端在和后端对get请求得时候会出现数组传递后端识别不到数组，get请求参数数组得解决方案
【代码】前端在和后端对get请求得时候会出现数组传递后端识别不到数组，get请求参数数组得解决方案。
2025-08-21 09:32:17
163
原创 uniapp 实现蓝牙打卡功能
在 Uniapp 中实现蓝牙打卡功能，主要利用 Uniapp 提供的蓝牙 API 与周边蓝牙设备进行通信，通过识别特定蓝牙设备（如打卡器）完成打卡操作。
2025-08-20 16:46:16
382
原创 ucharts使用教程
注意：width/height 为 Canvas 实际像素尺寸，style 控制显示尺寸（建议保持比例一致）。通过以上步骤，即可快速在 H5 或 Vue 项目中使用 uCharts 实现各类数据可视化图表。在 Vue 组件的模板中使用。中添加一个用于渲染图表的。通过修改数据后重新调用。
2025-08-20 15:49:47
772
原创 react的学习路线过程
学习 React 是一个循序渐进的过程，需要从基础到进阶逐步掌握。Hooks 是 React 16.8 引入的特性，彻底改变了组件逻辑的复用方式，是现代 React 开发的核心。重点在于多写代码、多调试，理解 “组件化” 和 “声明式编程” 的思想，而非死记 API。掌握 React 的基本工作方式和核心思想，推荐从官方文档（）入门，其内容权威且更新及时。
2025-08-20 15:07:32
1195
原创 什么是闭包？闭包的完美解答
举个生活例子：你小时候住的房间里有个玩具箱（相当于函数里的变量），长大后搬了家（函数执行完退出），但你还记得玩具箱在哪，随时能回去拿里面的玩具（函数外依然能访问内部变量）—— 这就是闭包的效果。
2025-08-20 09:57:28
269
原创 vue面试中老提问的业务场景技术难点优点等问题的解答要点
Vue 开发中的难点，本质是 **“技术原理深度”与“业务复杂度”** 的乘积。吃透底层原理：不仅会用 API，更要理解响应式、diff 算法等核心机制（如读 Vue 源码或官方文档的 “深入响应式原理” 章节）。抽象复用逻辑：将复杂场景（如表单、权限）封装为可复用的组件或hook，避免重复开发。优先成熟方案：复杂交互（如虚拟滚动、富文本）优先用社区库，聚焦业务逻辑而非造轮子。持续性能意识：从开发初期就关注 “渲染次数、包体积、内存占用”，避免后期 “重构地狱”。
2025-08-20 09:55:12
798
原创 适合中高级前端vue面试的100道题目
以上题目覆盖了 Vue 的核心原理、生态工具、性能优化等高级知识点，建议结合实际项目理解和实践，不仅要知其然，更要知其所以然。解析：Vue CLI 是官方脚手架工具，核心功能：项目初始化、开发服务器、代码编译、打包构建。解析：Web Worker 用于在后台线程处理耗时任务（如大数据计算），避免阻塞主线程。解析：虚拟滚动只渲染可视区域内的列表项，适合大数据列表（如 10 万 + 条数据）。解析：场景：需要缓存状态的组件（如表单页面、详情页），避免重复请求数据或重置状态。会被限定在模块内，避免全局命名冲突。
2025-08-20 09:49:20
1568
原创 前端老油条的入职生存之道
可控的：技术深度、业务理解、协作效率、学习节奏；不可控的：公司战略调整、同事变动、突发需求。把精力放在前者，你会发现：不用内卷，也能被需要；不用讨好，也能被尊重。这才是前端在公司里 “游刃有余” 的生存之道。
2025-08-20 09:43:38
572
原创 0基础自学前端路线vue版
对于零基础想入门前端开发的同学，按照「HTML → CSS → JavaScript → Vue → Element」的路线学习是非常合理的。这个过程需要循序渐进，既要打好基础，也要通过大量实践积累经验。以下是详细的学习路线和建议，分为 5 个阶段，每个阶段明确目标、核心内容和实践方式：目标：能独立写出语义化的 HTML 结构，理解网页的基本组成。HTML 基本概念：常用标签：工具准备：学习资源：目标：掌握 CSS 核心语法，能实现常见布局和样式，让页面美观且适配不同设备。CSS 基础：核心布局技术：进阶样
2025-08-20 09:32:54
738
原创 前端初级0面试题目100道
解析：localStorage（持久化存储）、sessionStorage（会话级存储）、Cookie、IndexedDB（大型结构化数据）、Application Cache（已废弃，被 Service Worker 替代）。解析：HTML5 的组件化方案，包括 Custom Elements（自定义标签）、Shadow DOM（隔离样式和结构）、HTML Templates（模板），用于构建可复用组件。解析：提前加载关键资源（如 CSS、JS），告诉浏览器该资源优先级高，避免后续加载阻塞，提升性能。
2025-08-20 09:27:22
816
原创 vue面试题目 80道
MVVM 是 Model-View-ViewModel 的缩写，Model 是数据，View 是视图，ViewModel 是桥梁。Vue 中 ViewModel 由实例承担，通过数据绑定将 Model 与 View 关联。
2025-08-20 09:20:01
1087
原创 vue实现手动签名功能
分步讲解太麻烦了 我直接上全文件吧。看不懂的可以评论或者私聊我。给个赞和关注 谢谢老铁功能说明这个签名组件提供了以下核心功能：基础签名功能：交互功能：自定义选项：状态反馈：首先确保项目中已引入 Font Awesome 图标库，用于显示按钮图标在你的 Vue 组件中引入并使用签名组件：扩展建议 可以添加更多自定义选项，如支持多种线条样式、签名颜色选择器等 可以增加签名验证功能，判断签名是否有效（如是否过于简单） 可以添加保存为不同格式的选项（如 JPG、SVG） 可以实现签名的缩
2025-08-19 16:09:58
587
原创 vue 动态路由实现
Vue 的动态路由实现是实现权限管理和按需加载路由的关键技术，尤其适用于后台管理系统等需要根据用户角色动态展示菜单的场景。再在根目录src下面建一个路由守卫用来读取动态路由和路由跳转控制的（permission.js）然后在store管理器里面创建个modules文件名称就叫permission.js。接下来就是登录页面处理逻辑。
2025-08-18 14:49:14
342
原创 element-ui中的表格实现合并同类项
在 Element UI 中实现表格复杂类型的同类项合并，需要通过方法结合数据预处理来实现。这种场景适用于多级分组、嵌套数据或需要按多个条件合并的复杂情况。
2025-08-18 14:38:11
374
原创 微信开发前端微信支付操作步骤
前端创建订单，获取订单 ID前端请求后端获取支付参数（后端调用微信支付接口生成）前端使用获取到的参数调起微信支付组件支付完成后，通过后端接口确认最终支付状态根据确认结果展示相应页面通过以上步骤，可在微信环境中实现安全、稳定的支付功能。实际开发中需根据具体业务场景进行调整，并严格遵循微信支付的开发规范。
2025-08-18 14:29:48
527
原创 vue 实现登录密码加密功能
实际使用需求中其实用不上 因为使用的https表单提交是加了一次密的 但是会在代理服务器那里拿到明文所以出来了这么一个需求。如果看不懂可以关注我私聊我 我有时间可以给你们解答。为了面试简历好看些 写一些私货出来。在vue上面有问题都可以问我，虽然不太精通一些通用的业务代码还是手拿吧掐的。第二步处理加密在utils文件下建立一个加密js（rsaEncrypt.js）第三步就是接口了 在api文件下建立接口js。第一步建立login.vue文件。
2025-08-18 11:51:43
237
原创 vue实现token过期无感刷新
首先在你的utils下面的接口封装js（request.js里面插入以下代码）这里有过期请求再发送的逻辑处理。如果看不懂关注我或者在下面评论 我看到了会回答。因为面试加分项所以发点、私货。然后在你的store里面存储状态以下代码（可以放到modules里面的user.js里面一般都是在这里处理）接下来就是用到的接口 放在api里面建立一个js文件。
2025-08-18 11:45:42
550
原创 简单的vue 动态表单的实现
这是个简单的动态表单实现，这里只是贴上的渲染的格式处理，如果需要生成格式需要先看懂渲染用到那些字段然后再根据渲染用到的字段在后台进行新增，实际上在若依里面是有一套动态表单的生成，只不过没有渲染生成，若依里面集成的只是生成代码。这里是借鉴了若依用的集成生成的json数据渲染出来的。如果还有什么疑惑或者需要完整代码关注我私聊我，或者在在下面评论。以下的代码可以复制但是需要自己进行下修改。
2025-08-18 11:36:34
255
原创 前端开发规范
本规范参考自：阿里代码规范， 蓝鲸文档中心 - 前端开发规范 ，开源项目和团队如 front-end-specification。1.前端规范是所有前端岗位的研发必须遵守的规范，主要内容有编码结构、变量命名、代码注释、文件引用、代码性能、安全、移动端等。适用于多种编程语言的编码规约。2.在以下章节中，将用 【必须】 标签来标记开发过程中必须遵守的规范，其他均为建议。各位走过路过的老铁给个关注，有其他问题可以私发我或者评论 我会出相关问题的文章。强制 使用 2 个空格缩进。
2025-08-15 10:21:03
123
原创 npm包的全局设置
package.json添加files字段，配置npm发布时要上传的文件，此时只需要添加index.js, package.json文件会默认上传。4.贡献回去：如果你希望你的修改被原始仓库采纳，可以在 fork 的仓库中 发起一个 Pull Request 到原始仓库。这会将该仓库复制到你的 GitHub 账户下，成为你的一个独立仓库。点击 "New Pull Request"，选择你的分支与主分支合并，提交 PR 并确认 合并。①.登录 GitHub，找到你想 fork 的仓库页面。
2025-08-15 10:18:59
2682
空空如也
vue项目启动时报选项对象不匹配的API模式
2021-09-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人