- 博客(59)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 面试必备- 2022 Vue最新面试题总结（持续更新中）
2022年最新面试题整理（包答案）总结最近我和几个同事遇到的面试题，希望对大家有帮助，面试题我分为两类，经常遇到，很少遇到。1、vue的生命周期 2、computed和watch区别？3、深度监听怎么做？ 4、父子组件的生命周期的顺序5、setTimeout是在生命周期的什么阶段销毁的？如果不销毁会怎么样？6、父子组件通信用什么？ 兄弟组件通信呢？7、路由守卫 8、如何实现双向数据绑定？9、vue的修饰符有哪些？10、vuex中mulation和actions的区别和联系? 11、MVC与MVVM的
2022-04-01 14:28:47
17275
1
原创 UniApp 微信小程序之间跳转指南
本文介绍了在UniApp中实现微信小程序间跳转的方法，主要使用uni.navigateToMiniProgram() API。详细说明了该API的参数配置，包括必填的appId、可选路径和数据传递等。提供了基础跳转示例、带参数跳转和完整错误处理的代码实现，并分析了常见错误类型及处理方法。最后给出了参数验证、统一跳转方法和配置化管理等最佳实践建议，帮助开发者规范实现小程序间的跳转功能。
2025-08-19 11:09:47
501
原创 Android POS应用在android运行常见问题及解决方案
本文档记录了Android POS应用开发中的三个关键问题及解决方案：1) UnsatisfiedLinkError错误，因缺少ARM64架构的libnative.so库，通过在build.gradle中配置abiFilters "armeabi-v7a"解决；2) ActivityNotFoundException错误，因未正确声明外部Activity；3) 商户信息一致性检查绕过问题。解决方案包括修改ABI过滤器配置、检查Activity声明及加强安全验证，确保应用在不同架构设备上正
2025-08-14 15:00:00
889
原创 React （react-amap）高德地图使用（加标记、缩放、缩略图）
React高德地图集成指南提供了完整的实现方案，包括环境准备、基础配置和核心功能实现。开发者需先获取API Key并安装react-amap库，然后在HTML中引入高德地图API。文档详细介绍了地图组件的基础实现、配置选项、标记点渲染（包括自定义图标）以及信息窗口功能（支持自定义内容组件）。示例代码展示了如何实现地图交互、标记点点击事件和信息窗口管理，并提供了TypeScript类型定义，帮助开发者在React项目中快速集成高德地图。
2025-08-12 11:04:34
997
原创 uniapp项目在hbuilder中连接真机调试步骤及常见问题
摘要：使用HBuilder进行安卓APP调试的步骤：1）打开HBuilder，选择运行到Android基座；2）在手机设置中开启开发者模式和USB调试权限；3）运行成功后显示设备信息；4）自动安装调试基座；5）手机端出现HBuilder应用。iOS调试需要证书，相对麻烦。整个过程需确保USB调试权限开启。
2025-08-12 09:56:19
336
原创 uniapp相机扫码和图片识别两种方式（适配鸿蒙系统）
本文档详细介绍了uni-app应用中扫码功能的实现方案，包含相机实时扫码和图片识别两种方式。核心功能包括智能状态管理（等待、扫描中、权限拒绝等状态）、跨平台支持（APP/H5/鸿蒙系统适配）以及权限处理机制。技术实现基于Vue单文件组件，关键方法包括startScan（相机扫码）、openAlbum（图片识别）、checkCameraPermission（权限检查）和handleScanResult（结果处理）。文档还提供了UI组件结构和扫描状态说明，并针对不同平台（特别是鸿蒙系统）做了特殊权限处理适配，确
2025-08-02 21:22:19
1002
原创 antd+react+可输入的下拉选择组件
这是一个基于React和Ant Design的可输入下拉选择组件SelectInput的代码详解。组件支持两种模式：下拉选择预设选项和手动输入自定义值。核心功能包括： 状态管理：使用isInput状态控制当前模式，selectRef和inputFlagRef用于焦点和事件处理。 生命周期控制：组件挂载时自动聚焦，卸载时清理定时器；模式切换时自动聚焦输入框。 值变更处理：封装onChange统一处理值变更逻辑。 下拉菜单：底部添加"自定义"按钮切换输入模式，并优化了onBlur事件处理。
2025-07-22 07:08:46
796
原创 react+antd+表格拖拽排序以及上移、下移、移到顶部、移到底部
本文介绍了基于React和Ant Design实现表格拖拽排序功能的完整方案，主要特点包括： 使用@dnd-kit库实现流畅的拖拽排序功能，支持鼠标拖拽和键盘操作 提供上移/下移/置顶/置底等按钮操作方式 实现防误触设计和批量删除功能 包含两种更新模式：即时更新和确认更新 通过CSS优化提升了交互体验和视觉效果 技术方案结合了dnd-kit的拖拽能力和Ant Design Table组件，通过自定义DraggableRow组件实现行拖拽，并提供了完善的移动操作API。文中详细展示了核心代码实现，包括拖拽上下
2025-07-19 12:21:28
566
原创 react+antd 可拖拽模态框组件
摘要：DraggableModal 是基于 @dnd-kit/core 实现的可拖拽模态框组件，支持通过标题栏拖拽移动，具备智能边界检测功能防止拖出可视区域。该组件与 Antd Modal 无缝集成，使用 CSS transform 实现流畅动画，提供完整的 TypeScript 支持。安装需添加 @dnd-kit 依赖，使用时需确保模态框包含 modal-header 类名的标题栏。组件通过计算窗口尺寸自动调整拖拽范围，适合现代浏览器环境，建议搭配 React.memo 优化复杂内容性能。
2025-07-19 11:54:23
694
原创 uniapp下拉刷新+分页组件（z-paging 组件）
z-paging 是一个功能强大的列表分页组件，支持下拉刷新、上拉加载更多、自动管理分页等功能。本文档将详细介绍如何在项目中使用 z-paging 组件，特别是如何实现列表与页面一起滑动的效果。
2025-07-07 23:22:43
1076
原创 手动搭建并配置react项目（webpack5）
不使用脚手架，利用webpack，手动搭建react项目框架，让你更清楚的知道react搭建过程中所需要的文件以及他运行的原理。
2025-03-28 15:30:27
1139
原创 webpack配置详解+项目实战
根据B站老师讲解，集成vue、webpack，内部包含loader、plugin、css压缩等常用用法，后面也带上了项目地址，有兴趣的朋友可以补充拓展。
2025-03-27 12:10:50
1638
原创 2025年前端八股文整理持续更新中（css+js+vue）
流动定位：保持在标准文档流中原有的位置，元素是按从左往右，从上往下的顺序摆放， left,top等属性无效相对定位：相对定位是指相对于盒子元素原有的位置进行偏移，不会脱离标准文档流，也不对其他元素产生任何影响。需设定垂直方向和水平向的偏移量，分别是left、top、right、bottom。绝对定位：绝对定位是以某一个点为基准进行偏移。绝对定位是以最近的一个已定位的父级元素为基准，如果父级元素没有定位或没有父级元素，则以浏览器窗口为基准；会脱离标准文档流，不影响同一级的盒子元素位置。
2025-03-24 13:49:04
1583
原创 Lodash的常用方法整理
以上是 Lodash 中一些常用函数的详细解释和示例代码。这些函数可以帮助你在处理数据时更加高效和简洁。如果你有任何进一步的问题或需要更多的示例，请随时提问！
2024-11-12 19:23:58
1711
原创 html转pdf实现超清打印
上篇文章中，已经实现了大多数场景下的打印，但是若是对pdf的清晰度要求较高，上述的方法将达不到你的要求，下面我将告诉大家一种超清打印，无缩放，和word生成的pdf毫无差别，用于上层领导的签章文件毫无问题。这个pdf非常清晰，核心代码如下,若是打印的内容有中文，必须要加中文字体，否则会乱码。
2024-10-08 18:24:15
425
原创 jsPDF+html2canvas实现html转pdf下载+打印
通过html2canvas转化后有缩放，无论怎么调整，感觉都不够高清，大多数场景都能满足，但是和手动创建word文档打印，还是有差距，若用在重要文档上，业务审核肯定不通过，这个时候就要求无缩放打印，下一章写如何用JsPDF无缩放打印
2024-02-06 15:55:39
1332
3
原创 React+Echarts实现数据排名+自动滚动+Y轴自定义toolTip文字提示
React+echarts实现排名+自动滚动+X轴自定义titleTop
2024-02-06 11:13:20
1731
原创 react+antd+CheckableTag实现Tag标签单选或多选功能
原理: 封装一个受控组件，接受父组件的参数，数据发现变化后，回传给父组件。下一节将分享多层级的标签选中功能，同时支持多选和单选功能。
2024-02-06 10:23:54
1779
原创 React+Antd实现表格自动向上滚动
React+Antd实现表格自动向上滚动，创建一个定时器，修改表格ant-table-body的scrollTop属性实现滚动，监听表层的元素div的鼠标移入和移出实现实现鼠标进入元素滚动暂停，移出元素的时候表格滚动继续。
2024-02-06 10:06:33
2559
原创 Antd+React+react-resizable实现表格拖拽功能
【Antd+React+react-resizable实现表格拖拽功能】常见问题1、拖拽时，鼠标离开，拖拽被还原，80%原因是因为父组件触发了useState更新，column被还原成初始态，2、拖拽要设置最小宽度和最大宽度，防止拖拽过程中找不到元素。二、在antd写入tab，并引用拖拽组件。
2024-02-05 12:58:40
1810
原创 UMI 创建react目录介绍及配置
1、UMI 创建的react项目介绍2、UMI的项目配置（路由的3种配置方式）3、运行时配置 app.ts
2023-02-10 13:13:21
3401
1
原创 React TreeSelect 组件使用和优化
1、React-实现树形下拉组件(TreeSelect)组件自定义选中，选择父组件可以实现收缩或展开，2、优化树形组件体验效果3、关键词：TreeSelect 、Antd、树形控件、React、treeExpandedKeys可控
2022-12-08 23:50:34
4187
10
原创 Vue中父组件如何能监听到子组件的生命周期
Vue中父组件如何能监听到子组件的生命周期 方法1：$emit 方法2：@hook3、为什么要使用@hook以及使用场景 4、Vue 中如何使用 @hook？
2022-04-01 20:20:04
6908
2
原创 Javascipt变量提升、作用域
var a=10;(function test(){console.log(a)var a=15;console.log(a)})();上面一段代码，之前一直以为结果是10,15 实际执行结果为undefined15看到结果很意外，问什么第一次打印结果为undefined，这里就要讲到变量提升，任何函数内部变量都会先提升，你可以理解为执行顺序为:var a=10;(function test(){var a;console.log(a)a=15;console.l.
2022-03-22 20:33:33
1248
1
原创 Vue3 项目创建
安装1、安装nodevue 3需要node10以上版本node官网下载地址以往的版本 | Node.js2、安装vue/cli如果已经全局安装过旧版本的vue-clinpm uninstall vue-cli -g //yarn global remove vue-cli然后安装npm install -g @vue/cli //yarn global add @vue/cli为什么要先卸载vue-cli，在安装vue/cli如果是安装vue3以下版
2022-03-21 21:34:43
8137
原创 Vue3 项目遇到的问题
1、vue3项目安装依赖出现问题时，不要盲目执行npm audit fix --force，会自动把所安装的包升级到最新的版本，但是有些版本是不匹配的，导致项目无法运行。2、defineConfig is not function
2022-03-21 20:58:23
2158
原创 npm install --save 和 npm install -D、npm install -g 的区别
npm install -d 就是 npm install --save-devnpm insatll -s 就是npm install --save我们在使用npm install 安装模块或者插件时，若写到package.json文件中，用--save-dev 或（写入devDependencies）--save （dependencies）devDependencies与dependencies的区别devDependencies用于开发环境，不用于生产环境 例如 webpack
2022-03-14 10:57:20
2821
原创 Vue使用element-UI，路由报错
Invalid prop: type check failed for prop "router". Expected Boolean, got String.prop校验路由时，要求router是一个boolean类型，但是得到的是一个string类型官网上router参数是boolean类型官网地址Element - The world's most popular Vue UI framework报错代码：<el-menu router="t..
2022-03-10 13:32:42
1295
ArcGIS_基础教程
2014-12-02
React TreeSelect 组件使用和优化 自定义折叠和展开图标+可在title后添加任意组件+优化展开或者收缩
2024-02-06
React+Antd+tree实现树多选功能（选中项受控）
2024-02-06
vuex学习的小例子，包含所有的State、Getter、Mutation、Action、Module的使用
2022-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人