- 博客(26)
- 收藏
- 关注
RSS订阅原创 鸿蒙next 自定义日历组件
可根据自己需求，对日历组件进行更改，将代码拷贝到DevEco Studio 可直接运行使用。1.选择日期左右箭头，实现每月日历切换，示例中超出当前月份，禁止进入下一月，可在代码更改。2.日历中显示当前选择的日期，选中的日期颜色可自定义。3.日历中可展示历史记录作为数据存储标志。4.当前页面选择的日期可在本页面保存状态。
2025-01-24 11:55:19
692
原创 鸿蒙Next 使用Canvas在同一画布分区域绘制不同颜色的贝塞尔曲线
在项目中遇到了这样的一个需求，需要在同一个画布分三个区域上，中，下绘制不同颜色的贝塞尔曲线。2、在将三个矩形路径转换为剪切路径，因为剪切路径超过当前路径的绘制值不显示。1、我将同一个曲线绘制三次，通过矩形路径，将画布分为上，中，下三个部分。3、不同路径的曲线添加不同颜色值。
2025-01-23 11:31:53
153
原创 鸿蒙ArkTS @State 数组对象更改后，无法触发重绘问题
调用函数，将修改的值赋值给回this.itemList，但UI并没有进行重绘，按照官方文档@State的解释，当@State修饰的数据被修改时，所在组件的build()方法会被重新调用，怀疑是数组中对象值修改，@State没有监听到的原因，需要对数组进行改动，如数组的内置方法，可将数组变为一个新的数组，我这里用的是解构;当然，数组中的push，pop，unshift，shift，splice，slice等都是可用对数组进行修改，使用后能被@State监听到。
2024-11-04 13:53:25
304
原创 使用js开发sdk，通过webpack打包添加声明文件，解决引入ts项目爆红找不到模块问题
2、安装 webpack 和相关的 loader 和插件：在项目文件夹内执行以下命令安装 webpack 和相关的 loader 和插件。最终会生成index.js打包文件和index.d.ts声明文件，引入ts项目路径就不会爆红，显示找不到模块了。注意：整一个项目为js开发，将开发的接口通过ts文件作为入口文件，打包才能生成声明文件。3、创建 TypeScript 配置文件：在项目文件夹内创建一个。4、创建 webpack 配置文件：在项目文件夹内创建一个。1、初始化项目：首先在项目文件夹内执行。
2024-05-24 09:23:34
425
原创 vue3项目简单使用pinia状态管理工具
根据模块进行编写，如我上面的user和device模块进行实际开发，这个只是简单使用，想要更加深入了解，自行去官网学习。Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。3、定义setup store user模块。定义两个文件，并将store导入，渲染到页面上。（2）在main.ts文件导入注册实例。在text2页面时同步更新的。2、创建一个pinia实例。（1）创建实例，并导出。更改pinia，增加年龄。
2024-03-12 14:12:29
441
原创 vue3项目打包后，将dist文件在本地运行
vue3项目开发好后，打包完成，想在本地运行测试打包文件可以通过http-server来启动。2、打包完成后，进入dist打包文件。4、启动dist文件，并指定端口。3、安装http-server。
2024-03-05 23:16:10
2277
原创 window使用nvm自由下载切换node版本
5、检查nvm是否安装成功，按住win+R，输入cmd，在命令行输入nvm -v，会输出相应版本号。6、安装node版本，输入nvm list avalable命令，显示所有node版本。3、显示已安装的node列表，available是可选参数，显示可下载的node版本。7、使用nvm install node版本，下载自己所需要的node版本。2、在安装的应用搜索node，我的是已经删除过了的，没有显示。4、下载好后，双击解压，选择我接受，选择next。在win11的电脑，右键开始，选择安装的应用。
2024-02-29 14:10:56
745
原创 鸿蒙ArkTS实现物理真机调测
导航选择“Project”，点击“Signing Configs”页签，取消“Automatically generate signature”勾选项，然后配置工程的签名信息，完成后点击“OK”。1、在Phone，打开“开发者模式”，可在设置 > 关于手机，连续多次单击“版本号”，直到提示“您正处于开发者模式”即可。注意：这里要选择发布证书，因为已经生成过一个发布证书，不能重新生成，这里为了做演示，选择了调试证书。生成证书请求文件，后缀格式为.csr，输入指令，回车，输入密码，回车。
2024-02-25 01:06:50
2250
1
原创 鸿蒙ArsTS项目创建打包发布流程
Profile文件：格式为.p7b，包含HarmonyOS应用/服务的包名、数字证书信息、描述应用/服务允许申请的证书权限列表，以及允许应用/服务调试的设备列表（如果应用/服务类型为Release类型，则设备列表为空）等内容，每个应用/服务包中均必须包含一个Profile文件。请记住该密码，后续签名配置需要使用。4、填写应用信息（发布国家地址，软件包，是否开放测试，付费情况，应用内资费，内容分级，隐私声明，版权信息（版权证书），备案信息，审核信息等）。点击“下载”，将生成的证书保存至本地，供后续签名使用。
2024-02-24 09:53:38
3584
1
原创 鸿蒙ArkTS实现http，axios网络请求
就可以实现axios请求了，当然后续可以将http和axios封装成一个单独的文件，方便后续项目开发的接口请求。2. 解压文件，进入“ohpm/bin”目录，打开命令行工具，执行如下指令初始化ohpm。需要网络权限，在module.json5文件中将以下代码配置到module中。注意：网络请求接口需要替换成自己项目的相应接口，本文中接口地址为本地地址。实现http请求，在ArkTS中我们可以直接使用http如下代码。4. 安装完成后，执行ohpm -v 在终端中显示版本号安装成功。
2024-02-20 18:29:08
3882
1
原创 鸿蒙ArkTS开发工具安装，环境配置
配置HDC工具环境变量，在此电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中，添加HDC端口变量名为：HDC_SERVER_PORT，变量值可设置为任意未被占用的端口，如7035。下载完成后，双击下载的“deveco-studio-xxxx.exe”，进入DevEco Studio安装向导。、配置DevEco Studio环境，运行已安装的DevEco Studio，首次使用，请选择。在如下安装选项界面勾选DevEco Studio 后，单击Next，直至安装完成。、确认设置项的信息，点击。
2024-02-20 11:42:20
1013
原创 vue兄弟组件任意通讯
1、定义通讯文件.ts，主要就是以发出事件，接收事件来实现。更改值后，会被接受到，这样就实现了兄弟组件的任意通讯了。2、在兄弟组件传入 A组件。3、在兄弟组件传入 B组件。
2024-02-20 11:24:54
403
原创 vue3+ts引入文件爆红问题
爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。在vite-env.d.ts文件中添加以下代码。
2024-02-20 11:18:38
4944
2
原创 docker build 报failed to solve with frontend dockerfile.v0: failed to create LLB definition: rpc erro
我的解决办法是将docker的。设置完成后，在打包就不会出现。设置完成后，重新打包。
2023-11-21 19:33:18
535
原创 android 使用蓝牙插件，报主线程堵塞问题 ： exec() call ... Plugin should use CordovaInterface.getThreadPool().
这个问题一般是由于权限没有配置好的原因，想要使用BLE开发，就得先获得蓝牙必要的权限，需要在AndroidManifest.xml中设置权限。将权限配置好，蓝牙插件就可以在android正常使用了，不会报主线程堵塞这个问题。
2023-11-14 16:04:59
189
1
原创 Meteor框架，使用cordova-plugin-camera插件调用相册
当然，这个需要再cordova 环境下才能够使用，如果有报错，可能就是权限没有设置，到meteor 跟目录的 mobile-config.js配置文件配置。将target="NSPhotoLibraryUsageDescription" 替换为报错提示需要增加的，后面中文提示更改相应。1、meteor 安装插件。
2023-11-11 10:01:51
150
1
原创 解决meteor开发app，更改手机顶部状态栏颜色，以及状态栏字体颜色
我是用的是StatusBar 插件，这个插件是安装android自带的，如果没有你们可以网上搜下，安装后，在进行相应操作。那么到字体颜色了，我这里使用的默认黑色，将这个代码放到路由文件，就可以全局更改了。在项目根目录mobile-config.js中，如果没有自己创建。将这些配置添加进去就可以了，重新打包就可以发现状态栏变成了白色。重新打包，你就会发现，背景白色，字体黑色。
2023-11-03 10:52:16
221
原创 新开的node + koa服务器，解决api在手机请求不了，报错拒绝连接问题
别跟我说不懂什么事中间件，那你还是先去了解什么事中间键在来看吧，添加完成后，在将自己的项目代码打包部署到服务器，就可以正常在手机上访问了。注意：我这个是允许所有请求，因为我在接口请求做了一层验证，不是相关项目的是请求不到的，你们可以根据自己的项目要求，添加相应的访问地址。这个由于对基础知识了解的欠缺，一开始在项目中写node接口，没有想到在服务器处理跨域请求，然后前端也是有点....没有进行跨域处理。我们只需要在node.js 的app.js 文件添加一个中间件。
2023-11-03 10:43:04
153
原创 解决meteor 构建app项目，打包build 成apk后，安装到手机一直卡在启动界面问题
meteor这个框架我也是新接触，也是由于我没仔细看文档的缘故，导致出现了这个问题。只要将这个基本配置上，meteor 项目就不会卡在启动界面，至少我的是这个样子的。这个问题是由于meteor中少了mobile-config.js文件。这个是用于固定访问那个服务器，如http：// 用户对接接口。这个是我项目中的配置，还没有配置完成，
2023-11-03 10:16:40
274
原创 解决使用cordova插件报错，错误: 程序包android.support.v4.content不存在import android.support.v4.content.ContextCompat；
Users/dev/Meteor/2023-11-02knob_app/smartcontrol_app/.meteor/local/cordova-build/platforms/android/app/src/main/java/org/apache/cordova/camera/CameraLauncher.java目录，如果不是meteor 项目的，我也没遇到过，可以根据错误提示路径查找相应的文件进行更改。因为在搞版本的android中，这个已经被弃用，所以我们要进行更换，将他注释，更换如下。
2023-11-03 10:10:07
938
原创 使用node.js + koa + mqtt搭建一个服务器
不出以为就可以在终端看到订阅监听的通道以及发送的内容。3、新建app.js文件并写入以下代码。代码写入完成后再终端运行输入以下命令。在浏览器访问3000端口，会出现。在代码中导入mqtt 并进行连接。1、首先我们要初始化一个文件夹。
2023-10-27 00:43:18
353
1
原创 搭建mqtt服务使用密钥文件报Error: error:0A00018E:SSL routines::ca md too weak
由于我的node版本是18.17.1，属于高版本，对于加密以及安全验证肯定是比低版本要严格，秘钥加密长度最少要达到2048，而我的密钥文件长度只有1024，所以会报这个md弱错误，只需要将node 版本降到较低版本就好，我的是降到14.17.4。首先要到官网下载较低的相应版本，如果不会，自己网上找，一找一大把连接出来，将node版本安装好后，只需要在终端或者在vsCode 终端输入。这个是我遇到的问题，我在网上找相关的文章也没有是关于mqtt连接上的，但是有一些报错跟这个是一样的，方法有两种。
2023-10-27 00:18:55
1061
1
原创 解决meteor项目打包Android，apk文件安装到手机，连接不了网络问题
打开meteor项目的.meteor目录下local/platforms/android/app/src/main路径下找到AndroidManifest.xml文件，在application节点下添加。添加完成后重新打包下载到手机就可以使用网络了。
2023-10-05 19:38:48
236
原创 使用docker+harbor生成镜像并部署到rancher
其中reg.xxx.com 是harbor的地址（镜像地址）myHarbor 是harbor创建的项目名，myHarbor_v1:1.0.0 . 镜像名称和是版本号 注意：版本号后必须添加 . 不然运行会报错。4、进入到代码所在文件的目录，打开终端登录到自己的harbor （首先需要有，我这是公司分配的账号，要是没有自己去网上看怎么弄），输入密码。7、如果push没有报错，就可以在自己的harbor创建的项目中看到push上去的镜像了。3、启动docker，安装好后，双击启动（有的需要登录）
2023-09-27 10:42:19
338
1
原创 小程序动态更改头部导航的值（BarTitle）
1、在onLoad(options)函数拿到你传入的type,根据你传入的type进行设置title。这样就能够动态的设置头部导航的值了，当然这个要根据自己实际需求进行更改。
2023-09-26 22:02:45
156
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人