- 博客(54)
- 收藏
- 关注
RSS订阅原创 告别 console.log！这些更高效的 JavaScript 调试方式你值得拥有✨
作为一名前端开发者，你是不是已经习惯了使用console.log来调试代码？虽然console.log方便快捷，但在一些复杂的应用中，它可能会让调试变得混乱不堪，输出也不够清晰今天，我们就来聊一聊一些比console.log更强大的调试方法，帮助你让调试过程更高效、清晰、有条理！🎉👨💻👩💻
2025-01-18 18:12:01
405
原创 React实现拖拽特效
最近，我看到一个工程师的个人网站上，采用了拖拽作品集的互动特效，既有趣又吸引眼球。经过一些研究，我发现其实借助一些现成的套件，就能轻松实现这样的效果。今天就带大家一起看看，如何通过FramerMotion来制作这个特效吧！
2025-01-18 17:44:35
688
原创 使用javaScript生成随机迷宫
使用javaScript生成随机迷宫的核心思想是使用一个“深度优先搜索”（DFS）算法。该算法可以从一个起点开始，探索未访问过的区域，并通过回溯找到所有可通行的路径。通过这种方式，我们可以在一个预定的网格中随机生成迷宫。
2024-12-05 14:59:46
1367
原创 JavaScript 的 ??= 运算符：让默认值更简单
JavaScript 的 ??= 运算符（空值合并赋值运算符）让这一任务变得更加简单且优雅。它是 ECMAScript 2021（ES12）新增的功能，用于在变量的值为 null 或 undefined 时赋值，语法简洁，非常适合日常开发。
2024-12-04 20:59:37
621
原创 2025年开发者必备的12个开源项目推荐
这 12 款工具覆盖了从 AI 集成到应用开发再到工作流自动化的多个领域，适合不同的开发需求。你用过其中的哪款工具？或者对哪款工具感兴趣？欢迎在评论区讨论！
2024-12-04 13:09:09
3458
原创 CSS 彻底改变了：你需要知道的 7 个革命性功能
作为一名 Web 开发者，你是否曾经因为调试 CSS 而感到崩溃？从简单的居中布局到实现暗黑模式的平滑过渡，CSS 曾经是让开发者头疼的问题制造机。不过，这种情况正在改变。借助近期的重大更新和一款优雅的“Rebecca Purple”新颜色，CSS 正在迈向一个功能更强大、更加友好的新时代。
2024-12-03 20:42:05
400
原创 CSS-Grid布局详解
Grid 栅格布局 是 CSS 语言中非常强大的种布局，它提供了丰富的工具属性，可以轻松实现复杂且灵活的布局设计，因此想要完美使用CSS Grid 也有一定的难度和复杂性，我自己也是花了不少时间才真正掌握它的使用，在这篇教程中，我会分享在学习和使用 CSS Grid 时的一些关键体会和收获，通过这些希望能够帮助各位了解到 CSS Grid 的基础知识，并学会如何用它实现一些复杂的布局效果。兼容性怎么样？
2024-09-19 17:42:53
1432
原创 如何使div居中？CSS居中终极指南
接触前端这么多年来我曾把 CSS 看作是一系列模式的集合，实际上有很多方法可以用来解决当前遇到的问题。这种方法虽然能奏效，但也感觉有些局限。时不时地一些看似正常的代码会突然出现问题实际运行效果和以前完全不同。花时间深入学习 CSS 时之前老旧的固定方式，而是能够凭直觉灵活的来解决问题！✨在本文中探讨了一些实用的居中模式，希望它们能在你需要居中对齐时派上用场。其这也只是触及了CSS 中居中对齐的冰山一角！与其死记硬背更多的代码片段，不如建立一个全面的 CSS 理解模型，这样可以即时提出解决方案！
2024-09-04 12:52:05
3114
原创 Promises - 从零开始（万字详解）
在JavaScript里最让人头疼的就是Promises。要真正理解Promises，我们需要深入了解JavaScript的工作原理以及它的局限性。如果没有这些背景知识，Promises可能会难以理解，因为如今Promises API已经非常重要，几乎成为了处理异步代码的标准方式。现代的Web API大多是基于Promises构建的。
2024-09-02 23:39:14
1855
2
原创 JS打造一款你自己的专用字体：使用p5.js与JavaScript实现
在最近的生成艺术项目中遇到一个小问题：如何在作品中优雅地添加文本元素，同时避免使用网络字体，要么侵权要么花钱~~给项目增加不必要的负担，我决定不走寻常路，自己动手，丰衣足食，用JS打造一款自己的专用字体！
2024-08-31 20:49:16
1681
5
原创 【首发】：一键将视频转化为思维导图、文章笔记、大纲详细解释
最近在网上冲浪时，偶然间发现一款完全免费不限次数的神器！它能将两小时时长以内的视频一键转化为思维导图、笔记、大纲，甚至详细的解释和图文解说，能帮助你快速获取和整理信息，就比如你看了一段好的视频想发个文章分享分享，现在都不需要你自己写，一键就生成了！虽然这工具目前还在内测阶段，但是免费+次数完全不限量，是真的香！！！可以尽情地用狠狠的用，对于学习和工作效率会有很大提升。>>>废话不多说正片开始ReadLecture的功能非常强大，它的视频转换功能可以极大地提高我们处理视频信息的效率。
2024-06-05 11:56:40
3456
8
原创 使用JavaScript实现网页通知功能
如果用户同意接收通知，创建并显示一个通知。通知的标题为"重 要 通 知"，内容为"在意网盘，不限内容的网盘 pan.zai1.com"。如果不支持，输出一条消息并停止执行。即使在用户浏览其他页面时，也能向他们推送通知信息。如果用户点击通知，会打开"https://pan.zai1.com"这个网址。如果用户没有同意接收通知，弹出一个提示对话框，并输出一条消息。5500000毫秒（约为91分钟）后，通知自动关闭。创建通知后，输出 “hook 200”。废话不多说直接上代码。请求用户的通知权限。
2024-06-03 09:50:23
1372
原创 最近很火的 ChatTTS项目，有大佬做的 ChatTTS-UI 来啦
最近很火的 TTS 项目，有网友做的 ChatTTS-UI 来啦。绑定 ChatTTS 的 web 界面项目，提供网页中使用 ChatTTS 合成语音及 API 接口服务，支持Windows、Linux、MacOS 部署。
2024-06-03 09:23:10
4320
2
原创 HarmonyOS鸿蒙学习基础篇 - 自定义组件（一）
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。可组合：允许开发者组合使用系统组件、及其属性和方法。可重用：自定义组件可以被其他组件重用，并作为不同的实例在不同的父组件或容器中使用。数据驱动UI更新：通过状态变量的改变，来驱动UI的刷新@Component。
2024-02-14 17:43:58
5573
1
原创 HarmonyOS鸿蒙学习基础篇 - Column/Row 组件
Row和Column组件是线性布局容器，用于按照垂直或水平方向排列子组件。Row表示沿水平方向布局的容器，而Column表示沿垂直方向布局的容器。这些容器具有许多属性和方法，可以方便地管理子组件的位置、大小、间距和对齐方式。例如，可以设置容器内部的子组件之间的间距（space属性），以及子组件在主轴（水平或垂直方向）和交叉轴上的对齐方式。
2024-02-14 17:06:08
6923
原创 HarmonyOS鸿蒙学习基础篇 - 通用事件
HarmonyOS鸿蒙是华为推出的分布式操作系统，旨在为各种智能设备提供统一的操作系统。鸿蒙系统的一大特色是其强大的分布式能力，而通用事件则是实现这一能力的关键技术之一，本篇博客将介绍HarmonyOS鸿蒙中的通用事件。
2024-01-27 16:47:51
1787
原创 HarmonyOS鸿蒙学习基础篇 - Text文本组件
该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。是可以显示一段文本的组件。该组件从API Version 7开始支持，从API version 9开始，该接口支持在ArkTS卡片中使用。
2024-01-24 09:48:44
5075
原创 HarmonyOS鸿蒙学习基础篇 - 运行第一个程序 Hello World
古话说得好，“磨刀不误砍柴工”，对于HarmonyOS应用开发，我们首先得确保工具齐全。这就好比要进行HarmonyOS应用开发，我们需要确保已经安装了DevEco Studio，这是HarmonyOS的一站式集成开发环境（IDE）。下面我们就以在Windows系统上安装DevEco Studio为例，来详细介绍一下如何下载、安装和配置这个开发工具。选择对于版本下载，由于我是Windows 64位，所以这里演示的安装过程主要以我电脑配置为主！
2024-01-22 17:50:01
1396
原创 HarmonyOS鸿蒙学习基础篇 - ArkTs介绍
ArkTS 是 Harmenyos优选的主力应用开发语言，它是一种基于TypeScript（简称TS）的应用开发语言，由华为开发。它在保持TS基本语法风格的基础上，对TS的动态类型特性施加更严格的约束，引入静态类型。同时，ArkTS提供了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。ArkTS兼容JS/TS语言生态，并扩展了声明式UI语法和轻量化并发机制。它通过模板、样式、逻辑三段式来构建相应的应用UI界面，并结合相应的运行时实现了优化的运行体验。
2024-01-20 14:54:00
2366
原创 HarmonyOS鸿蒙学习基础篇 - 什么是HarmonyOS
HarmonyOS是华为开发的一款面向未来的全场景分布式智慧操作系统，将逐步覆盖1+8+N全场景终端设备；
2024-01-19 12:16:24
1455
原创 0代码，三步教你打造微信助手
智能微秘书+FastGPT，0代码打造你的超级微信助手！自ChatGPT面世以来，它开创了一种交互方式的新革命，引领着技术与人类交互方式的全新演变。特别是在GPT-3.5全面开放 API 接口后，基于语言模型（LLM）的各种应用如雨后春笋般涌现，显示了无限的可能性和创新。然而，在实际应用中，我们也面临着诸如可控性、随机性和合规性等多方面的挑战，很多应用场景还在不断地探索和尝试中。但现在，通过 FastGPT和 智能微秘书。
2023-10-17 10:23:37
1069
8
原创 Nodejs入门 token校验
token校验作为项目里的必要项，其重要性不言而喻，今天介绍一个在Node.js中备受推崇的神奇工具——jsonwebtoken一、token是什么jsonwebtoken是什么？在互联网世界中，Token是一种用于表示身份验证和授权的令牌。以为例，它生成的JWT就是一种Token。Token通常由服务器颁发给用户，并在用户进行身份验证后用于标识用户身份。当用户希望访问需要授权的资源时，Token就成为了一种凭证，用于证明用户的身份和权限。
2023-08-31 13:39:36
1242
3
原创 uniapp打包之配置MacOS虚拟机生成iOS打包证书
uniapp是一款跨端开发框架,可用于快速开发iOS、Android、H5等多端应用。本文将详细介绍如何实现uniapp开发的iOS应用打包。
2023-07-04 12:21:01
2828
11
原创 uniapp 前端实现文字识别，身份证识别，营业执照识别 （兼容APP、H5、小程序 不需要任何SDK）
本文将介绍如何使用uniapp和百度AI开放平台的OCR(光学字符识别)API实现身份证、营业执照等卡证的识别和文字识别功能。以上就是uniapp使用百度AI平台OCR API实现卡证识别和文字识别的整体实现过程全部内容了，有不懂的，或者我代码有误的地方，希望大家多多交流。具体详细代码示例可以私信问我要哈！
2023-06-24 23:38:02
11705
12
原创 Node.js入门之 - 初识Node.js
随着 web 前后端分离、PWA、微服务架构的流行,以及 5G、AIoT 等技术的兴起,Node.js 将在 web 后端、移动互联网、企业应用和嵌入式设备等领域有非常广阔的应用前景。Node.js 的跨平台与轻量级特点,也使其非常适合构建桌面应用与各种工具软件。可以说,Node.js 是一门具有长期生命力和广阔前景的技术,值得我们深入学习与长期投入。虽然Node.js 具有事件驱动高效、单线程高性能、丰富生态和跨平台等优点,适合于 I/O 密集型任务和实时应用。
2023-06-15 19:38:06
1140
5
原创 UniApp组件封装
UniApp是一个跨平台的开发框架，允许开发者使用Vue.js编写一次代码，然后将其发布到多个平台，包括iOS、Android和Web。在UniApp中，组件是构建用户界面的基本单元，它们可以重复使用，并且具有可配置的属性和方法。其中组件是一种可重用的UI元素，用于展示信息、接收用户输入或实现特定功能。UniApp提供了一系列内置的组件，如按钮、输入框、列表、滑动组件等，开发者也可以自定义和扩展组件以满足特定需求。
2023-06-10 17:55:12
4546
原创 uniapp本地存储详解
在开发uniapp应用时，我们常常需要使用本地存储来保存一些数据，比如用户登录信息、设置项等，使得应用能够在设备上保存和读取数据，以便提供更好的用户体验和离线功能支持，本文将简单介绍uniapp中的本地存储相关API使用方式。当我们调用对应方法时，uniapp会将数据以键值对的形式存储在本地存储中。具体实现中，uniapp会将键值对转换成字节流，并将字节流写入到设备的存储器中。这个过程涉及到计算机底层存储原理的数据存储和字节对齐。在读取数据时，会根据指定的键，从本地存储中读取相应的数据。
2023-06-03 10:49:38
11511
1
原创 uniapp滚动加载 下拉刷新
在日常开发中，滚动加载和下拉刷新是非常常见的功能，页面数据过多时，需要滚动加载优化性能，本篇技术分享博客将介绍如何在uniapp中实现滚动加载和下拉刷新。至此，我们已经成功地实现了滚动加载和下拉刷新两种常见的移动端功能。大家可以进行扩充或者留言交流！通过以上示例代码，我们可以看到uniapp提供了非常方便的API来实现这些功能，使得开发者可以更加专注于业务逻辑的实现。
2023-06-01 10:41:37
12912
13
原创 uniapp在H5获取当前定位信息不需要SDK可直接获取城市（包括经纬度省市区和市区编码）
最近在做获取用户当前定位信息的时候，发现uniapp官方提供的兼容性并不是特别好，光注意事项都是密密麻麻一大堆，在实际使用场景下，效果并不理想，也不是很稳定。于是便重新封装了一下腾讯地图的一些东西，提高了下兼容度！下边我会把我用的封装思路逻辑给大家一一讲解。完整代码可私信我我发给你以上便是基于uni-app框架开发,使用Promise进行异步请求和结果返回，封装的H5获取当前详细定位信息组件希望大家一起交流。
2023-05-23 18:48:42
6726
30
原创 uniapp实现条码扫描 可开闪光灯，原生H5调用，不需要任何sdk。
一维码识别功能使用的是Quagga这个库。调用摄像头使用的 navigator.mediaDevices.getUserMedia 这个H5的api。通过 video 和 canvas 把摄像头获取到的数据展现到页面上，同时调用监听Quagga解析。
2023-05-20 16:17:58
6998
14
原创 微信小程序开发详解
微信小程序是一种可以在微信中运行的应用程序，它使用了微信提供的开发框架和工具，可以在不需要下载安装的情况下直接使用。微信小程序采用了类似Web的开发方式，开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。无需下载安装，直接在微信中使用可以访问部分系统API，实现更强大的功能通过微信提供的开发框架和工具，可以方便地进行开发、测试和发布在 components 目录下创建组件文件夹,同级目录创建 json、js、wxml、wxss 四个文件。文件名与文件夹名相同。
2023-04-23 16:31:34
3860
原创 uniapp小程序封装常用工具函数
类似的工具函数还有很多，这里暂时不一一列举了，上面提到的银行卡校验，还可以使用阿里公开的一个校验接口cardNo=银行卡号码&cardBinCheck=true这个接口会返回对应的银行简称银行卡类型,如果想要显示对应的银行logo的话，可以联系我，由于JSON数据太大，没办法全部放在这里。
2023-04-19 17:34:17
2075
4
原创 小程序封装拖拽菜单组件（uniapp拖拽排序，自定义菜单）
movable-area 是 uniapp 的可移动区域组件。它用于定义可移动视图容器,在其内部可拖拽移动子视图。
2023-04-19 16:41:47
3921
6
原创 小程序微信支付
微信小程序支付是一种常见的支付方式，实现起来相对较为复杂。在实现微信小程序支付功能时，需要认真阅读微信支付开发文档，严格遵守微信支付规范，确保支付过程的安全性和可靠性。希望这篇分享能够帮助开发者了解微信小程序支付相关的技术和注意事项，为开发微信小程序支付功能提供帮助。
2023-04-12 18:04:10
5598
4
原创 小程序实现购物车功能
购物车功能是电商小程序中比较常见的功能之一，实现起来也比较简单。通过本文的介绍，我们可以学习到如何将用户所选的商品信息保存在本地，如何展示商品信息，如何计算商品总价和总数，以及如何提供用户对购物车中商品的操作。在实际开发中，还可以根据具体需求进行定制和优化，例如添加优惠券、满减活动等功能，提升用户购物体验。
2023-04-12 17:08:00
3483
原创 小程序封装加载动画
在小程序的开发中，页面的加载过程可能会因为网络状况的不好或数据量的过大而显得非常缓慢，这时候加上一个加载动画就能有效的缓解用户的等待焦虑感。而对于应用的多个页面来说，使用全局加载动画可以提高用户体验，让应用显得更加美观和专业。本篇技术分享博客将为大家介绍在小程序中封装全局加载动画的具体实现步骤，帮助您提高小程序的用户体验。通过上述步骤，我们就完成了小程序中封装全局加载动画的具体实现方法。在实际开发中，我们可以根据实际需求对组件样式和方法进行调整和修改，以满足不同的开发需求。
2023-04-10 13:41:40
1835
原创 小程序实现滚动加载（懒加载）
小程序是一项很受欢迎的技术，随着其能力的不断增强，越来越多的人开始使用小程序来完成各种任务。当我面面临一个页面有非常多的数据时，该如何处理呢，显然一次性全部加载完，会非常消耗性能的，为了解决这些问题从而出现了一种叫滚动加载的数据处理方式，也被称为“无限滚动”或“懒加载”，它可以使你的页面在不刷新的情况下连续加载更多数据。在本文中，我们将讨论如何在小程序中实现滚动加载。
2023-04-10 11:05:06
5129
recorder.js 引用
2024-04-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人