- 博客(10)
- 收藏
- 关注
RSS订阅原创 IOS蓝牙开发流程简单说明
本文介绍了iOS蓝牙开发的核心流程与技术架构。主要内容包括：1）通过CoreBluetooth框架实现蓝牙连接，包含中心设备(CBCentralManager)和外设(CBPeripheral)的角色模型；2）详细的开发步骤：从Xcode蓝牙权限配置、蓝牙状态检测、设备扫描与连接，到服务特征发现与数据交互；3）关键代码示例展示了蓝牙初始化、设备扫描过滤、服务特征订阅以及数据接收处理等核心功能实现。文中特别强调蓝牙通信的异步特性，需通过回调处理连接状态和数据传输。
2025-06-02 15:04:27
769
原创 前端实现常见布局效果
（4）sticky 粘性定位：基于滚动位置来定位，在 relative 和 fixed 之间切换，当超出页面目标区域时，就是 fixed 固定在目标位置，否则为 relative；将 type 属性赋值为 ‘flex’，可以启用 flex 布局，并可通过 justify 属性来指定 start, center, end, space-between, space-around 其中的值来定义子元素的排版方式。弹性（flex）布局，弹性容器外及弹性子元素内是正常渲染的。弹性子元素通常在弹性盒子内一行显示。
2025-05-22 14:34:41
394
原创 vue实现一个可以自动轮播的排行榜
本文介绍了一个基于Vue的排名展示组件的设计与实现。该组件通过transition-group实现平滑的动画效果，支持响应式布局，并提供了前三名的徽章样式和动态进度条。组件的核心功能包括自动滚动、暂停和恢复滚动，通过computed属性动态计算展示的数据列表，并通过setInterval和clearInterval控制滚动行为。外部使用组件时，可以传入数据列表、滚动间隔、组件宽度、显示条数和每条记录的高度等参数，实现灵活的排名展示。
2025-05-18 17:15:26
584
原创 vue实现自定义的带历史记录的搜索框
该文章描述了一个自定义搜索控件的UI设计和功能实现。控件包含一个带有下拉选择框的输入框、搜索按钮以及历史记录面板。用户可以通过输入内容并点击按钮进行搜索，搜索结果会自动保存到历史记录中，最多保留10条记录。历史记录面板支持点击快速搜索、删除单条记录或清空全部记录，并且历史记录会通过localStorage进行本地存储。用户体验方面，输入框聚焦时会显示历史记录，并提供了美观的下拉样式和动画效果。整体设计简洁，功能完善，便于用户快速搜索和管理历史记录。
2025-05-12 20:40:55
430
原创 Vue项目中将table的数据导出为xlsx/csv/json（js）
在 Vue 项目中，可以通过安装 xlsx 库来实现将表格数据导出为 XLSX、CSV 和 JSON 格式的功能。首先，安装 xlsx 库，然后创建一个 exportUtils.js 工具文件，定义导出函数 exportTableData，支持导出为 XLSX、CSV 和 JSON 格式。在 Vue 组件中，通过 el-dropdown 组件提供导出选项，并在 handleCommand 方法中调用 exportTableData 函数，根据用户选择的格式导出数据。该方案简单易用，适用于需要导出表格数据的场
2025-05-08 21:35:30
616
原创 JS 与Element 进行表单手机号码和邮箱的验证
账号可以是手机号码或邮箱地址，且不为空。当验证逻辑比较复杂时，可以用js编写自定义的rule，在与表单的rules属性进行绑定// js部分// 账号可以输入手机号码或邮箱地址if (!value) {return callback(new Error('请输入手机号或邮箱'))if (!callback(new Error('请输入正确的手机号或邮箱格式'))} else {callback()}, 100)// 自定义rulesrules: {account: [
2025-05-04 22:53:42
249
原创 Vue 实现 table 的简单操作（js部分）
根据数据条数，按照给定的页面大小，计算当前页面展示的数据在总数据集中的开始和结束下标，然后返回当前页面要展示的数据集。获取table中传递的(scope.$index, scope.row)，其中index为下标，row为该行数据对象。数据修改: 修改后的数据存在editData，遍历整个数组，通过ID的key进行匹配，找到对应的元素进行数据更新。
2025-05-03 20:55:19
909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人