- 博客(53)
- 收藏
- 关注
RSS订阅
原创 【vue3】全局封装Goole Recaptcha为接口添加自定义人机校验
基础的准备工作就不啰嗦了，自行百度即可，我们直接开始封装集成。到此为止封装就结束了，下面示例如何为接口开启人机验证,添加。里初始化然后导出使用，分析结束，开始实行。环境不满足其依赖的上下文条件，又想着在。使用，但是发现还是不行，到此为止估计是。只能在组件环境中初始化了，所以塞到。塞到请求头里，但是发现。
2024-07-24 14:43:36
68
原创 【Vue3组件】分享一下自己写的简约风格评论区组件
此组件旨在创建一个具备嵌套回复能力的通用评论区域，适用于构建动态、互动性强的用户讨论场景。userImg: string - 用户头像URLuserName: string - 用户名time: string - 评论时间戳（如 “17小时前”）content: string - 评论内容ReplyData: Array - 子评论集合ReplyuserImg1: string - 回复者头像URLuserName1: string - 回复者用户名userImg2。
2024-06-23 09:43:47
621
原创 GitHub Pages 部署vue3 + Vite项目后 _plugin-vue_export-helper.js 404
原贴重写打包方案// 打包配置<=>?return {// 消除打包大小超过500kb警告input: {},// 静态资源分类打包output: {// TODO: 处理GitHub Pages 部署 _plugin-vue_export-helper.js 404},!.pnpm)(?.groups!?'vender'// }// }导入});
2024-04-19 19:58:38
343
原创 前端Router4.x与Router3.x常用方法差异
history相比较Router3.x略有变化:可选分别对应3.x版本的Hash模式和History模式Hash模式URL中有一个号，号后面的就是Hash地址，这个模式以前是SPA的常用模式，但是链接有一个号比较丑History模式和正常的链接地址一样的，, 这个地址很优雅，但是有一个问题，需要服务器支持。原因是浏览器中输入支持，服务器以为要访问根路劲下的about目录的HTML文件，而不是访问根路劲下的HTML文件。
2024-04-18 18:30:22
512
原创 Vue3+Vite+TypeScript导入组件报错无法找到模块“@/xx/xx.vue”的声明文件
【代码】Vue3+Vite+TypeScript导入组件报错无法找到模块“@/xx/xx.vue”的声明文件。
2024-04-18 16:16:00
298
1
原创 【前端性能优化】使用惰性函数减少无意义的重复判断
惰性函数表示函数执行的分支只会在函数第一次调用的时候执行，在第一次调用过程中，该函数会被覆盖为另一个按照合适方式执行的函数，这样任何对原函数的调用就不用再经过执行的分支了。惰性函数的本质就是函数重写。
2024-04-12 16:25:15
340
原创 【前端webpack5高级优化】提升打包构建速度几种优化方案
所以我们需要做到修改某个模块代码，就只有这个模块代码需要重新打包编译，其他模块不变，这样打包速度就能很快。当项目越来越庞大时，打包速度越来越慢，甚至于需要一个下午才能打包出来代码。（HMR/热模块替换）：在程序运行中，替换、添加或删除模块，而无需重新加载整个页面。开发时我们需要使用第三方的库或插件，所有文件都下载到。文件，这样速度就比之前的单进程打包更快了。编译结果，这样第二次打包时速度就会更快了。三个工具，所以我们要提升它们的运行速度。开发时我们修改了其中一个模块代码，的打包速度，因为其他文件都比较少。
2024-04-03 16:40:27
1431
原创 【前端webpack5高级优化】源代码映射SourceMap
开发时我们运行的代码是经过webpack所有css和js合并成了一个文件，并且多了其他代码。此时如果代码运行出错那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。所以我们需要更加准确的错误提示，来帮助我们更好的开发代码。SourceMap。
2024-04-03 16:20:29
376
原创 【鸿蒙HarmonyOS开发笔记】通用型工具封装之关系型数据库操作类的封装
开发中难免遇到操作关系型数据库的场景，但是原生的使用起来略显繁琐，此文封装一个通用的关系型数据库增删改查的工具类，只需要少量修改配置即可使用，大幅简化我们的开发成本，提高开发效率。
2024-03-30 20:37:14
1031
1
原创 【鸿蒙HarmonyOS开发笔记】使用媒体查询（mediaquery）实现不同设备响应式布局
/屏幕大小尺寸//保存进AppStorage的字段//媒体查询条件。
2024-03-29 13:54:09
898
原创 【鸿蒙HarmonyOS问题记录】Panel组件不生效，不正常显示
Panel是可滑动面板组件，提供一种轻量的内容展示窗口，方便在不同尺寸中切换，但是有时候会出现不生效的问题。
2024-03-27 15:02:22
595
原创 【鸿蒙HarmonyOS开发笔记】使用@Preview装饰器预览组件
ArkTS应用/服务支持组件预览，要求为8或以上。组件预览支持实时预览，不支持动态图和动态预览。组件预览通过在组件前添加注解@Preview实现，在单个源文件中，最多可以使用10个@Preview装饰自定义组件。@Preview。
2024-03-25 14:29:35
3819
原创 【鸿蒙HarmonyOS开发笔记】通知模块之为通知添加行为意图
接口说明具体接口描述，详见WantAgent接口文档。创建WantAgent触发WantAgent意图取消WantAgent获取WantAgent的want判断两个WantAgent实例是否相等。
2024-03-21 00:04:56
876
原创 【鸿蒙HarmonyOS开发笔记】通知模块之发布基础类型通知，内含如何将图片变成PixelMap对象
应用可以通过通知接口发送通知消息，终端用户可以通过通知栏查看通知内容，也可以点击通知来打开应用。显示接收到的短消息、即时消息等。显示应用的推送消息，如广告、版本更新等。显示当前正在进行的事件，如下载等。HarmonyOS通过ANS，通知系统服务）对通知类型的消息进行管理，支持多种通知类型，如基础类型通知、进度条类型通知。通知业务流程由通知子系统、通知发送端、通知订阅端组成。一条通知从通知发送端产生，通过IPC通信发送到通知子系统，再由通知子系统分发给通知订阅端。通知发送端：可以是三方应用或系统应用。
2024-03-20 21:14:55
1045
原创 【鸿蒙HarmonyOS开发笔记】应用数据持久化之通过关系型数据库实现数据持久化
关系型数据库是一种基于关系模型来管理数据的数据库。关系型数据库基于SQLite组件提供了一套完整的对本地数据库进行管理的机制，对外提供了一系列的增、删、改、查等接口，也可以直接运行用户输入的SQL语句来满足复杂的场景需要。不支持Worker线程。关系型数据库基于SQLite组件，适用于存储包含复杂关系数据的场景，比如一个班级的学生信息，需要包括姓名、学号、各科成绩等，又或者公司的雇员信息，需要包括姓名、工号、职位等，由于数据之间有较强的对应关系，复杂程度更高，此时需要使用关系型数据库来持久化保存数据。
2024-03-20 14:59:27
1980
原创 【鸿蒙HarmonyOS开发笔记】应用数据持久化之通过用户首选项实现数据持久化
应用数据持久化，是指应用将内存中的数据通过文件或数据库的形式保存到设备上。内存中的数据形态通常是任意的数据结构或数据对象，存储介质上的数据形态可能是文本、数据库、二进制文件等。HarmonyOS标准系统支持典型的存储数据形态，包括用户首选项键值型数据库关系型数据库。开发者可以根据如下功能介绍，选择合适的数据形态以满足自己应用数据的持久化需要。用户首选项（Preferences）：通常用于保存应用的配置信息。
2024-03-20 12:39:38
1493
原创 【鸿蒙HarmonyOS开发笔记】动画过渡效果之弹簧曲线动画
ArkUI提供了预置动画曲线，指定了动画属性从起始值到终止值的变化规律，如等。同时，ArkUI也提供了由弹簧振子物理模型产生的弹簧曲线。通过弹簧曲线，开发者可以设置超过设置的终止值，在终止值附近震荡，直至最终停下来的效果。弹簧曲线的动画效果比其他曲线具有更强的互动性、可玩性。弹簧曲线的接口包括两类，一类是，另一类是和，这两种方式都可以产生弹簧曲线。
2024-03-18 16:25:03
569
原创 【鸿蒙HarmonyOS开发笔记】动画过渡效果之组件内转场动画,内含ForEach动画
我们在开发中难免设计组件的插入、删除过程。通过组件内转场动画，可定义组件出现、消失的效果。transition函数的入参为组件内转场的效果，可以定义平移、透明度、旋转、缩放这几种转场样式的单个或者组合的转场效果，必须和animateTo一起使用才能产生组件转场效果。Button()当只需要组件的插入或删除的转场动画效果时，仅需设置type属性为或的transition效果。例如，以上代码定义了一个Button控件。删除时，组件从正常位置、没有平移的默认状态，变化到从相对于正常布局位置x方向平移。
2024-03-18 16:19:10
1695
原创 【鸿蒙HarmonyOS开发笔记】动画过渡效果之布局更新动画
动画的原理是在一个时间段内，多次改变UI外观，由于人眼会产生视觉暂留，所以最终看到的就是一个“连续”的动画。UI的一次改变称为一个动画帧，对应一次屏幕刷新，而决定动画流畅度的一个重要指标就是帧率，即每秒的动画帧数，帧率越高则动画就会越流畅。ArkUI中，产生动画的方式是改变属性值且指定动画参数。动画参数包含了如动画时长、变化规律（即曲线）等参数。当属性值发生变化后，按照动画参数，从原来的状态过渡到新的状态，即形成一个动画。
2024-03-18 16:07:33
1285
原创 【鸿蒙HarmonyOS开发笔记】关于页面路由（router）详解
页面路由指在应用程序中实现不同页面之间的跳转和数据传递。HarmonyOS提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。本文将从页面跳转、页面返回和页面返回前增加一个询问框几个方面介绍Router模块提供的功能。自定义询问框的方式，可以使用弹窗或者自定义弹窗实现。这样可以让应用界面与系统默认询问框有所区别，提高应用的用户体验度。本文以弹窗为例，介绍如何实现自定义询问框。在使用页面路由Router相关功能之前，需要在代码中先导入Router模块。
2024-03-18 15:37:49
5387
原创 【鸿蒙HarmonyOS开发笔记】深入状态管理,详解@ObjectLink 和 @Observed装饰器
【鸿蒙HarmonyOS开发笔记】状态管理入门在之前的文章中我们简单了解了ArkTS提供了一系列状态相关的装饰器，例如@State@Prop@Link@Provide和@Consume等等。本文我们继续记录各种状态器所能观察到的变化范围@State对于classobject和数组类型，框架仅能观察到@State变量第一层属性的变化，例如persons[0]=new Person('张三',22)，但第二层属性的变化是观察不到的，例如和。@Prop。
2024-03-18 07:17:24
1544
1
原创 【鸿蒙HarmonyOS开发笔记】状态管理入门
也就是父组件的状态变化会自动同步到子组件，而子组件的变化不会同步到父组件。也就是父组件的变化会同步到子组件，子组件的变化也会同步到父组件。装饰的变量发生变化时也会驱动当前组件的视图刷新，除此之外，装饰的变量发生变化时也会驱动当前组件的视图刷新，除此之外，用于装饰后代组件的状态变量。装饰的变量还可以同步父组件中的状态变量，但只能。除了通过变量名进行绑定，还可通过变量的。），并且祖先和后代的状态信息可以实现。变量同样会同步父组件状态，并且能够。用于装饰当前组件的状态变量，用于装饰祖先组件的状态变量，
2024-03-18 06:45:31
504
原创 【鸿蒙HarmonyOS开发笔记】开发小技巧之Blank组件与layoutWeight属性的使用
配置该属性后，子组件沿主轴方向的尺寸设置（该组件不显示任何内容，并且会。其作用是配置子组件在。主轴方向上的尺寸权重。
2024-03-18 06:21:04
679
原创 【鸿蒙HarmonyOS开发笔记】组件编程技巧之使用@Builder装饰器实现UI结构复用
当页面有多个相同的UI结构时，若每个都单独声明，同样会有大量重复的代码。为避免重复代码，可以将相同的UI结构提炼为一个自定义组件，完成UI结构的复用。除此之外，ArkTS还提供了一种更轻量的UI结构复用机制@Builder方法，开发者可以将重复使用的UI元素抽象成一个@Builder方法，该方法可在build()方法中调用多次，以完成UI结构的复用。@Builder方法和自定义组件虽然都可以实现UI复用的效果，但是两者还是有着本质的区别的，其中最为显著的一个区别就是自定义组件可以定义自己的状态变量，而。
2024-03-18 06:14:58
1646
原创 【鸿蒙HarmonyOS开发笔记】组件编程技巧之样式复用
当多个组件具有相同的样式时，若每个组件都单独设置，将会有大量的重复代码。为避免重复代码，开发者可使用@Styles或者@Extend装饰器将多条样式设置提炼成一个方法，然后直接在各组件声明的位置进行调用，这样就能完成样式的复用。@Styles@Extend方法只能定义在全局，使用范围目前只限于当前的.ets文件@Extend方法用于特定类型的组件，因此可包含该组件的专有属性方法和专有事件方法@Extend方法支持参数。
2024-03-18 06:00:21
775
原创 【鸿蒙HarmonyOS开发笔记】如何自定义弹窗
自定义弹窗需要使用装饰器装饰在其中需要声明一个controller对象来控制弹窗，对象类型是build(){Text('请输入答案').fontSize(20)TextInput({placeholder:'请输入你的答案'}).type(InputType.Number)})Button('确定').onClick((event: ClickEvent) => {})Button('取消').onClick((event: ClickEvent) => {})
2024-03-17 20:52:11
727
原创 【鸿蒙HarmonyOS开发笔记】自定义组件详解
除去系统预置的组件外，ArkTS还支持自定义组件。使用自定义组件，可使代码的结构更加清晰，并且能提高代码的复用性。我们开发的每个页面其实都可以视为自定义组件+内置组件的结合现在自定义一个组件，代码如下@Componentbuild() {.width(30).width(30)那么当我们使用的时候想修改color的时候只需要在组件中传参即可，要注意参数名需要一致})})我们可以把自定义组件单独放在一个文件夹里，方便管理那么使用的时候就需要导入导入。
2024-03-17 17:40:29
591
原创 【鸿蒙HarmonyOS开发笔记】常用组件介绍篇 —— 弹窗组件
Toast（消息提示），常用于显示一些简短的消息或提示，一般会在短暂停留后自动消失。具体效果如下（警告对话框）用于向用户发出警告或确认操作的提示，确保用户在敏感操作前进行确认。具体效果如下可使用全局方法显示警告对话框，具体用法可参考相关案例或者官方文档。下面给出一个案例@Entry@Componentbuild() {Column() {Button('删除')title: '删除该记录？', //弹窗标题message: '删除后无法恢复，您确认要删除吗？', //弹窗信息。
2024-03-17 16:35:36
3019
原创 【鸿蒙HarmonyOS开发笔记】常用组件介绍篇 —— TextInput文本输入组件
TextInput为文本输入组件，用于接收用户输入的文本内容。
2024-03-17 15:34:17
1503
原创 【鸿蒙HarmonyOS开发笔记】常用组件介绍篇 —— Toggle切换按钮组件
Toggle为切换按钮组件，一般用于两种状态之间的切换，例如下图中的蓝牙开关。
2024-03-17 15:14:21
662
原创 【鸿蒙HarmonyOS开发笔记】常用组件介绍篇 —— Image图片组件
Image为图片组件，用于在应用中显示图片。resources目录下可用于存放图片的目录有以及，两个目录下图片的使用方式有所不同，下面逐一介绍○media目录该目录下的资源，需要使用的方式引用。注意：无需指定具体版本，系统会自动根据所处环境选择相应版本例如上图中的img.png图片，可通过引用。需要注意的是$r()的返回值即为Resource类型，因此可以直接将作为Image组件的参数，例如。○rawfile目录该目录下的资源，可通过的方式引用，文件的路径为相对于rawfile的路径。
2024-03-17 14:21:19
2473
1
原创 【鸿蒙HarmonyOS开发笔记】如何使用图片插帧将低像素图片清晰放大
高质量插值，可能会影响图片渲染的速度。: 不使用图片插值。各选项效果如下图所示。
2024-03-17 13:50:44
672
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人