亦世凡华、-CSDN博客

原创 2024年总结的前端学习路线分享（学习导读）

最后让我们来总结一下去年前端学习方面的经验和不足。在去年，我通过阅读书籍、参加课程、完成项目等方式不断深入学习前端技术，掌握了HTML、CSS、JavaScript等基础技能，并且学习了Vue、React等流行的前端框架。我意识到，持续不断地学习是非常重要的，只有不断学习才能跟上技术的发展。同时，我还参与了一些实际项目的开发工作，这让我更好地理解了前端技术在实际应用中的价值和意义。当然去年取得了一个实习的机会，得到了不少的锻炼，大家学习的最终目的也是为了得到一份工作，早早去实习是一个明智的选择！

2024-01-01 20:05:19 5243 19

原创 2023年总结的web前端学习路线分享（学习导读）

以上是博主自学一年前端总结的一些经验，虽然不是特别的准确但是至少能够给刚入学的前端小白一个借鉴的分享，我也会把一些人可能问到的问题总结如下，给大家分享一下我的经历：前端难不难？前端相较于后端语言来说还是比较简单的，不用考虑太多的算法方面知识，如果你的编程能力不是特别的优秀又想从事编程行业，前端可以说是一个不错的选择。前端好就业吗？近几年由于培训机构输出大量的程序员，导致现在前端有一点饱和，人数的众多导致企业对人才的要求也提高了，如果你想从事前端，建议早最准备学习多项技术才能让自己不被淘汰下去。

2023-03-06 18:43:01 21827 100

原创探索 Electron：助力文档操作应用快速落地

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-09-15 12:39:59 729

原创 Vue--》视觉盛宴：提升可视化大屏分辨率适配的技巧

在当今数据驱动的世界中，大屏幕可视化已经成为展示复杂信息的关键工具，然而如何在各种分辨率下保持视觉效果的一致性和清晰度，在这篇文章中，我们将深入探讨如何通过有效的设计和技术策略，确保你的大屏视觉效果在任何分辨率下都能保持最佳状态，准备好迎接视觉上的突破吧！

2024-09-10 22:00:43 120 4

原创 uni-app--》打造个性化壁纸预览应用平台（四）完结篇

⚓经过web前端的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了uni-app专栏，对于想从移动端开发方向进一步发展的朋友，希望看到我文章的朋友能对你有所帮助。搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的。上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。🌇座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

2024-09-08 19:25:57 1199 13

原创 uni-app--》打造个性化壁纸预览应用平台（三）

⚓经过web前端的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了uni-app专栏，对于想从移动端开发方向进一步发展的朋友，希望看到我文章的朋友能对你有所帮助。搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的。上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。🌇座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

2024-09-06 23:58:24 1309 8

原创 uni-app--》打造个性化壁纸预览应用平台（二）

今天开始使用vue3+uni-app搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的github上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（阅读此次项目实践文章能够学习到的技术）：

2024-08-18 20:46:50 1231 14

原创 uni-app--》打造个性化壁纸预览应用平台（一）

今天开始使用vue3+uni-app搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的github上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（阅读此次项目实践文章能够学习到的技术）：

2024-08-17 23:11:32 1578 5

原创探索亚马逊Amazon S3：无缝存储管理与极速数据传输的奥秘

亚马逊云科技中Amazon S3，因其设计简单与高度可靠，允许用户通过互联网存储和检索任意数量的数据，并能够自动扩展以满足各种规模的需求，使得Amazon S3成为了许多云计算应用和网站的核心存储基础设施之一，Amazon S3提供的功能涉及方面众多，今天博主就云存储服务这一方面知识简单讲解一下Amazon S3。

2024-08-05 10:33:28 2074 6

原创 React--》掌握styled-components重塑React样式管理

想象一下，如果你的React组件不仅能自描述其逻辑，还能直接声明自己的样式，这种“所见即所得”的编程体验是不是让人心动不已？styled-components正是这样一把钥匙，它彻底颠覆了我们对React样式管理的传统认知，让样式与组件的结合变得如此自然与和谐。

2024-08-04 22:01:55 1357 7

原创探索 Electron：打造深度书籍挖掘机的搜索体验

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-08-03 15:16:14 509

原创探索 Electron：如何进行网址收藏并无缝收录网页图片内容？

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-07-29 22:26:16 2187 11

原创探索 Electron：构建用户友好的登录页面流程

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-07-27 18:04:03 1350 8

原创 React--》打造可通用的数据可视化Echarts组件

在本篇文章中，波追将探讨如何利用 React 框架和 Echarts 库来打造通用的数据可视化组件，无论是展示复杂的数据趋势，还是创建交互式的图表，React 和 Echarts 的结合将为您的应用带来无限的可能性。

2024-07-25 18:06:29 468 1

原创 Dhtmlx Gantt教程：创建交互式甘特图的完整指南

主要是用来创建和管理甘特图的工具库，甘特图是一种项目管理图表，通过条形图展示任务的开始时间、持续时间和完成进度，同时显示任务之间的依赖关系。Dhtmlx Gantt提供了丰富的功能和可定制选项，开发者可以轻松构建出功能强大、直观清晰的甘特图，用于项目计划和进度管理，从而使得用户可以灵活地配置和显示项目的时间轴、任务列表、资源分配情况等信息。

