- 博客(31)
- 收藏
- 关注
RSS订阅原创 uni-app开发微信小程序，如何使用towxml去渲染md格式和html标签格式的内容？
本文介绍了如何在uni-app开发微信小程序中使用towxml库来渲染Markdown和HTML格式内容。首先通过面试经历引出towxml的使用需求，详细展示了将towxml源码集成到项目中的步骤：创建wxcomponents文件夹并放入源码，然后通过引入towxml方法实现内容渲染。文章提供了完整的代码示例，包括模板、脚本和样式部分，并演示了Markdown和HTML两种格式的渲染效果。最后指出虽然towxml使用简单，但某些效果可能需要修改源码来优化。该方案适用于需要在小程序中展示富文本内容的开发场景。
2026-04-09 13:24:57
260
原创 elementUI的select下拉框如何下拉加载数据？
本文介绍了如何实现Element UI下拉选择框的分页加载功能。通过v-infinite-scroll指令实现滚动加载，结合remote-method实现远程搜索。关键实现包括：1) 分页参数管理；2) 两种loading状态区分（搜索loading和滚动loading）；3) 数据合并逻辑；4) 加载状态提示。代码展示了template结构、JavaScript逻辑和简单样式，提供了一种优雅处理大数据量下拉选项的解决方案。作者建议读者参考实现逻辑而非直接复制代码，并承诺会持续分享前端开发经验。
2025-12-22 11:19:34
498
原创 记录一段经常会忘记的但很好用的代码
本文分享了三种实现页面平滑滚动的代码方案：1）Web端使用scrollIntoView方法实现元素平滑滚动；2）通过IntersectionObserver监听元素进入视口时自动选中导航栏；3）uni-app框架下的pageScrollTo滚动方法。每种方案都提供了核心代码示例和关键参数说明，适用于不同开发场景。这些代码片段可以帮助开发者快速实现页面滚动交互效果，解决常见的前端开发问题。
2025-12-22 10:53:48
154
原创 我开发了一款识别图片文字的小程序
摘要：蝌蚪智汇小程序推出图片文字识别功能，支持上传图片自动识别印刷体和手写文字内容，识别结果可一键复制。用户通过微信搜索"蝌蚪智汇"即可使用该工具，操作简单便捷，满足日常文字提取需求。该功能特别适合需要快速记录文案内容的场景，为用户提供高效的图文转换解决方案。
2025-12-07 14:25:16
335
原创 企业微信自建应用开发详细教程，如何获取授权链接？如何使用js-sdk?
本文详细介绍了企业微信自建应用开发的完整流程和注意事项。重点讲解了如何设置可信域名、获取授权code（包括手动授权和静默授权两种方式）、以及注册使用JS-SDK的方法。文章特别提醒了开发中常见的坑点，如必须在设置可信域名后才能调试、建议使用手动授权获取用户敏感信息、JS-SDK需要在登录完成后调用等。同时提供了完整的代码示例，包括获取URL参数、生成签名、注册JS-API等关键功能的实现。最后作者提到尚未解决的监听页面返回事件问题，希望读者能提供解决方案。该文章为开发者提供了企业微信H5应用开发的实用指南。
2025-11-04 20:02:31
1190
原创 【鸿蒙心迹】鸿蒙开发教会我的那些事
2025的前半年有一个老项目要做鸿蒙的app，我有幸接触到了鸿蒙开发，当时对鸿蒙还一无所知，甚至连点击事件都不知道怎么加，不过通过前辈的资料分享以及自己的摸索，大概用了一个星期吧就上手开发了，时间紧任务重，我是从开发中慢慢学习出来了，可以说是，遇水搭桥，遇山开路的历程。一直跟到整个项目开发完成，从中学到了不少的东西，更多的不是技术的提升，而是遇到问题解决问题的思路得到了更多的提升。下面我把我在开发中攻克的难关给大家分享一下。
2025-10-09 21:59:46
363
原创 美团购物车小球动画效果
美团购物车小球动画效果实现方案 本文分享了一个类似美团购物车的小球动画效果实现方法。通过获取点击位置和购物车位置作为动画起点和终点，使用CSS3的贝塞尔曲线路径和动画API实现流畅的抛物线运动效果。核心代码包括：1)创建小球DOM元素并设置样式；2)计算起点终点坐标；3)使用offsetPath定义贝塞尔曲线运动轨迹；4)通过animate方法执行动画。该方案实现了商品添加时生动的小球飞入购物车效果，可自定义动画速度，代码简洁高效。
2025-08-26 09:47:26
507
原创 Vue3如何实现路由左右切换过渡动画？
《Vue3实现路由左右切换过渡动画方案》介绍了一种简洁的实现方法。通过transition组件结合CSS transform动画，在App.vue中定义slide-left和slide-right两种过渡效果。关键点在于使用路由后置守卫动态设置meta.transition属性：通过维护historyRoutes数组记录访问路径，判断导航方向后设置对应的滑动动画方向（前进slide-left/后退slide-right）。该方案无需依赖第三方插件，仅需少量代码即可实现流畅的路由过渡效果
2025-07-08 15:17:53
630
原创 荣耀手机，系统MagicOS 9.0 USB配置没有音频来源后无法被adb检测到，无法真机调试的解决办法
荣耀手机升级至MagicOS 9.0后，USB配置中缺少“音频来源”选项，导致无法通过adb进行真机调试。解决此问题的方法包括：首先，在HBuilderX中更改adb路径至指定目录下的adb.exe；其次，在手机的开发人员选项中启用USB调试和“仅充电”模式下允许ADB调试；最后，选择USB配置为RNDIS(USB以太网)。此方法在2025年5月12日经测试有效。若问题解决，欢迎点赞支持。
2025-05-12 13:37:23
6059
1
原创 我开发了一款帮助老师课上随机提问学生的小程序
几乎每个老师都会在提问学生问题的时候，会遇到选择焦虑，来看看我开发的这款小程序，帮你轻松摆脱焦虑，公平随机选择学生回答问题。入口：从首页点击课上点名器进入。进入之后，可以先添加一下你所管理的班级。通过点击学生列表下方的班级，可以筛选下方的学生列表。班级列表和学生列表都支持分页展示，为了优化页面展示最多每页展示三条数据。添加学生的时候可以添加多个学生，学生姓名以逗号分割。点击下方保存内容按钮，数据将会保存在手机的本地，下次进来就不用添加班级和学生了，一次添加终身使用。
2025-04-14 10:09:56
1683
原创 鸿蒙ArkTs如何实现v-html的功能，显示富文本内容？
这是我在按照一个使用uni-app开发的老项目做一个鸿蒙版本的时候，遇到的一个很棘手的问题，要不是工期赶得紧，我都打算手搓一个富文本组件了。你是否也有相同的功能需求呢？来看看我是怎么解决的~~在老项目中有一个图文展示的功能，这个功能在Vue中很容易，直接使用v-html去解析后端给返回的html元素字符串即可。而在鸿蒙中就不那么容易了，你会问 鸿蒙里面不是有RichText组件吗？你要是用了就知道了，用它渲染出来的效果差异很大，并且很不好改，字体大小都不一样。解析HTML，生成描述性的JSON。
2025-03-12 15:45:42
3434
原创 鸿蒙ArkTs如何实现pdf预览功能？
在开发鸿蒙App时，你是否做过pdf预览功能。是否也和我一样碰壁了，来看看我遇到的问题，以及我是如何实现的吧。使用PDFKit运行示例代码报错，使用Web组件加载pdf文件。
2025-02-25 16:08:14
1804
原创 鸿蒙ArkTS页面如何与H5页面交互？
在开发App时，我们经常会遇到使用webView加载H5页面的场景，这样做的好处就不多加赘述了，那么鸿蒙App如何加载H5页面呢？又怎么与H5页面进行通信呢？，废话少说，直接上代码。App可以通过runJavaScript()方法调用html页面的JavaScript相关函数。在下面的示例中，点击App的“runJavaScript”按钮时，来触发html页面的change()方法更新霓虹灯按钮状态。html通过鸿蒙的test方法，获取鸿蒙传递过来的数据。
2025-02-24 11:28:51
1487
原创 react-monaco-editor如何实现网页代码编辑器？
最近有时间改造了一下自己博客的代码编辑器，之前的编辑器没有代码提示，不能格式化，还没有检错功能，用着很不方便，无意间发现一个微软出的一个monaco eidtor代码编辑器，它可以像vscode一样，用着很方便，于是乎，好东西一定要收录到自己的博客中，废话不多说，直接上效果和代码。我这个项目用的是react技术栈，所以我就用react相关的技术了。
2025-02-05 15:54:14
1636
2
原创 如何实现el-select多选下拉框中嵌套复选框并加校验不为空功能呢？
相信大家看到上面的两张图片后，在脑子里多少会有一些实现思路，这是我最近在开发中遇到的一个小功能，本来看起来挺简单的，愣是控了我两个小时。立马有了一个记录下来的想法，以保证以后遇到一样的问题不被控。下面我来说一下，我在做这个功能时遇到的一些问题。第一个问题，el-select组件如何跟el-checkbox组件无缝衔接呢？第二个问题，如何给这个form表单加校验呢？
2024-12-31 14:03:10
1396
原创 你是否有遇到过地区选择器—懒加载数据，无法回显问题？
我们在开发中或多或少会遇到有地区选择器功能开发，我最近在写一个地区选择—懒加载数据功能时，发现了一个很困扰的问题，那就是无法实现回显。那是为什么呢？原因也很简单，我们在给组件绑定选中值的时候，还没有请求过来相关的数据，我也想过直接让它请求我所需要的数据不就行了吗？但是又怎么能让它根据我们的选中值，为我们请求所需的数据呢？下面来看看我是如何巧妙地解决的吧。基于uni原生组件和方法搭建，并支持App端和微信小程序端环境，致力于为uni-app开发者友好地解决 多列选择器-懒加载数据 的回显问题；
2024-12-06 16:43:24
1192
原创 在鸿蒙中如何显示富文本(html元素)，实现v-html的效果？
在老项目中有一个图文展示的功能，这个功能在Vue中很容易，直接使用v-html去解析后端给返回的html元素字符串即可。而在鸿蒙中就不那么容易了，你会问 鸿蒙里面不是有RichText组件吗？你要是用了就知道了，用它渲染出来的效果差异很大，并且很不好改，字体大小都不一样。解析HTML，生成描述性的JSON递归遍历JSON结构，通过builder装饰器生成对应的鸿蒙基础组件、通过@Extend装饰器扩展组件样式生成对应的鸿蒙样式。
2024-09-03 10:25:11
12092
原创 在鸿蒙中如何获取设备的宽度和高度？
在鸿蒙应用开发的过程中，需要用到屏幕的宽高，那么我们该如何获取手机屏幕的宽度和高度呢？另外，某个组件的父容器的宽高我们能不能获取到呢？带着这些问题，通过查找相关资料，结合实际的代码进行测试，顺利的获取到了屏幕宽高和父组件的宽高，下面一起来看一下具体该如何实现吧。借助@ohos.display(屏幕属性)模块获取。
2024-09-03 10:21:20
1488
2
原创 如何不用服务器也能让别人访问到我写的网站呢？
在 VS Code 中，有一个端口转发的功能，它的作用是将一个本地端口映射到远程机器上的一个端口，以便可以通过本地机器访问远程机器上的服务或进行调试。这对于在本地开发和测试应用程序时，需要访问远程机器上的服务或端口的情况非常有用。通过端口转发，可以方便地在本地机器上访问远程机器上的服务，而不需要进行额外的网络配置。最近我的服务器到期了，域名也到期了，因囊中羞涩就没有给我的个人技术博客网站再续费，那我怎么在我的朋友面前装逼呢？你是否也有同样的困惑？
2024-08-29 17:05:53
1041
原创 node+React如何实现上传文件夹功能？
最近在完善自己的个人技术博客的时候，遇到了一个小问题，总所周知，上传文件功能是简单的，但不知道大家有没有写过上传文件夹的功能，如有需要，欢迎来看一下我的这篇文章。亲测代码有效，有需要上传文件夹功能的朋友，拿走不谢~~用axios进行请求，后端用multer处理文件。可能你还不知道，input 元素上还有一个的。属性之后，我们就可以选择目录了。属性，用于表示当前文件的相对路径。后端：Express框架。前端：React.js。所选的文件中还会有一个。
2024-08-29 16:30:35
667
原创 我的创作纪念日
我与CSDN的机缘是基于我的一个领导的开示，我的leader让我把自己开发中遇到的一些难点以及解决方案记录成文章，以便我们以后遇到相同的难点，或者别人在开发相同功能时也遇到同样的难点的时候，可以借鉴我的解决方案，这也算我在开发中的产出物吧。
2024-08-22 11:23:00
495
原创 鸿蒙开发工具DevEcoStudio汉化包插件下载与安装
按照我的版本，我选择的是233.407（最新版本），如果你不知道下载哪个版本，你可以下载个最新的进行安装，然后会提示你应该现在的版本号是多少。下载得到.zip压缩包文件。首先去file->settings->plugins搜索一下chinese，看看有没有汉化插件，如果没有的话，那就来看看我是怎么搞的吧。最后打开Plugins页面，点击右上角齿轮 -> Install Plugin from Disk…选择下载的.zip文件即可。因为在插件市场查询不到中文插件，我们就需要去官网下载中文插件。
2024-07-08 13:43:58
1316
2
原创 在鸿蒙中如何把网络图片保存到相册中
在鸿蒙中如何把网络图片保存到相册中，首先我们需要去配置ohos.permission.WRITE_IMAGEVIDEO这个受限权限，其次，如果想要使用这个权限，还需要去自动签名或者手动签名，最后通过http请求到图片，通过文件文件写入，实现这个功能。想要读取手机相册中的图片，也可以参考这个实现代码。
2024-06-25 09:24:48
3584
5
原创 说下Vite的原理，为什么vite比webpack快？
vite为什么比webpack快？vite是基于esbuild与Rollup，依靠浏览器自身ESM编译功能， 实现极致开发体验的新一代构建工具！浏览器import只能引入相对/绝对路径，而开发代码经常使用npm包名直接引入node_module中的模块，需要做路径转换后交给浏览器。esbuild 使用go编写，cpu密集下更具性能优势，编译速度更快。
2024-04-26 17:01:44
974
1
原创 说说 vue3 中的响应式设计原理，用js文件简单模拟实现vue3中的响应式
响应式数据指的是当数据发生变化后，能够自动触发某些副作用的执行，从而达到某些目的。在应用中，这通常意味着当数据改变时，所有依赖于该数据的地方都会自动更新。这种响应式机制特别适用于动态内容更新、表单验证和处理、数据驱动的交互等场景。众所周知，Vue通过Object.defineProperty或Proxy等方式来劫持数据对象的getter和setter，从而能够在数据变化时通知依赖它的代码部分进行更新。那么今天我们就来用js文件来简单模拟一下vue3实现的响应式数据。
2024-04-19 17:33:33
1022
1
原创 浏览器插件Lighthouse（查页面的性能指标）
最近了解到了一个性能检测的工具，今天分享给大家，希望对大家能有一点帮助。阅读完本文，你可以了解到Lighthouse 是什么。如何安装Lighthouse (浏览器插件)。Lighthouse中的一些Metrics指标。
2024-01-29 14:22:41
1699
原创 快速搭建React Native环境（使用expo）
Expo是一个跨平台的App构建工具。可以让你使用JavaScript 语言构建 Android 和ios 的原生应用。
2023-08-21 16:29:09
2719
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
1127
1
原创 移动端怎么实现盒子拖拽效果？
因为在移动端不能使用鼠标按下、鼠标移动、鼠标抬起事件，而应该使用手指按下事件(ontouchstart)、手指移动事件(ontouchmove)、手指抬起事件(ontouchend)大家都知道在写PC端页面时，可以用原生js写出可以拖拽的盒子，但是用同样的方法，再写移动端时，就不生效了。
2023-03-27 15:32:31
567
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人