- 博客(21)
- 收藏
- 关注
RSS订阅原创 鸿蒙ArkTs如何实现v-html的功能，显示富文本内容？
这是我在按照一个使用uni-app开发的老项目做一个鸿蒙版本的时候，遇到的一个很棘手的问题，要不是工期赶得紧，我都打算手搓一个富文本组件了。你是否也有相同的功能需求呢？来看看我是怎么解决的~~在老项目中有一个图文展示的功能，这个功能在Vue中很容易，直接使用v-html去解析后端给返回的html元素字符串即可。而在鸿蒙中就不那么容易了，你会问 鸿蒙里面不是有RichText组件吗？你要是用了就知道了，用它渲染出来的效果差异很大，并且很不好改，字体大小都不一样。解析HTML，生成描述性的JSON。
2025-03-12 15:45:42
815
原创 鸿蒙ArkTs如何实现pdf预览功能？
在开发鸿蒙App时，你是否做过pdf预览功能。是否也和我一样碰壁了，来看看我遇到的问题，以及我是如何实现的吧。使用PDFKit运行示例代码报错，使用Web组件加载pdf文件。
2025-02-25 16:08:14
947
原创 鸿蒙ArkTS页面如何与H5页面交互？
在开发App时，我们经常会遇到使用webView加载H5页面的场景，这样做的好处就不多加赘述了，那么鸿蒙App如何加载H5页面呢？又怎么与H5页面进行通信呢？，废话少说，直接上代码。App可以通过runJavaScript()方法调用html页面的JavaScript相关函数。在下面的示例中，点击App的“runJavaScript”按钮时，来触发html页面的change()方法更新霓虹灯按钮状态。html通过鸿蒙的test方法，获取鸿蒙传递过来的数据。
2025-02-24 11:28:51
1101
原创 react-monaco-editor如何实现网页代码编辑器？
最近有时间改造了一下自己博客的代码编辑器，之前的编辑器没有代码提示，不能格式化，还没有检错功能，用着很不方便，无意间发现一个微软出的一个monaco eidtor代码编辑器，它可以像vscode一样，用着很方便，于是乎，好东西一定要收录到自己的博客中，废话不多说，直接上效果和代码。我这个项目用的是react技术栈，所以我就用react相关的技术了。
2025-02-05 15:54:14
1063
2
原创 如何实现el-select多选下拉框中嵌套复选框并加校验不为空功能呢？
相信大家看到上面的两张图片后，在脑子里多少会有一些实现思路，这是我最近在开发中遇到的一个小功能，本来看起来挺简单的，愣是控了我两个小时。立马有了一个记录下来的想法，以保证以后遇到一样的问题不被控。下面我来说一下，我在做这个功能时遇到的一些问题。第一个问题，el-select组件如何跟el-checkbox组件无缝衔接呢？第二个问题，如何给这个form表单加校验呢？
2024-12-31 14:03:10
1055
原创 你是否有遇到过地区选择器—懒加载数据，无法回显问题？
我们在开发中或多或少会遇到有地区选择器功能开发，我最近在写一个地区选择—懒加载数据功能时，发现了一个很困扰的问题，那就是无法实现回显。那是为什么呢？原因也很简单，我们在给组件绑定选中值的时候，还没有请求过来相关的数据，我也想过直接让它请求我所需要的数据不就行了吗？但是又怎么能让它根据我们的选中值，为我们请求所需的数据呢？下面来看看我是如何巧妙地解决的吧。基于uni原生组件和方法搭建，并支持App端和微信小程序端环境，致力于为uni-app开发者友好地解决 多列选择器-懒加载数据 的回显问题；
2024-12-06 16:43:24
985
原创 在鸿蒙中如何显示富文本(html元素)，实现v-html的效果？
在老项目中有一个图文展示的功能，这个功能在Vue中很容易，直接使用v-html去解析后端给返回的html元素字符串即可。而在鸿蒙中就不那么容易了，你会问 鸿蒙里面不是有RichText组件吗？你要是用了就知道了，用它渲染出来的效果差异很大，并且很不好改，字体大小都不一样。解析HTML，生成描述性的JSON递归遍历JSON结构，通过builder装饰器生成对应的鸿蒙基础组件、通过@Extend装饰器扩展组件样式生成对应的鸿蒙样式。
2024-09-03 10:25:11
7255
原创 在鸿蒙中如何获取设备的宽度和高度？
在鸿蒙应用开发的过程中，需要用到屏幕的宽高，那么我们该如何获取手机屏幕的宽度和高度呢？另外，某个组件的父容器的宽高我们能不能获取到呢？带着这些问题，通过查找相关资料，结合实际的代码进行测试，顺利的获取到了屏幕宽高和父组件的宽高，下面一起来看一下具体该如何实现吧。借助@ohos.display(屏幕属性)模块获取。
2024-09-03 10:21:20
982
2
原创 如何不用服务器也能让别人访问到我写的网站呢？
在 VS Code 中，有一个端口转发的功能，它的作用是将一个本地端口映射到远程机器上的一个端口，以便可以通过本地机器访问远程机器上的服务或进行调试。这对于在本地开发和测试应用程序时，需要访问远程机器上的服务或端口的情况非常有用。通过端口转发，可以方便地在本地机器上访问远程机器上的服务，而不需要进行额外的网络配置。最近我的服务器到期了，域名也到期了，因囊中羞涩就没有给我的个人技术博客网站再续费，那我怎么在我的朋友面前装逼呢？你是否也有同样的困惑？
2024-08-29 17:05:53
779
原创 node+React如何实现上传文件夹功能？
最近在完善自己的个人技术博客的时候，遇到了一个小问题，总所周知，上传文件功能是简单的，但不知道大家有没有写过上传文件夹的功能，如有需要，欢迎来看一下我的这篇文章。亲测代码有效，有需要上传文件夹功能的朋友，拿走不谢~~用axios进行请求，后端用multer处理文件。可能你还不知道，input 元素上还有一个的。属性之后，我们就可以选择目录了。属性，用于表示当前文件的相对路径。后端：Express框架。前端：React.js。所选的文件中还会有一个。
2024-08-29 16:30:35
515
原创 我的创作纪念日
我与优快云的机缘是基于我的一个领导的开示，我的leader让我把自己开发中遇到的一些难点以及解决方案记录成文章，以便我们以后遇到相同的难点，或者别人在开发相同功能时也遇到同样的难点的时候，可以借鉴我的解决方案，这也算我在开发中的产出物吧。
2024-08-22 11:23:00
437
原创 鸿蒙开发工具DevEcoStudio汉化包插件下载与安装
按照我的版本，我选择的是233.407（最新版本），如果你不知道下载哪个版本，你可以下载个最新的进行安装，然后会提示你应该现在的版本号是多少。下载得到.zip压缩包文件。首先去file->settings->plugins搜索一下chinese，看看有没有汉化插件，如果没有的话，那就来看看我是怎么搞的吧。最后打开Plugins页面，点击右上角齿轮 -> Install Plugin from Disk…选择下载的.zip文件即可。因为在插件市场查询不到中文插件，我们就需要去官网下载中文插件。
2024-07-08 13:43:58
752
2
原创 在鸿蒙中如何把网络图片保存到相册中
在鸿蒙中如何把网络图片保存到相册中，首先我们需要去配置ohos.permission.WRITE_IMAGEVIDEO这个受限权限，其次，如果想要使用这个权限，还需要去自动签名或者手动签名，最后通过http请求到图片，通过文件文件写入，实现这个功能。想要读取手机相册中的图片，也可以参考这个实现代码。
2024-06-25 09:24:48
2408
5
原创 说下Vite的原理，为什么vite比webpack快？
vite为什么比webpack快？vite是基于esbuild与Rollup，依靠浏览器自身ESM编译功能， 实现极致开发体验的新一代构建工具！浏览器import只能引入相对/绝对路径，而开发代码经常使用npm包名直接引入node_module中的模块，需要做路径转换后交给浏览器。esbuild 使用go编写，cpu密集下更具性能优势，编译速度更快。
2024-04-26 17:01:44
772
1
原创 说说 vue3 中的响应式设计原理，用js文件简单模拟实现vue3中的响应式
响应式数据指的是当数据发生变化后，能够自动触发某些副作用的执行，从而达到某些目的。在应用中，这通常意味着当数据改变时，所有依赖于该数据的地方都会自动更新。这种响应式机制特别适用于动态内容更新、表单验证和处理、数据驱动的交互等场景。众所周知，Vue通过Object.defineProperty或Proxy等方式来劫持数据对象的getter和setter，从而能够在数据变化时通知依赖它的代码部分进行更新。那么今天我们就来用js文件来简单模拟一下vue3实现的响应式数据。
2024-04-19 17:33:33
867
1
原创 浏览器插件Lighthouse（查页面的性能指标）
最近了解到了一个性能检测的工具，今天分享给大家，希望对大家能有一点帮助。阅读完本文，你可以了解到Lighthouse 是什么。如何安装Lighthouse (浏览器插件)。Lighthouse中的一些Metrics指标。
2024-01-29 14:22:41
1393
原创 快速搭建React Native环境（使用expo）
Expo是一个跨平台的App构建工具。可以让你使用JavaScript 语言构建 Android 和ios 的原生应用。
2023-08-21 16:29:09
2249
1
原创 webpack搭建vue脚手架（从零开始）
都会作为模块处理。在webpack4以及之前版本都需要借助file-loader和url-loader进行打包图片，而在webpack5版本中不需要了，只需要进行配置就可以了，不需要进行任何loader。就会生成一个index.html和bundle.js,这时，点开index.html就能看的Hello World了，但是css还不能生效，需要借助一些loader去加载静态资源。输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去，以及如何命名。
2023-08-16 15:44:58
1001
1
原创 移动端怎么实现盒子拖拽效果？
因为在移动端不能使用鼠标按下、鼠标移动、鼠标抬起事件，而应该使用手指按下事件(ontouchstart)、手指移动事件(ontouchmove)、手指抬起事件(ontouchend)大家都知道在写PC端页面时，可以用原生js写出可以拖拽的盒子，但是用同样的方法，再写移动端时，就不生效了。
2023-03-27 15:32:31
496
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人