2024-07-25 14:22:44 3240 10

原创探索 Framer Motion 高级动画技巧：提升前端设计水平

在现代的网页和应用设计中，动画不仅仅是视觉的点缀，更是用户体验的重要组成部分。它能够使界面更具吸引力，提升交互的流畅性，甚至在不经意间传达品牌的个性和态度。然而，要创造出令人惊叹的动效并不容易——直到有了 Framer Motion。本文将带你深入探索 Framer Motion 的奥秘，掌握其核心概念和实用技巧，助你在界面设计的旅程中走得更远。

2024-07-22 11:49:42 1113 7

原创探索 Electron：如何利用Electron和Vite打造高效桌面应用

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-07-21 20:01:55 2692 3

原创探索 Electron：快捷键与剪切板操作

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-07-21 20:01:39 872 1

原创动画革命：Lottie如何改变我们对移动应用交互的认知

在数字世界的浩瀚星空中，每一个像素都跃动着无限创意与想象的火花。当静态的界面遇上动态的魔法，一场视觉盛宴便悄然开启。今天，让我们一同揭开一位幕后英雄的神秘面纱——Lottie，这个在UI/UX设计界掀起波澜的动画利器，正引领着交互体验的新纪元。

2024-07-21 00:38:52 2293 15

原创 GSAP动画魔法：解锁网页设计的无限创意与动感

GSAP是一个功能强大的JavaScript动画库，它提供了丰富的API和工具，帮助开发者在网页、应用和游戏中创建流畅、高性能的动画效果，GSAP以其易用性、跨平台兼容性和卓越的性能而广受好评，是许多前端开发者和设计师的首选动画解决方案。随着Web技术的不断发展和用户对网页体验要求的提高，GSAP将继续发挥其在动画领域的优势，为开发者提供更加高效、易用和强大的动画解决方案。同时，GSAP也将不断更新和完善其功能，以满足不断变化的市场需求和技术趋势。

2024-07-20 20:27:26 1084 1

原创 Umi Max 详解：打造高性能、可扩展的前端应用

UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。

2024-07-19 14:51:14 2122 8

原创 umi路由模块化设计：构建可扩展的前端应用

UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。

2024-07-18 16:40:30 1680 10

原创快速上手企业级前端开发：深入理解 UMI 框架

UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。

2024-07-18 16:40:00 2119 5

原创 Pixi.js技术探索：开发者必备的视觉开发工具

pixi.js是一个开源的轻量级2D渲染引擎，专注于利用WebGL和HTML5中的Canvas技术来实现高性能的交互式图形和动画。它旨在提供一个简单而强大的工具集，使开发者能够轻松地创建各种类型的视觉效果，包括游戏、数据可视化、广告和其他富媒体应用程序。

2024-07-16 16:49:46 1474 10

原创 Canvas：实现在线动态时钟效果

想象一下，用几行代码就能创造出如此逼真的图像和动画，仿佛将艺术与科技完美融合，前端开发的Canvas技术正是这个数字化时代中最具魔力的一环，它不仅仅是网页的一部分，更是一个无限创意的画布，一个让你的想象力自由驰骋的平台。

2024-07-13 09:43:34 997 3

原创探索 Electron：窗口菜单以及生命周期和对话框讲解

