- 博客(34)
- 收藏
- 关注
RSS订阅原创 Uniapp全局显示 悬浮组件/无需单页面引入
本文介绍了一个可拖动悬浮球组件的实现方案。通过Vue组件实现悬浮球功能，支持自定义初始位置、大小和颜色，具备拖动吸附边缘和点击事件功能。技术实现包括：1）组件封装，使用fixed定位确保全局显示；2）配置vue-inset-loader实现组件自动注入；3）在main.js全局注册组件；4）pages.json中配置insetLoader参数，注意rootEle需匹配项目根元素类型；5）vite.config.js中配置插件和代理。关键点在于正确设置rootEle参数，若同时存在div和view需设为&qu
2025-11-24 10:41:54
7
1
原创 Axios与Ajax：现代Web请求大比拼
Ajax和Axios都是用于异步网络请求的技术。Ajax是浏览器原生API，通过XMLHttpRequest实现部分页面更新；而Axios是基于Promise的HTTP客户端，封装了Ajax并简化了请求处理。Axios支持浏览器和Node.js，提供拦截器、自动JSON转换等现代特性，使用更简便。两者主要区别在于平台支持、依赖方式和API风格（回调vs Promise）。Axios作为Ajax的实现库，已成为前端开发者的首选工具。
2025-09-01 13:36:12
355
原创 2025 最新React前端面试题目 (9月最新)
React核心特性与开发实践精要 React基于组件化、虚拟DOM和声明式编程三大核心理念，通过JSX语法简化UI开发。Hooks机制解决了状态逻辑复用问题，Fiber架构实现了可中断渲染。性能优化方面建议使用React.memo、合理设置key属性。组件通信可通过props/Context/Redux实现，路由管理推荐React Router。React 19新增了自动批处理、服务端组件等特性。开发中需注意闭包陷阱问题，区分受控/非受控组件使用场景，并掌握useMemo/useCallback等优化手段。
2025-09-01 11:01:18
840
原创 2025 最新Vue前端面试题目 (9月最新)
本文系统梳理了2025年Vue前端面试核心知识点，包括：1）Vue基础概念（数据绑定原理、组件系统、生命周期）；2）组件通信方式（父子组件props/$emit、兄弟组件通信方案）；3）Vue高级特性（路由懒加载、Composition API、性能优化技巧）；4）其他重要功能（插槽机制、自定义指令、错误处理）。全文通过代码示例详细解析了各知识点，为开发者应对Vue技术面试提供了全面的技术参考。
2025-09-01 10:12:27
1013
原创 详解 TCPServer、Client 通讯工具的使用与代码实现
本文详细介绍了一款TCPServer/Client通讯工具插件的使用方法，适用于硬件开发中的TCP通讯需求。该插件支持字符串和16进制byte数组两种通信模式，可实现消息收发功能。文章从插件引入、项目初始化开始，详细分解了TCPServer和TCPClient功能的实现步骤，包括创建服务端/客户端、发送接收数据、关闭连接等操作，并提供了完整的代码示例。同时介绍了日志查看与清除的方法，帮助开发者快速掌握该插件的使用技巧，实现稳定可靠的TCP通讯功能。
2025-08-22 15:20:18
1067
原创 uni-app在安卓设备上获取 (WIFI 【和】以太网) ip 和 MAC
摘要：本文提供两段代码示例，用于在Android 7.1.2系统中获取网络信息。第一段代码通过Android原生API获取设备的WIFI和以太网IP地址，包含网络接口遍历和整数IP转换逻辑。第二段代码采用两种方法（NetworkInterface类和系统文件读取）获取WIFI和以太网MAC地址，包含接口过滤和字节转换处理。两段代码均包含错误处理和非Android环境判断，输出结果到控制台。代码适用于uni-app框架，通过plus.android调用原生功能。
2025-07-14 16:36:23
736
原创 Vue2中如何使用vue-print-nb打印功能
摘要：Vue打印插件vue-print-nb使用指南，包含安装步骤（npm安装+全局导入）、基本用法（v-print指令绑定打印区域）和详细配置选项（预览设置、回调函数等）。重点说明打印样式优化技巧：分页处理（page-break-after）、消除空白页（调整高度样式）、隐藏特定元素（no-print类）以及表格打印样式适配。同时对比原生window.print()方法，提供Element-UI表格打印的CSS解决方案。插件支持URL打印和异步加载，可通过媒体查询@media print定制打印专属样式。
2025-06-18 15:31:40
649
原创 搭建Node.js服务器
本文介绍了使用Node.js构建HTTP服务器的四个核心功能实现：1)基础HTTP服务器搭建，包含路由和错误处理；2)静态资源服务器开发，支持异步文件操作、自动索引和内容类型检测；3)GET请求处理，通过URL模块解析查询参数；4)POST请求处理，采用流式方式接收并解析表单数据。每个功能模块都提供了完整代码示例，包含端口监听、请求响应处理和错误捕获等关键实现。通过四个独立运行的示例，展示了从基本服务器到表单参数处理的完整开发流程，代码均配有详细注释便于理解。
2025-06-16 13:41:49
416
原创 大屏自适应的基本概念
在开发大屏应用时，确保组件尺寸比例一致且无变形是一个关键目标。首先需要理解大屏自适应的核心理念；通过动态调整组件宽高比例，使布局能够适配不同分辨率的屏幕。
2025-06-10 13:05:27
495
原创 【uni-app】模仿微信实现简易发送/取发语音功能
本文介绍了基于uni-app开发的微信聊天demo中语音功能的实现过程。主要包括：1）通过绑定touchstart/touchmove/touchend事件实现按住录音、滑动取消功能；2）使用uni.getRecorderManager()实现语音录制，限制60秒时长；3）通过坐标判断滑动取消逻辑；4）处理语音条长度转换关系，10秒内线性增长，之后缓慢增长；5）使用innerAudioContext实现语音播放控制。整个实现过程完整覆盖了从录音到播放的语音消息处理流程。
2025-05-29 09:26:50
1729
1
转载 小程序 WebView内网页实现微信支付功能
在 小程序 的webView中实现微信支付功能需要进行小程序和webView之间的交互。通过上述代码，小程序和webView之间可以进行消息的传递，从而实现在小程序中使用WebView进行微信支付的功能。1.在webview页面的JS代码中，通过。
2025-01-13 09:09:23
1275
原创 2025 最新React面试题
React中的props是只读的，主要是为了维护组件的可预测性和可维护性。如果允许子组件修改props，那么一个父组件将状态传递给多个子组件时，这些子组件就可以随意修改props的值，导致状态的不可预测，给调试和维护带来困难。为了解决这个问题，React采用了只读的props机制。子组件只能读取props的值，但不能修改它们。这种设计模式类似于函数式编程中的纯函数，纯函数不会改变传入的参数，只会返回一个新的值。通过保护props不被修改，React确保了组件的可预测性和可维护性。
2025-01-09 11:01:41
6583
原创 2025 最新前端高频率面试题--Vue篇
Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive(id, [definition]) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。提高代码复用。指令本质上是装饰器，是 vue 对 HTML 元素的扩展，给 HTML 元素增加自定义功能。vue 编译 DOM 时，会找到指令对象，执行指令的相关方法。
2025-01-07 14:57:49
5303
原创 Uniapp 手机基座调试App 打包成Apk文件，并上传到应用商店
使用uniapp开发应用具有显著的优势，能够通过编写一次代码来适配多个平台，这大大减少了开发成本和周期，这也是uniapp诞生的初衷。它基于Vue 使得开发过程更加高效，同事拥有一个活跃社区和丰富的组件库来支持快速开发。此外，uniapp支持热更新，能够及时修复问题而无需发布新的版本。提高了应用的维护效率。但是，uniApp也有它本身局限性。它可能在性能上无法完成匹敌原生应用，尤其是在图形或计算密集型应用中。此外，不同平台的特定Api和政策可能会限制UniApp的某些功能。
2024-12-24 14:43:22
1973
原创 Vue理论知识 面试题常见15道题 （亲测有效）
虚拟Dom -- MVVM的理解 -- MVC的理解 -- 事件循环机制 -- 原型原型链 -- 闭包 -- 箭头函数和普通函数有什么区别 -- 深拷贝和浅拷贝 -- settimeout和setinterval 的区别 -- 对于异步理解-- Promise -- v-if和v-for和v-show的区别 -- Rem适配理解和实现 -- VW/VH适配理解和实现 --Websocke的理解和相关Api --
2024-07-15 16:35:39
627
原创 HbuildX--关联微信小程序 启动微信小程序项目 (详情版)
注意：如果这里如果报错，需要根据提示解决问题，如：sass组件没有安装等，需要自行安装sass组件（在工具--安装插件中安装需要的插件）如果没有安装微信web开发工具，需要先根据上面的提示地址下载，之后把本地的安装路径配置到如下图位置。4、在微信开发者网站，注册小程序开发用户，获取appId（点击项目的mainfest.json）获取如下红色圈出的部分，填写到上图Hbuildx的mainfest.json的配置中。6、启动到模拟器中（运行到小程序模拟器---微信开发者工具）5、启动终端，下载需要的依赖。
2024-06-28 16:00:21
986
原创 Android Studio安卓原装程序打包Apk包步骤流程(全网最详细)
Signature Versions中地V1和V2是签名版本的选择，其中V1是通过ZIP条目进行验证，这样APK 签署后可进行许多修改 - 可以移动甚至重新压缩文件。V2是验证压缩文件的所有字节，而不是单个 ZIP 条目，因此，在签名后无法再更改(包括 zipalign)。程序已经完成打包，可以在Android手机上进行安装运行，也能够放在市场中让其他人进行下载。1.在菜单栏中点击【Build】-->【Build bundle(s)/Apk(s)】-->【Build APK(s)】带签名的包。
2024-06-28 15:24:18
3844
原创 Hbuildx使用SUB运行到手机基座测试
需要在手机上打开开发者模式才HBuilderX才可以识别时候，只有 HBuilderX识别出手机信息，才能运行到手机上。第一次在手机上运行，会自动下载HBuilder这个软件并安装就，今后测测试就是在这个软件里面测试的。多点击几次版本号就可以打开了，如果手机设置密码锁，会提示输入密码。打开手机设置——> 系统和更新——>开发人员选项。将这个打开的时候，手机上会弹出提示，点击确定即可。注意：如果手机没有处于开发者模式，那么在系统和更新这里是没有“开发人员选项”的。没有连接到手机时，是没有手机信息的。
2024-06-26 10:44:52
1105
原创 HbuilderX中App项目运行到夜神模拟器上 （全面教程）
点击 运行-运行到手机或模拟器-运行到Android App 基座。windos+R 输入cmd指令 终端中查看 adb 是否配置成功。长时间不用模拟器 会检测不到 则需要 windos+R 打开终端 运行。使用 adb 命令让模拟器连接本机。
2024-06-25 14:27:38
2479
原创 React封装Axios请求、响应拦截、封装Post、Get请求。
这里已经将封装好的请求方式抛出了，需要在入口文件里引用，设置为全局变量，你也可以在需要的地方按需引入，但我不太建议。响应拦截就是在你的接口返回数据后，拦截器会先获取，你可以判断是否正常或数据完好再把数据返回到发起请求的地方。如果你已经下载好了axios和cookie则需要引入，其中axios是必须的cookie不是。请求拦截就是在你的请求还没有发送之前，你可以对你的请求做一些修改。你添加了请求拦截器，则须使用自定义的请求，否则拦截器将没有意义。另一个标记的index.js则是下面会说到的入口文件。
2024-06-25 14:11:06
1383
原创 如何快速切换NodeJS版本
步骤: ------在任意文件夹中输入cmd进入小黑窗--------输入 where node 命令-------找到控制面板彻底删除卸载完成后下载。
2024-06-24 09:07:44
1440
原创 NodeJS 切换淘宝镜像源 、[长期切换、临时切换]
长期切换镜像源意味着将淘宝镜像源设置为默认的 npm 源，这样以后所有的 npm 操作都会使用淘宝镜像。临时切换镜像源意味着只在一次安装过程中使用淘宝镜像，而不改变全局设置。3.截图显示包安装过程及使用淘宝镜像源。你可以通过配置 yarn 的。你可以通过配置 npm 的。1.打开终端或命令提示符。4.截图显示配置成功的结果。设置来长期切换镜像源。设置来长期切换镜像源。打开终端或命令提示符。
2024-06-24 08:31:02
2482
原创 统计大厂UI组件库 前端不需要在攒页面了
它提供了丰富的组件，包括按钮、表单、导航、弹窗等等，可以满足常见的移动应用的需求。它提供了丰富的组件，包括按钮、表单、导航、弹窗等等，可以满足移动应用的各种需求。它提供了丰富的组件，包括按钮、表单、导航、弹窗等等，可以满足常见的移动应用的需求。它提供了一系列的设计原则、规范和组件，包括按钮、表单、导航、弹窗等等，以及丰富的图标库和配色方案，方便开发者使用和定制。丰富的组件：Ant Design 提供了包括按钮、表单、表格、导航菜单、模态框、图表等丰富的组件，涵盖了常见的 UI 需求。
2024-06-24 08:05:15
835
原创 npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
注意：此处修改的镜像用的是npm本身，一般国内用户还是建议使用淘宝镜像，所以推荐还是设置成用淘宝镜像，执行：npm config set registry https://registry.npmmirror.com 【推荐】3、然后修改镜像即可：npm config set registry https://registry.npmjs.org/ （或npm config delete registry）2、清空缓存：npm cache clean --force。然后就可以正常使用npm啦～
2024-06-20 08:58:28
839
原创 同源策略概念以及跨域解决方案
（Same-Origin Policy）是一种浏览器安全机制用于限制一个网页中的脚本只能访问来自同一源（协议、域名和端口）的资源。同源策略的目的是防止恶意网站通过脚本获取用户的敏感信息或者进行恶意操作。
2024-06-20 08:43:51
313
原创 Vue与React的区别及优劣有哪些
Vue和React各有优劣势，选择哪个框架需要根据具体的项目需求和开发经验来决定。Vue接近传统前端，React更灵活、自由一些，大项目用 React，小项目用 Vue。
2024-06-20 08:26:44
887
原创 websocket原理和使用技巧
websocket是HTML5新增的一种基于TCP协议的网络通信协议，实现了浏览器与服务器全双工通信，简单来说就是服务器可以主动向浏览器推送消息，浏览器也可以主动向服务器发送消息。对比http协议客户端与服务器如下图：其特点：（1）建立在 TCP 协议之上，服务器端的实现比较容易。（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。（3）数据格式比较轻量，性能开销小，通信高效。
2024-06-19 16:41:42
462
原创 sourceTree系列：提交自己分支 在合并到主分支dev
3.merge合并完之后，那么就是进行提交推送了。1.先把uat修改的文件提交到uat上。2.然后切换到dev分支。
2024-04-02 09:58:34
1148
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人