- 博客(39)
- 收藏
- 关注
RSS订阅原创 JavaScript将一个对象的所有属性值提取出来，并展平成一个一维数组
【代码】JavaScript将一个对象的所有属性值提取出来，并展平成一个一维数组。
2025-11-12 13:37:49
233
原创 uniapp x鸿蒙开发之运行到鸿蒙模拟器
如果是通过 DevEco Studio 自动申请的调试证书，在 build-profile.json5 文件里能找到完整的证书配置信息。需注意的是，在保存那三个文件的目录里还应该有一个 material 子目录，它跟私钥库文件（.p12）和两个密码是配合使用的，如果想把私钥库文件移到别的地方去，这个 material 目录也要复制过去（否则密码将失效）。签名描述文件（.p7b）：由华为颁发，里面包含了跟应用相关的签名信息，如包名、ACL 权限等，调试证书还包括可用于调试运行的设备列表。
2025-09-24 16:16:38
1370
原创 uniapp x 鸿蒙开发之调试证书签名配置
从 HBuilderX 4.61+ 开始支持以交互方式配置相关信息（且支持自动申请调试证书），这些信息在构建阶段会被覆盖填写到鸿蒙工程的 build-profile.json5 文件中。为了兼容以前的版本，如果没有以交互方式配置签名证书，则在 harmony-configs/build-profile.json5 中配置的相关信息仍会有效。
2025-09-24 16:03:10
1164
原创 基于微信小程序蓝牙信标 (Beacon)的室内导航实例
本项目实现了一个基于微信小程序的Beacon室内导航系统，通过蓝牙信标技术实现店铺定位功能。系统包含蓝牙状态监测、Beacon搜索、距离估算和导航提示等功能模块：1. 核心功能是当用户接近目标店铺(如星巴克)时，根据信标信号强度自动显示距离提示；2. 技术实现包含Beacon服务工具类、距离估算算法和状态管理；3. 界面实时显示蓝牙状态、最近信标信息及导航提示；4. 注意事项包括需要真实部署iBeacon设备、权限要求、距离估算精度问题及机型兼容性差异。该系统适用于商场等室内场景的精准位置服务。
2025-09-18 14:59:12
449
原创 曾经为布局掉的头发，都被 Flex 一根根长回来了！！！
✅响应式友好：容器一变，项目自动适应✅代码极简：5 个属性，解决 90% 布局✅语义清晰justify是主轴，align是交叉轴，一看就懂✅兼容性好：现代浏览器全覆盖，移动端无压力。
2025-09-17 17:31:53
475
原创 《基于uni-app构建鸿蒙原生体验：HarmonyOS NEXT跨平台开发实战指南》
优势局限✅ 跨平台统一代码库（iOS/Android/HarmonyOS）<br>✅ 生态丰富（uni-ui、uView等组件库）<br>✅ 开发效率高（Vue语法熟悉）❌ 部分鸿蒙高级特性需原生扩展<br>❌ 启动性能略低于纯 ArkTS 应用<br>❌ 动画流畅度有待优化🎯未来建议关注uni-app x新架构（基于自研渲染引擎，更接近原生体验）尝试使用插件调用鸿蒙原生 API结合快应用标准实现服务卡片快速加载。
2025-09-17 17:16:38
1099
原创 鸿蒙next之axios二次封装并携带cookie
由于官方提供的@ohos.net.http模块，直接使用不是很灵活，就引入了第三方@ohos/axios库。1、DevEco Studio打开终端输入命令安装插件。2、新建RequestUtil.ets。cookie 全局同步。
2024-10-25 17:20:28
1210
2
原创 微信小程序 点击左上角返回弹窗提示
wx.enableAlertBeforeUnload(Object object)：开启小程序页面返回询问对话框。业务需求：当页面表单没有提交直接返回时，要提示用户是否保存当前信息，如果已经提交就不提示了。wx.disableAlertBeforeUnload：关闭小程序页面返回询问对话框。如果在某种情况下（如已经提交了数据），不需要弹出提示框。由于微信小程序是无法监听右上角按钮返回事件。小程序提供了如下两个Api。
2024-06-24 17:41:10
1182
原创 解决vue3 vite打包报Root file specified for compilation问题
把 "build": "vue-tsc --noEmit && vite build" 修改为 "build": "vite build" 就可以了。另外关于allowJs这个问题，在tsconfig.json文件中配置"allowJs": true,就可以了。修改package.json打包命令。
2024-05-21 16:51:22
745
原创 解决vue3项目vite打包忽略.vue扩展名
项目打包时报could not relolve “...”，因为vite已不再默认忽略.vue扩展名。在vite.config.js中配置vite使其忽略 .vue 扩展名（不建议忽略）注意：即使忽略了.vue文件，在实际写的时候也要加.vue后缀。
2024-05-21 15:45:11
1995
原创 vue3 自定义网站title的hooks
在开发网页的时候会遇到，每个页面需要有自己的标题的需求，这样的话每个页面都需要写重复的代码。通过hooks封装之后，页面上只需要一行代码就能搞定。在页面引入hooks，写下边代码。封装的title hooks。
2024-05-09 16:14:49
511
原创 vue中使用echarts实现X轴动态时间（天）的折线图表
xAxis中 type：time，表示X轴为时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。series中的 smooth设置为true，表示为平滑曲线显示。项目要求x轴以一天为间隔，时间是动态返回的数据，折线图平滑展示。series中的 data可以是一个二维数组。
2024-04-25 11:15:58
1364
2
原创 微信小程序 扩展Page页面的Mixins
vue的官方定义：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。vue中使用mixins// 定义一个混入对象},methods: {')// 定义一个使用混入对象的组件})
2024-04-25 10:02:45
2187
原创 vue cli3开发自己的插件发布到npm
问题3：403 Forbidden - PUT https://registry.npmjs.org/vdialogservice - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit。4、entry: 入口文件路径，默认为 src/App.vue，这里改为 src/plugin/index.js。注意：，这个标签与组件文件中的button.vue里的name保持一致。
2024-04-24 18:01:37
1323
原创 vue 实现左侧导航栏，右侧锚点定位滚动到指定位置（超简单方法）
通过scrollIntoView方法可以把元素滚动到可视区域内。behavior: "smooth"是指定滚动方式为平滑效果。点击左侧菜单根据元素id定位到可视内容区域。浏览器原生提供了一种方法。
2024-04-24 17:30:32
1939
5
原创 微信小程序 实现手写签名（横屏签名板）
后台接口逻辑是生成的图片先上传到文件服务器，然后获取返回的文件数据，跟其他数据一块提交到后台。（可根据自己项目情况修改）业务需求：点击签字空白处，调起签字版（横屏展示），手写完之后点击确定回显签字内容。签名确认之后生成的一个临时图片。签名是使用canvas实现的。签名单独封装成了组件。
2024-04-19 17:47:16
7190
12
原创 微信小程序+vant weapp表单数据双向绑定并实现表单校验
在用vant开发小程序过程中，发现van-field输入框中值改变之后，绑定的值并没有随着改变，需要手动绑定。如下以输入框，和下拉选择为例。
2024-03-19 16:35:12
5611
5
原创 nvm安装node版本报“Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.”
通常在C盘：Users\AppData\Roaming\nvm\settings.txt。所以只需要将node和npm的源设置成国内的服务的源就可以了。找到nvm安装路径下的settings.txt。然后再通过nvm安装node就可以了。原因是node源都是国外的服务。这样就设置成国内服务的源。如果没有可以新建一个。
2024-02-26 13:32:30
3442
原创 openlayers 基于当前定位和半径计算正方形四个点并绘制图层
坐标转换，它的第一个参数是ol.Coordinate类型的坐标，后面两个参数依次是当前坐标所用的坐标系，及转换后的坐标所用的坐标系，ol.proj.transform([104.06, 30.67], 'EPSG:4326', 'EPSG:3857')就能把EPSG:4326的坐标[104.06, 30.67]转换为EPSG:3857的坐标。之前没有做过地图相关的项目，有一个需求是系统会自动地位到当前位置同时支持手动设定位置，绘制以当前定位为中心的正方形或者其他形状，我是以正方形为例。
2024-02-22 16:27:50
761
原创 解决vscode报Error: Could not register service workers: InvalidStateError: Failed to register a ...问题
问题：vscode打开视图，报Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..再打开vscode，视图就可以正常预览了。1、关闭vscode。
2024-01-26 13:44:45
1870
原创 web端实现列表滚动加载更多数据
项目要求实现列表滚动加载多数据，element的InfiniteScroll 无限滚动不是很好用，于是就自己写了一个，首先要设置滚动的区域高度height: calc(100% - 45px)和overflow: auto;具体高度可根据需要自己设置。
2024-01-10 16:03:40
677
原创 vue项目中重置对象属性值
项目中遇到查询列表的页面都会有条件筛选的功能，一般筛选会有重置的按钮， 条件少的话可以一个一个把数据置空，但是筛选条件多的话这种方法会让代码看起来很不友好，如下两行代码就能解决，哈哈。
2024-01-04 16:24:20
872
原创 解决H5使用element-ui select下拉选择在ios上点两次才选中问题
解决方案：在app.vue中增加如下css代码就好了，亲测有效。
2023-12-08 13:25:14
354
原创 uniapp项目运行到android真机环境调试
5）打开HbuilderX运行到android基座，就能成功运行啦！4）点击开发人员选项，点进去打开USB调试选项。3）连续点击软件版本号，此时手机处于开发者模式。
2023-08-22 14:23:27
1115
原创 uni-app vue-cli创建的项目打包成Android ios手机apk
2、打开 src 目录下的 manifest.json 文件，出现如下可视化页面。第一步： 勾选需要打包为 Android 还是 ios 的手机apk。第三步：测试app包，选择公共测试证书就好了，正式上线选择自有证书。3、顶部栏 发行 -> 原生App-云打包。1、将整个项目用HBuilder X打开。第二步：填写apk打包后的名称。
2023-08-22 13:50:30
833
原创 【css实现自定义tab标签切换样式】微信小程序篇
项目需求：切换tab选项卡改变边框及圆角样式：实现思路：（1）先给内容部分添加边框和下边框左右圆角：border: 2px solid #00DCD5;border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;（2）给选中的tab标签添加样式.active;（3）tab标签切换的时候，根据索引判断第一个tab添加右边圆角，最后一个tab添加左边圆角，中间部分添加两边圆角<view class="tabs-c
2022-01-06 14:49:45
2697
1
原创 element ui使用:default-expanded-keys设置默认展开指定节点
项目需求：默认展开省市，隐藏区结构树代码片段：<el-tree :data="treeData" node-key="value" :props="defaultProps" :default-expanded-keys="valueList" :expand-on-click-node="false" >&l...
2020-04-11 13:32:20
2782
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人