![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web站点
文章平均质量分 92
web网站开发
yma16
前端->全栈开发,专注csp算法,csdn 内容合伙人,2023 csdn新星计划 Node赛道 Top1,csdn 2023 新星计划vue3+ts赛道导师,阿里云社区专家博主,华为云享专家,51CTO推荐红人,掘金前端创作者,前端技术栈:vue2 vue3 react18,后端技术栈:django springCloud nodeKoa
展开
-
前端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 · 1458 阅读 · 2 评论 -
通用大模型的低代码平台——3分钟内快速搭建一个邮件提醒工具
大家好,我是yma16,通用大模型的低代码平台——3分钟内快速搭建一个智能股票分析邮件提醒工具。通用大模型和垂直大模型的区别通用大模型是指在多个领域或任务上表现出色的大型模型,它们经过大规模的预训练和微调,具有较高的参数容量和复杂性。通用大模型如GPT-3可以应用于语言理解、翻译、问答等多个任务,并且在各个任务上表现出色。垂直大模型是指针对某个特定领域或任务进行优化的大型模型。与通用大模型相比,垂直大模型会将更多的参数和计算资源用于特定领域的特征提取和模型训练。原创 2024-06-22 16:33:13 · 1098 阅读 · 0 评论 -
前端老古董execCommand——操作 选中文本 样式
大家好,我是yma16,本文分享关于 前端老古董execCommand——操作选中文本。execommand当一个 HTML 文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。大多数命令影响document的selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进)。当使用contentEditable时,调用execCommand() 将影响当前活动的可编辑元素。原创 2024-06-16 02:24:30 · 1161 阅读 · 5 评论 -
前端 performance api使用 —— mark、measure计算vue3页面echarts渲染时间
大家好,我是yma16,本文分享关于 前端 performance api使用 —— mark、measure计算vue3页面echarts渲染时间。浏览器的Performance API 是一组用于测量和监视网页性能的接口。它提供了一些方法和事件,可以用于收集和分析页面的性能数据。原创 2024-05-15 07:00:00 · 1692 阅读 · 0 评论 -
前端vite+rollup前端监控初始化——封装基础fmp消耗时间的npm包并且发布npm beta版本
大家好,我是yma16,本文分享关于 前端vite+rollup——封装性能优化的npm包。什么是 rollupRollup 是一个用于 JavaScript 的模块打包工具,它将小的代码片段编译成更大、更复杂的代码,例如库或应用程序。它使用 JavaScript 的 ES6 版本中包含的新标准化代码模块格式,而不是以前的 CommonJS 和 AMD 等特殊解决方案。ES 模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。这在未来将在所有场景原生支持,但 Rollup 让你今天就可以开始这样做。原创 2024-05-01 16:05:12 · 3733 阅读 · 6 评论 -
webgl canvas系列——animation中基本旋转、平移、缩放(模拟冒泡排序过程)
大家好,我是yma16,本文分享webgl canvas系列——animation基本旋转、平移、缩放。原创 2024-04-21 18:36:16 · 9700 阅读 · 8 评论 -
微信小程序——实现对话模式(调用大模型图片生成)
大家好,我是yma16,本文分享微信小程序——实现对话模式(调用大模型图片生成)。aigc图片生成AIGC (Artificial Intelligence Generated Content) 可以生成各种类型的图片,包括风景、动物、人物、抽象等等。生成图片的过程通常是使用预训练的神经网络模型,该模型可以根据输入的文本或图像生成新的图片。原创 2024-04-07 00:06:58 · 13451 阅读 · 17 评论 -
前端xss攻击——规避innerHtml过滤标签节点及属性
大家好,我是yma16,本文分享xss攻击——规避innerHtml过滤script等动态js节点。xss攻击XSS(Cross-Site Scripting)攻击是一种常见的网络安全漏洞,它允许攻击者将恶意的脚本代码注入到网页中,当用户通过浏览器访问这个网页时,这些恶意代码就会被执行,从而使攻击者能够窃取用户的敏感信息,如登录凭据、个人信息等。存储型XSS:攻击者将恶意脚本代码存储到目标网站的数据库中,当用户访问含有恶意代码的页面时,代码会从数据库中被提取并执行。原创 2024-04-01 07:30:00 · 16985 阅读 · 9 评论 -
web canvas系列——快速入门上手绘制二维空间点、线、面
大家好,我是yma16,本文分享web canvas系列——快速入门画二维点、线、面。前端canvas前端中的Canvas是HTML5中新增的一个元素,它允许我们直接通过JavaScript来绘制图形、动画和其他可视化效果。Canvas提供了一个画布,我们可以在上面绘制各种形状、图像和文本。使用上下文对象绘制图形、图像和文本。Canvas的绘图上下文提供了一系列的绘制方法,如绘制矩形、圆形、线条等。可以通过设置上下文的属性,如颜色、线宽等来调整绘制效果。原创 2024-03-17 08:00:00 · 17131 阅读 · 6 评论 -
前端vite+vue3——可视化页面性能耗时指标(fmp、fp)
大家好,我是yma16,本文分享关于 前端vite+vue3——可视化页面性能耗时(fmp、fp)。fmp的定义FMP(First Meaningful Paint)是一种衡量网页加载性能的指标。它表示在加载过程中,浏览器首次渲染出有意义的内容所花费的时间。有意义的内容指的是用户可以看到和交互的元素,如文本、图片、按钮等。首次渲染的定义可以根据具体的要求和场景而有所不同。通常情况下,首次渲染是指在页面加载过程中,浏览器首次绘制出用户能够理解和识别的内容,而不是空白页面或加载指示符。原创 2024-03-10 00:59:09 · 21329 阅读 · 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 · 28746 阅读 · 14 评论 -
Docusaurus框架——快速搭建markdown文档站点介绍sora
大家好,我是yma16,本文分享关于Docusaurus框架——快速搭建markdown文档站点介绍sora。Docusaurus是什么?Docusaurus 是用 JavaScript 开发的,是一个开源的静态网站生成器,并使用了一些流行的 JavaScript 库和框架,如 React、Webpack 和 Babel,旨在帮助开发者快速搭建易于维护和部署的文档网站。它是由 Facebook开源并持续维护的项目。原创 2024-02-24 01:08:35 · 26221 阅读 · 57 评论 -
前端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 · 27258 阅读 · 14 评论 -
前端vite+vue3——自动化配置路由布局
大家好,我是yma16,本文分享关于 前端vite+vue3——自动化配置路由布局。背景在inscode写了一个前端vite+vue3+js的项目,路由分配有点乱,现在给这个项目做个优化,路由配置。没有配置路由之前的前端界面。改造之后viteVite是一种基于公有链技术的快速、安全和可扩展的开源区块链项目。它旨在通过使用异步交易模型和基于状态的共识算法来提高区块链的性能和可扩展性。Vite的发展可以追溯到2018年,当时Vite团队发布了Vite。原创 2024-02-07 17:16:22 · 30621 阅读 · 16 评论 -
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 · 26523 阅读 · 21 评论 -
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
大家好,我是yma16,本文分享关于 vue3+echarts应用——深度遍历 html 的 dom结构并使用树图进行可视化。深度遍历树的深度遍历算法有两种方式:先序遍历和后序遍历。先序遍历(Preorder Traversal)是指先访问根节点,然后递归地先序遍历左子树,再递归地先序遍历右子树。后序遍历(Postorder Traversal)是指先递归地后序遍历左子树和右子树,然后访问根节点。html结构解析html的标签成对出现可以用栈的数据结构来存储。原创 2024-01-08 01:01:58 · 38338 阅读 · 33 评论 -
如何写html邮件 —— 参考主流outook、gmail、qq邮箱渲染邮件过程
大家好,我是yma16,本文分享关于 如何写好具备兼容性的html邮件。背景由于安全因素,导致 outlook和gmaiil的客户端html邮件不兼容 css 外链,qq邮箱也不支持渲染html中body之外部分即不兼容class选择器样式,也不支持script加载js,不兼容div 存在 flex的布局。因为在不同的环境下html邮件的渲染存在差异,所以即使是使用大模型也顶不住html邮件的编写,二十几年前的html语法。原创 2024-01-07 22:54:52 · 16467 阅读 · 2 评论 -
vue3+echarts可视化——记录我的2023编程之旅
大家好,我是yma16,本文分享关于 vue3+echarts可视化——记录我的2023编程之旅。数据来源回顾2023,我在gitcode、gitee、github上的提交记录数据回顾2023,我在csdn发布的文章数量回顾2023,我在csdn的粉丝量回顾2023,我的博客社区数量前端截图以上是我2023的可视化数据可视化分析可视化分析是通过图表、图形、地图等可视化的方式呈现数据和信息的分析方法。原创 2024-01-02 07:21:14 · 41267 阅读 · 21 评论 -
前端——html拖拽原理
大家好,我是yma16,本文分享关于 前端——html拖拽原理。vue3系列相关文章:vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示让大模型分析csdn文章质量 —— 提取csdn原创 2023-12-05 01:36:46 · 30291 阅读 · 6 评论 -
前端vue3——html2canvas给网站截图生成宣传海报
大家好,我是yma16,本文分享关于 前端vue3——html2canvas给网站截图生成宣传海报。vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示。原创 2023-11-26 01:58:47 · 27871 阅读 · 11 评论 -
node实战——koa实现文件上传
大家好,我是yma16,本文分享关于node实战——node实战——koa实现文件上传。本文适用对象:前端初学者转node方向,在校大学生,即将毕业的同学,计算机爱好者。node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建(渲染html、json)node笔记_读文件node笔记_写文件node笔记_连接mysql实现crudnode笔记_formidable实现前后端联调的文件上传。原创 2023-11-20 00:02:48 · 25977 阅读 · 11 评论 -
node实战——koa实现文件下载和图片/pdf/视频预览(node后端储备知识)
大家好,我是yma16,本文分享关于node实战——koa实现文件下载和图片预览。本文适用对象:前端初学者转node方向,在校大学生,即将毕业的同学,计算机爱好者。node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建(渲染html、json)node笔记_读文件node笔记_写文件node笔记_连接mysql实现crudnode笔记_formidable实现前后端联调的文件上传。原创 2023-11-12 23:59:38 · 24749 阅读 · 17 评论 -
node实战——koa给邮件发送验证码并缓存到redis服务(node后端储备知识)
大家好,我是yma16,本文分享关于node实战——koa给邮件发送验证码缓存到redis。本文适用对象:前端初学者转node方向,在线大学生,应届毕业生,计算机爱好者。node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建(渲染html、json)node笔记_读文件node笔记_写文件node笔记_连接mysql实现crudnode笔记_formidable实现前后端联调的文件上传。原创 2023-11-07 23:54:15 · 21140 阅读 · 22 评论 -
relectron框架——打包前端vue3、react为pc端exe可执行程序
大家好,我是yma16,本文分享关于使用electronjs打包前端vue3、react成exe可执行程序。。前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示vue3 + fastapi 实现选择目录所有文件自定义上传到服务器Electron前端框架。原创 2023-11-03 23:11:07 · 20238 阅读 · 15 评论 -
node实战——后端koa结合jwt连接mysql实现权限登录(node后端就业储备知识)
大家好,我是yma16,本文分享关于node实战——后端koa项目配置jwt实现登录注册(node后端就业储备知识)。本文适用对象:前端初学者转node方向,在线大学生,应届毕业生,计算机爱好者。node系列往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建(渲染html、json)node笔记_读文件node笔记_写文件node笔记_连接mysql实现crud。原创 2023-10-28 14:37:05 · 19040 阅读 · 11 评论 -
让大模型分析csdn文章质量 —— 提取csdn博客评论在文心一言分析评论区内容
大家好,我是yma16,本文分享关于 让大模型分析csdn文章质量 —— 提取csdn博客评论在开源大模型分析评论区内容。vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示。原创 2023-10-24 23:59:16 · 19087 阅读 · 32 评论 -
vue3 + fastapi 实现选择目录所有文件自定义上传到服务器
大家好,我是yma16,本文分享关于vue3 + fastapi 实现选择目录文件上传到服务器指定位置。vue3系列相关文章:前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示python系列文章:python爬虫_基本数据类型python爬虫_函数原创 2023-10-21 14:13:54 · 21137 阅读 · 24 评论 -
前端 vite+vue3——写一个随机抽奖组件
大家好,我是yma16,本文分享关于前端 vite+vue3——写一个抽奖随机组件。前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示vue3Vue3是Vue.js框架的下一个主要版本。原创 2023-10-11 01:10:35 · 26762 阅读 · 15 评论 -
前端 富文本编辑器原理——从javascript、html、css开始入门
大家好,我是yma16,本文分享关于前端 富文本编辑器原理——从javascript、html、css开始。富文本编辑器富文本编辑器是指具有格式化文本和图像编辑功能的文本编辑器Contenteditable属性Contenteditable是一种HTML属性,用于指定页面中的元素是否可以编辑。以下是Contenteditable的总结:Contenteditable属性可以应用于HTML元素上,如div、span、p、h1等等。原创 2023-10-05 18:17:30 · 34833 阅读 · 6 评论 -
华为云云耀云服务器L实例评测|centos7.9 配置python虚拟环境 运行django
大家好,我是yma16,本文分享关于华为云云耀云服务器L实例评测|centos7.9配置python虚拟环境 运行django。原创 2023-09-24 17:56:24 · 33738 阅读 · 4 评论 -
华为云云耀云服务器L实例评测|centos7.9配置java环境变量安装tomcat 部署war和jar
大家好,我是yma16,本文分享关于华为云云耀云服务器L实例评测|centos7.9安装mysql并开启远程访问。该系列往期文章[华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目]华为云云耀云服务器L实例评测|centos7.9在线使用cloudShell下载rpm解压包安装mysql并开启远程访问jdk和jar的区别。原创 2023-09-24 12:30:00 · 33620 阅读 · 7 评论 -
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
大家好,我是yma16,本文分享关于前端react整合ckeditor——配置插件、自定义toolbar工具栏。react-grapesjs——开源代码学习与修改(初出茅庐)react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html【腾讯云 Cloud studio 实战训练营】搭建Next框架博客——抛开电脑性能在云端编程(沉浸式体验)博客搭建_react-markdown渲染内容博客搭建_登录注册博客搭建_初始化next项目关于ckeditor。原创 2023-09-24 02:50:01 · 34234 阅读 · 6 评论 -
华为云云耀云服务器L实例评测|centos7.9在线使用cloudShell下载rpm解压包安装mysql并开启远程访问
大家好,我是yma16,本文分享关于华为云云耀云服务器L实例评测|cento7.9安装mysql并开启远程访问。该系列往期文章华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目centos7_安装mysql8(局域网访问navicat连接)mysql发展历史MySQL是一种开源关系型数据库管理系统(RDBMS),主要基于SQL语言用于存储和查询数据,是世界上最流行的数据库之一。原创 2023-09-18 01:05:15 · 33921 阅读 · 9 评论 -
前端vue3分享——项目封装axios、vite使用env环境变量
大家好,我是yma16,本文分享关于前端vue3分享——项目封装axios、使用env环境变量。csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包什么是axiosaxios是一个流行的JavaScript库,用于在浏览器和Node.js环境中进行HTTP请求。下面是axios的原理:Axios是基于Promise构建的,它可以使用async/await,因此在发出请求时,返回的是一个Promise对象。原创 2023-09-16 20:37:01 · 37780 阅读 · 9 评论 -
华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目
大家好,我是yma16,本文分享关于华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目。什么是云服务器华为云发展历史华为云是华为技术有限公司旗下的云计算服务品牌,在国内外均有较高的知名度和市场份额。2011年:华为开始筹备云计算事业部,成立了云计算战略委员会。2012年:华为推出了云计算解决方案,并开始在国内外投放云计算广告。2013年:华为云发布了第一个云计算产品——“华为云计算平台”,并在国内与阿里云、腾讯云等厂商展开了竞争。原创 2023-09-14 01:31:59 · 35614 阅读 · 11 评论 -
react-grapesjs——开源代码学习与修改(初出茅庐)
大家好,我是yma16,本文分享关于react-grapesjs——源码学习。react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑htmldeps的类型修改开源代码的步骤如下:首先要获取并安装开发环境。这包括编译器、文本编辑器和版本控制软件等。Fork开源项目,即在GitHub或其他代码托管平台上复制一份项目,这样你就有了自己的独立分支。在你的本地机器上克隆你所Fork的项目。通过clone命令将整个项目下载到你的本地机器上。创建新的分支。原创 2023-09-06 01:34:33 · 35665 阅读 · 10 评论 -
前端vue2、vue3去掉url路由“ # ”号——nginx配置
大家好,我是yma16,本文分享关于vue2、vue3去掉url路由 # 号——nginx配置。html的 hash模式HTML的hash模式指的是URL中的锚点部分(#后面的内容)被用于在单个页面中显示不同的内容,而不是导航到不同的页面。在这个示例中,#about部分是一个锚点,用于在页面上显示关于页面的内容,而不是导航到一个新的页面。在使用hash模式时,可以使用JavaScript监听hashchange事件,以便在锚点改变时执行相应的操作。原创 2023-08-27 10:13:14 · 44347 阅读 · 5 评论 -
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
大家好,我是yma16,本文分享关于vue、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件。react渲染原理React 是一个基于组件的 JavaScript 库,用于构建用户界面。React 的主要原理是将用户界面抽象为一组嵌套的组件,每个组件都拥有自己的状态和行为。当组件的状态发生改变时,React 会自动重新渲染组件,并将更新后的组件插入到 DOM 树中。原创 2023-08-21 00:44:59 · 36148 阅读 · 5 评论 -
react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html
大家好,我是yma16,本文分享关于react搭建在线编辑html的站点。react 发展历史React是由Facebook开发的一种JavaScript库,用于构建用户界面。React最初发布于2013年,并在2015年开源。以下是React框架的历史:2010年,Facebook开始使用XHP框架,使PHP代码生成HTML和JSX代码。Facebook的前端工程师Jordan Walke开始研究在JavaScript中实现类似的功能。原创 2023-08-06 23:23:11 · 36747 阅读 · 15 评论 -
【腾讯云 Cloud studio 实战训练营】搭建Next框架博客——抛开电脑性能在云端编程(沉浸式体验)
大家好,我是yma16,本期给大家分享CloudStudio搭建Next框架博客_抛开电脑性能在云端编程。next.js系列的往期文章博客搭建_初始化next项目博客搭建_登录注册博客搭建_react-markdown渲染内容Electron知识Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。原创 2023-07-31 00:56:55 · 218349 阅读 · 9 评论