- 博客(312)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端 ——youtube、tiktok视频封面获取并使用canvas合并封面和自定义播放按钮生成图片
大家好，我是yma16，本文分享 前端 ——youtube、tiktok视频封面获取并使用canvas合并封面和自定义播放按钮生成图片。canvas 绘制图片Canvas是HTML5提供的一个可以使用脚本（通常是JavaScript）进行绘图的元素。它可以用来在网页上实现各种复杂的图形和动画效果，比如绘制图形、处理图像、创建动画等。Canvas提供了一组绘图API，可以通过JavaScript来控制绘图过程，包括绘制形状、文本、图像，以及对绘图对象进行变换、动画和交互等操作。
2025-03-21 02:16:53
514
原创 前端 ——xml转json json转xml 实现 mjml 邮件内容转json，json转mjml
大家好，我是yma16，本文分享 前端 ——xml转json json转xml 实现 mjml 邮件内容转json，json转mjmlxmlXML（Extensible Markup Language）是一种类似于 HTML，但是没有使用预定义标记的语言。因此，可以根据自己的设计需求定义专属的标记。这是一种强大将数据存储在一个可以存储、搜索和共享的格式中的方法。
2025-01-02 16:41:22
3935
原创 windows10下使用沙盒多开uiautoanimation可行性验证
大家好，我是yma16，本文分享windows下使用沙盒多开uiautoanimation可行性验证。背景实现多开应用程序从而进行自动化控制，批量处理大量数据。Windows 沙盒提供了轻型桌面环境，可以安全地在隔离状态下运行应用程序。安装在 Windows 沙盒环境下的软件保持“沙盒”状态，并且与主机分开运行。沙盒是临时的。关闭后，系统将删除所有软件和文件以及状态。每次打开应用程序时，都会获得沙盒的全新实例。
2024-12-27 23:10:43
3918
原创 前端——原生Selection api操作选中文本 样式、取消样式（解决标签的无限嵌套问题）
大家好，我是yma16，本文分享 前端——Selection api操作选中文本 样式、取消样式（解决标签的无限嵌套问题）Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区，可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建（渲染html、json）node笔记_读文件node笔记_写文件。
2024-10-24 18:32:46
5475
1
原创 前端react&vue3——实现滚动到底加载数据
大家好，我是yma16，本文分享 前端react&vue3——实现滚动加载（到底部加载）scrollTop 属性一个双精度浮点值，表示元素当前从原点垂直滚动的像素数，其中正值表示元素向下滚动（以显示更多底部的内容）。如果元素根本没有向上或向下滚动，则 scrollTop 为 0。如果文档不是活动文档，则返回值为 0。如果文档在亚像素精度设备上呈现，则返回的值也是亚像素精度的，可能包含小数部分。clientHeight 属性。
2024-10-07 19:43:01
5819
原创 python_uiautoanimation实现自动化微信聊天
大家好，我是yma16，本文分享python_uiautoanimation实现自动化微信聊天。uiautoanimation简介uiautomation封装了微软UIAutomation API，支持自动化Win32，MFC，WPF，Modern UI(Metro UI), Qt, IE, Firefox(version=60python系列文章python爬虫_基本数据类型python爬虫_函数的使用python爬虫_requests的使用。
2024-09-20 00:32:46
5078
原创 前端如何在30秒内实现吸管拾色器？
大家好，我是yma16，本文分享 前端react——实现浏览器页面的吸管拾色器功能。背景在chrome web端快速实现一个页面的取色器功能， 分为两个场景固定区域小范围取色当前页面取色node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建（渲染html、json）node笔记_读文件node笔记_写文件node笔记_连接mysql实现crud。
2024-08-25 23:31:49
6543
2
原创 调用azure的npm实现outlook_api模拟查看邮件、发送邮件（实现web版接受outlook邮件第一步）
大家好，我是yma16，本文分享 调用azure的npm实现outlook_api模拟查看邮件、发送邮件。背景：模拟outlook邮件客户端收发邮件前端笔记_OAuth规则机制下实现个人站点接入qq三方登录OAuth机制_web站点接入微软azure账号进行三方登录。
2024-08-07 01:53:16
5992
原创 从0开始的HarmonyOS NEXT —— 认识基础架构到hello world页面添加（第一章）
大家好，我是yma16，本文分享从0开始的HarmonyOS NEXT —— 认识基础架构到hello world页面添加（第一章）。以Kit维度提供丰富、完备的开放能力，涵盖应用框架、系统、媒体、图形、应用服务、AI六大领域。应用框架相关Kit开放能力：Ability Kit（程序框架服务）、ArkUI（方舟UI框架）等。系统相关Kit开放能力：Universal Keystore Kit（密钥管理服务）、Network Kit（网络服务）等。
2024-07-28 15:42:05
5982
5
原创 【 香橙派 AIpro评测】烧系统运行部署LLMS大模型跑开源yolov5物体检测并体验Jupyter Lab AI 应用样例（新手入门）
大家好，我是yma16，本期分享 【 香橙派 AIpro评测】烧系统到部署到体验 AI 应用样例：香橙派 AIpro烧系统到体验 AI 应用样例（新手福音）香橙派 AIproOrange Pi AI Pro 开发板是香橙派联合华为精心打造的高性能 AI 开发板，其搭载了昇腾 AI 处理器，可提供 8TOPS INT8 的计算能力，内存提供了 8GB 和 16GB两种版本。可以实现图像、视频等多种数据分析与推理计算，可广泛用于教育、机器人、无人机等场景。开发版图解。
2024-07-13 23:51:42
6929
12
原创 前端vite+vue3——利用环境变量和路由区分h5、pc模块打包（从0到1）
大家好，我是yma16，本文分享 前端vite+vue3——利用环境变量和路由对前端区分h5和pc模块打包（从0到1）。背景前端本地开发pc和h5的项目，发布时需要区分开h5和pc的页面viteVite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。依赖 大多为在开发时不会变动的纯 JavaScript。一些较大的依赖（例如有上百个模块的组件库）处理的代价也很高。依赖也通常会存在多种模块化格式（例如 ESM 或者CommonJS）。
2024-06-22 20:14:39
6677
3
原创 前端老古董execCommand——操作 选中文本 样式
大家好，我是yma16，本文分享关于 前端老古董execCommand——操作选中文本。execommand当一个 HTML 文档切换到设计模式时，document暴露 execCommand 方法，该方法允许运行命令来操纵可编辑内容区域的元素。大多数命令影响document的selection（粗体，斜体等），当其他命令插入新元素（添加链接）或影响整行（缩进）。当使用contentEditable时，调用execCommand() 将影响当前活动的可编辑元素。
2024-06-16 02:24:30
6198
5
原创 性能监控计算——封装带性能计算并上报的npm包（第三章）
大家好，我是yma16，本文分享 性能监控计算——封装带性能计算并上报的npm包（第三章）。为了实现前端性能耗时的数据监控，前端对外发布js的sdk，sdk的功能主要是性能耗时计算和数据上报。同时使用vue3和node开发一个数据监控的后台管理系统，主要功能是展示数据，提供一个api_key和token对外暴露的api接口去添加数据监控数据。功能：封装性能耗时并上报的npm包。Rollup 是一个用于 JavaScript 的模块打包工具，它将小的代码片段编译成更大、更复杂的代码，例如库或应用程序。
2024-06-03 02:34:22
5949
4
原创 性能监控系统搭建——vue3实现性能监控数据展示（第二章）
大家好，我是yma16，本文分享 性能监控系统搭建——vue3实现性能监控数据展示（第二章）。背景：功能：vue3前端实现性能监控数据展示功能由于在往期文章已经介绍如何从0到1搭建vue框架，所以这里主要分享数据展示逻辑。node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建（渲染html、json）node笔记_读文件node笔记_写文件node笔记_连接mysql实现crudnode笔
2024-05-19 21:35:36
6310
1
原创 性能监控系统搭建——node_koa实现性能监控数据上报（第一章）
大家好，我是yma16，本文分享node_koa实现性能监控数据上报（第一章）。为了实现前端性能耗时的数据监控，前端对外发布js的sdk，sdk的功能主要是性能耗时计算和数据上报。同时使用vue3和node开发一个数据监控的后台管理系统，主要功能是展示数据，提供一个api_key和token对外暴露的api接口去添加数据监控数据。对外暴露性能上报接口，用户通过api_key请求上报数据到后台。
2024-05-19 01:36:24
5855
1
原创 前端 performance api使用 —— mark、measure计算vue3页面echarts渲染时间
大家好，我是yma16，本文分享关于 前端 performance api使用 —— mark、measure计算vue3页面echarts渲染时间。浏览器的Performance API 是一组用于测量和监视网页性能的接口。它提供了一些方法和事件，可以用于收集和分析页面的性能数据。
2024-05-15 07:00:00
6669
原创 前端vite+rollup前端监控初始化——封装基础fmp消耗时间的npm包并且发布npm beta版本
大家好，我是yma16，本文分享关于 前端vite+rollup——封装性能优化的npm包。什么是 rollupRollup 是一个用于 JavaScript 的模块打包工具，它将小的代码片段编译成更大、更复杂的代码，例如库或应用程序。它使用 JavaScript 的 ES6 版本中包含的新标准化代码模块格式，而不是以前的 CommonJS 和 AMD 等特殊解决方案。ES 模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。这在未来将在所有场景原生支持，但 Rollup 让你今天就可以开始这样做。
2024-05-01 16:05:12
8618
6
原创 webgl canvas系列——animation中基本旋转、平移、缩放（模拟冒泡排序过程）
大家好，我是yma16，本文分享webgl canvas系列——animation基本旋转、平移、缩放。
2024-04-21 18:36:16
14607
8
原创 微信小程序——实现对话模式（调用大模型图片生成）
大家好，我是yma16，本文分享微信小程序——实现对话模式（调用大模型图片生成）。aigc图片生成AIGC (Artificial Intelligence Generated Content) 可以生成各种类型的图片，包括风景、动物、人物、抽象等等。生成图片的过程通常是使用预训练的神经网络模型，该模型可以根据输入的文本或图像生成新的图片。
2024-04-07 00:06:58
19456
17
原创 前端xss攻击——规避innerHtml过滤标签节点及属性
大家好，我是yma16，本文分享xss攻击——规避innerHtml过滤script等动态js节点。xss攻击XSS（Cross-Site Scripting）攻击是一种常见的网络安全漏洞，它允许攻击者将恶意的脚本代码注入到网页中，当用户通过浏览器访问这个网页时，这些恶意代码就会被执行，从而使攻击者能够窃取用户的敏感信息，如登录凭据、个人信息等。存储型XSS：攻击者将恶意脚本代码存储到目标网站的数据库中，当用户访问含有恶意代码的页面时，代码会从数据库中被提取并执行。
2024-04-01 07:30:00
23361
9
原创 webgl canvas系列——快速加背景、抠图、加水印并下载图片
大家好，我是yma16，本文分享webgl canvas系列——快速抠图、加水印。该系列往期文章web canvas系列——快速入门上手绘制二维空间点、线、面。
2024-03-17 23:56:54
22273
6
原创 web canvas系列——快速入门上手绘制二维空间点、线、面
大家好，我是yma16，本文分享web canvas系列——快速入门画二维点、线、面。前端canvas前端中的Canvas是HTML5中新增的一个元素，它允许我们直接通过JavaScript来绘制图形、动画和其他可视化效果。Canvas提供了一个画布，我们可以在上面绘制各种形状、图像和文本。使用上下文对象绘制图形、图像和文本。Canvas的绘图上下文提供了一系列的绘制方法，如绘制矩形、圆形、线条等。可以通过设置上下文的属性，如颜色、线宽等来调整绘制效果。
2024-03-17 08:00:00
19742
6
原创 前端vite+vue3——可视化页面性能耗时指标（fmp、fp）
大家好，我是yma16，本文分享关于 前端vite+vue3——可视化页面性能耗时（fmp、fp）。fmp的定义FMP（First Meaningful Paint）是一种衡量网页加载性能的指标。它表示在加载过程中，浏览器首次渲染出有意义的内容所花费的时间。有意义的内容指的是用户可以看到和交互的元素，如文本、图片、按钮等。首次渲染的定义可以根据具体的要求和场景而有所不同。通常情况下，首次渲染是指在页面加载过程中，浏览器首次绘制出用户能够理解和识别的内容，而不是空白页面或加载指示符。
2024-03-10 00:59:09
24101
14
原创 Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
大家好，我是yma16，本文分享关于Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档。MDX（Markdown with JSX）是一种将JSX语法与Markdown语法结合的文件格式。它通常用于编写文档、文章或博客等内容，并支持在文档中直接编写和渲染React组件。MDX文件使用.mdx扩展名，并可以通过配置将其转换为React组件。它可以包含Markdown标记，如标题、段落、链接和列表等，同时还可以包含React组件和JSX代码块。
2024-03-03 00:45:22
29746
14
原创 Docusaurus框架——快速搭建markdown文档站点介绍sora
大家好，我是yma16，本文分享关于Docusaurus框架——快速搭建markdown文档站点介绍sora。Docusaurus是什么？Docusaurus 是用 JavaScript 开发的，是一个开源的静态网站生成器，并使用了一些流行的 JavaScript 库和框架，如 React、Webpack 和 Babel，旨在帮助开发者快速搭建易于维护和部署的文档网站。它是由 Facebook开源并持续维护的项目。
2024-02-24 01:08:35
28206
57
原创 node+vue3+mysql前后分离开发范式——实现视频文件上传并渲染
大家好，我是yma16，本文分享关于 node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查。技术选型前端：vite+vue3+antd后端：node koa数据库：mysqlkoa是一个现代的Node.js框架，可以用来构建Web应用程序。Node.js的mime库Node.js的mime库是用于根据文件扩展名获取对应的MIME类型的库。MIME类型是用于标识文件类型的一种标准，它在互联网通信中起到了非常重要的作用。
2024-02-17 12:01:37
26827
13
原创 node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查
大家好，我是yma16，本文分享关于 node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查。技术选型前端：vite+vue3+antd后端：node koa数据库：mysqlkoa是一个现代的Node.js框架，可以用来构建Web应用程序。Vue.js 是一款用于构建用户界面的开源JavaScript框架。Vue.js 3 是 Vue.js的最新版本，于2020年9月正式发布。Vue.js3相对于之前的版本带来了许多重要的改进和新功能。
2024-02-15 18:05:10
24456
7
原创 前端vite+vue3结合后端node+koa——实现代码模板展示平台（支持模糊搜索+分页查询）
大家好，我是yma16，本文分享关于 前端vite+vue3结合后端node+koa——实现代码模板展示平台（助力初学者快速上手）。背景2024年已经步入春天，马上到了毕业季，为了帮助学生快速搭建毕设框架，于是想着搭建一个模板代码平台，支持下载。技术选型前端：vite+vue3+antd后端：node koa数据库：mysql、redisvue3框架Vue 3 是一种用于构建用户界面的 JavaScript 框架。它是 Vue.js 框架的最新版本，于2020年9月正式发布。Vue 3。
2024-02-13 23:35:01
27481
14
原创 linux优化空间&完全卸载mysql——centos7.9
大家好，我是yma16，linux优化空间&完全卸载mysql——centos7.9。linux内存分配在Linux中，内存分配是通过几种机制来实现的。下面是一些常用的内存分配机制：静态内存分配：静态内存分配是指在程序编译期间就确定了内存的分配大小和位置。这种分配方式适用于全局变量和静态变量。静态内存分配是通过编译器在可执行文件的数据段或者BSS段中进行的。动态内存分配：动态内存分配是指在程序运行期间根据需要来动态分配和释放内存。动态内存分配是通过系统库函数（如malloc、free等）来实现的。
2024-02-11 11:50:13
27711
5
原创 前端vite+vue3——自动化配置路由布局
大家好，我是yma16，本文分享关于 前端vite+vue3——自动化配置路由布局。背景在inscode写了一个前端vite+vue3+js的项目，路由分配有点乱，现在给这个项目做个优化，路由配置。没有配置路由之前的前端界面。改造之后viteVite是一种基于公有链技术的快速、安全和可扩展的开源区块链项目。它旨在通过使用异步交易模型和基于状态的共识算法来提高区块链的性能和可扩展性。Vite的发展可以追溯到2018年，当时Vite团队发布了Vite。
2024-02-07 17:16:22
31188
16
原创 vue3+threejs+koa可视化项目——模型文件上传(第四步)
大家好，我是yma16，本文分享关于 vue3+threejs+koa可视化项目——实现登录注册。multipart切片上传multipart content type 是指一种HTTP报文中的Content-Type的类型，它可以将一个HTTP请求或响应分为多个部分，每个部分可以有自己的Content-Type和内容。这种类型的报文通常用于传输多个文件或者消息体，每个部分可以有不同的编码方式和内容类型，比如图片、文本等不同的数据类型。实现文件上传// 当前时间return `${const {
2024-02-04 17:34:26
30427
12
原创 vue3+threejs+koa可视化项目——实现登录注册（第三步）
大家好，我是yma16，本文分享关于 vue3+threejs+koa可视化项目——实现登录注册。jwt登录注册JWT（JSON Web Token）是一种标准的身份验证和授权解决方案，它通过使用JSON格式的令牌来实现用户的身份验证和授权，避免了传统的基于会话的身份验证方案的一些问题。JWT登录注册的原理如下：注册：用户在注册时提供用户名和密码，服务器将用户信息保存在数据库中。密码通常需要进行哈希处理，以增加安全性。登录：用户提供用户名和密码进行身份验证时，服务器验证用户名和密码是否匹配数据库中的记录。
2024-01-29 00:26:22
31375
11
原创 react-app框架——使用monaco editor实现online编辑html代码编辑器
大家好，我是yma16，本文分享关于 react-app框架——使用monaco editor实现online编辑html代码编辑器。monaco editor 编辑器Monaco Editor是一款功能强大的Web编辑器，由微软开发并使用在多个项目中。它是基于VS Code编辑器的核心组件，具有类似的功能和用户体验。轻量级：Monaco Editor具有出色的性能，可以快速加载和渲染大型文件。可定制性：用户可以通过添加自定义插件和主题来扩展和个性化编辑器。
2024-01-18 01:57:57
27086
21
原创 vue3+threejs可视化项目——引入threejs加载钢铁侠模型（第二步）
大家好，我是yma16，本文分享 vue3+threejs可视化项目——引入threejs加载模型（第二步）。背景搭建一个模型可视化平台，可以对3d模型进行旋转、缩放、拖拽的基础操作。threejs框架Three.js是一个用于在Web浏览器上创建和显示3D图形的JavaScript库。它使用WebGL作为其底层渲染器，提供了一套简单易用的API，使开发者能够使用JavaScript创建复杂的3D场景和动画效果。
2024-01-16 00:54:15
32222
9
原创 vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）
大家好，我是yma16，vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）。背景搭建一个模型可视化平台，可以对3d模型进行旋转、缩放、拖拽的基础操作，Vite是一个高性能的公链平台，具有以下优势：高性能：Vite采用了异步快速共识算法。具体来说，Vite使用了一种名为HDPoS的共识机制，该机制能够实现每秒高达10,000笔交易的吞吐量。这使得Vite成为一个高效、快速的公链平台。
2024-01-14 17:31:33
33492
15
原创 vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
大家好，我是yma16，本文分享关于 vue3+echarts应用——深度遍历 html 的 dom结构并使用树图进行可视化。深度遍历树的深度遍历算法有两种方式：先序遍历和后序遍历。先序遍历（Preorder Traversal）是指先访问根节点，然后递归地先序遍历左子树，再递归地先序遍历右子树。后序遍历（Postorder Traversal）是指先递归地后序遍历左子树和右子树，然后访问根节点。html结构解析html的标签成对出现可以用栈的数据结构来存储。
2024-01-08 01:01:58
38668
33
原创 vue3+echarts可视化——记录我的2023编程之旅
大家好，我是yma16，本文分享关于 vue3+echarts可视化——记录我的2023编程之旅。数据来源回顾2023，我在gitcode、gitee、github上的提交记录数据回顾2023，我在csdn发布的文章数量回顾2023，我在csdn的粉丝量回顾2023，我的博客社区数量前端截图以上是我2023的可视化数据可视化分析可视化分析是通过图表、图形、地图等可视化的方式呈现数据和信息的分析方法。
2024-01-02 07:21:14
42352
21
原创 uniapp框架——vue3+uniFilePicker+fastapi实现文件上传(搭建ai项目第二步)
大家好，我是yma16，本文分享关于 uniapp框架——初始化vue3项目(搭建ai项目第一步)。vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示。
2023-12-25 01:58:48
34054
16
原创 uniapp框架——初始化vue3项目(搭建ai项目第一步)
大家好，我是yma16，本文分享关于 前端vue3——实现二次元人物拼图校验。vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示。
2023-12-10 20:13:26
35936
33
原创 前端vue3——实现二次元人物拼图校验
大家好，我是yma16，本文分享关于 前端vue3——实现二次元人物拼图校验。vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示。
2023-12-09 22:24:19
27769
11
node koa jwt的后端基础框架
2024-05-19
vue3+ts+antd 前端基础模板
2024-01-14
electron框架包vue react前端页面
2023-11-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人