/ app应用；BrowserWindow 窗口const win = new BrowserWindow({ // 窗口的配置title: "亦世凡华、",})win.loadFile('./src/index.html') // 加载页面// 自定义菜单选项{ label: '文件', submenu: [{ label: '打开文件', click() {console.log("打开文件")} },{ type: 'separator' }, // 添加一个分割线。

2024-07-11 22:28:07 1072 6

原创 Canvas：实现在线画板操作

想象一下，用几行代码就能创造出如此逼真的图像和动画，仿佛将艺术与科技完美融合，前端开发的Canvas技术正是这个数字化时代中最具魔力的一环，它不仅仅是网页的一部分，更是一个无限创意的画布，一个让你的想象力自由驰骋的平台。

2024-07-10 20:56:15 1560 5

原创 Canvas：掌握图像变换合成与裁剪状态像素操作

想象一下，用几行代码就能创造出如此逼真的图像和动画，仿佛将艺术与科技完美融合，前端开发的Canvas技术正是这个数字化时代中最具魔力的一环，它不仅仅是网页的一部分，更是一个无限创意的画布，一个让你的想象力自由驰骋的平台。

2024-07-10 10:03:01 1156 6

原创 Canvas：掌握颜色线条与图像文字设置

想象一下，用几行代码就能创造出如此逼真的图像和动画，仿佛将艺术与科技完美融合，前端开发的Canvas技术正是这个数字化时代中最具魔力的一环，它不仅仅是网页的一部分，更是一个无限创意的画布，一个让你的想象力自由驰骋的平台。

2024-07-07 22:18:15 1294 8

原创【手撕面试题】React（高频知识点一）

每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。

2024-07-03 21:29:23 944 9

原创 Canvas：掌握贝塞尔曲线与封装路径

想象一下，用几行代码就能创造出如此逼真的图像和动画，仿佛将艺术与科技完美融合，前端开发的Canvas技术正是这个数字化时代中最具魔力的一环，它不仅仅是网页的一部分，更是一个无限创意的画布，一个让你的想象力自由驰骋的平台。

2024-07-02 12:44:35 944 6

原创探索 Electron：将 Web 技术带入桌面应用

Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。

2024-06-29 18:19:59 2805 16

原创 Vue--》从零开始打造交互体验一流的电商平台（四）完结篇

上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识，然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（当然还有许多其他的需要安装的第三方库，这里就不再一一介绍了，在项目中用到的地方自行会进行讲解，大家自行学习即可，现在就让我们走进vue3+ts的实战项目吧。搭建一个电商项目平台，因为文章会将项目的每处代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的。阅读本文章能够学习到的技术。

2024-06-29 13:57:42 132 8

原创 Vue--》从零开始打造交互体验一流的电商平台（三）

今天开始使用搭建一个电商项目平台，因为文章会将项目的每处代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识，然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（：快速轻量且功能丰富的前端构建工具，帮助开发人员更高效构建现代Web应用程序。：高性能、轻量级npm替代品，帮助开发人员更加高效地处理应用程序的依赖关系。

2024-06-20 00:16:37 132 9

原创 Vue--》打造细腻颗粒感 —— 细分组件颗粒图

举个例子：比如你一天中做了很多事情，其中有一件事情做错了，时隔多少天之后，这个错误引发了一个问题，虽然你知道这是什么事情但是经过多少天之后的遗忘，你发现已经忘记不知道是什么地方引发了这个事情出错，这就很费精力的去找引发这个问题的诱因。从上面这位佬(博主) 的写法来看，代码一目了然，挑不出任何毛病出来，但是这仅仅是正常的组件情况，还有非正常的组件情况，也就是我上面描述的，组件逻辑非常复杂，JS含码量极高，出来一开始所说的抽离组件的方式，有没有其它的方法就是单纯的把一个组件中的逻辑抽离出来呢？

2024-06-12 00:29:18 2107 21

原创【手撕面试题】Vue（高频知识点五）

每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。

2024-06-10 21:47:05 803 7

原创【传知代码】上下位关系自动检测方法（论文复现）

在自然语言的处理过程中，上下位关系（Is-a Relationship）是用来描述概念（也被称为术语）间的语义涵盖关系。在这里，上位词（Hypernym）代表了下位词（Hyponym）的抽象和泛化，而下位词则是对上位词的具体化和特定性。以“水果”为例，它与“苹果”、“香蕉”、“橙子”等词是同义的，而“汽车”、“电动车”、“自行车”等词则与“交通工具”相对应。在处理自然语言的任务时，深入理解概念间的层级关系对于执行如词义消歧、信息检索、自动问答和语义推理等任务都是至关重要的：本文复现论文。

2024-06-10 11:51:01 783

原创 Vue--》从零开始打造交互体验一流的电商平台（二）

今天开始使用搭建一个电商项目平台，因为文章会将项目的每处代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识，然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（：快速轻量且功能丰富的前端构建工具，帮助开发人员更高效构建现代Web应用程序。：高性能、轻量级npm替代品，帮助开发人员更加高效地处理应用程序的依赖关系。

2024-06-10 00:58:40 576 2

原创【传知代码】BLIP - VLP任务的新框架（论文复现）

视觉语言预训练（VLP）显著提升了众多视觉语言任务的执行效果。其中，对图像和文本进行分类是一种重要的预训练任务。尽管如此，目前大部分的预训练任务主要集中在基于理解或基于生成的任务上。这些预训练方法都没有考虑到用户对输入的反馈和交互。尽管利用Web收集的带有噪声的图像-文本对来扩充数据集在很大程度上增强了其性能，但这种方法仍然是一个不太理想的监控来源。BLIP代表了一种创新的VLP架构，它能够灵活地应用于视觉语言的理解和生成任务中，在视频解码系统中，字幕的处理非常重要。

2024-06-09 11:46:26 667 1

原创【传知代码】DETR[端到端目标检测]（论文复现）

在进行目标检测时，需要大量手动设计的组件，比如非极大值抑制（NMS）和基于人工经验生成的先验框（Anchor）等。DETR在其文章中，将目标检测视为一个直接的集合预测任务，从而减少了对人工组件设计的依赖，并使目标检测流程更为简洁。当提供一组固定的、可学习的目标查询DETR来推断目标与全局图像之间的上下文关系时，由于DETR没有先验框的限制，这将使其在预测较大物体时表现得更为出色。如下图展示的是DETR的核心框架。由于直接使用了transformer的结构，这导致模型的计算需求增加。

2024-06-08 21:53:54 1486 6

硬核！涵盖所有内容的信息论与编码期末复习提纲

数据库报告-网上图书销售系统.zip

Java实现计算器程序课题设计

空空如也