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