- 博客(48)
- 收藏
- 关注
RSS订阅原创 深入React Hoooks：从基础到自定义 Hooks
自定义 Hook 是一种复用代码的有效方式，能让我们将组件逻辑提取到可重用的函数中。自定义 Hook 是一个以 “use” 开头的函数，这个函数可以调用其他的 Hook。我们的useInput同时返回了当前的值和一个处理改变的函数，其可以直接在表单输入中使用。return (</form>我们的Signup组件使用useInput自定义 Hook 来处理 name 和 email 字段。提交表单时将打印出这两个字段的值。
2024-06-03 22:11:34
609
原创 WebCodecs：流畅的视频编码与解码方法
WebCodecs 是一项新的浏览器API，提供了低延迟、高效度的视频和音频编解码方法，加深并拓宽了我们对多媒体内容的控制。
2024-05-27 09:48:39
492
原创 探索VuePress: 构建静态站点的优秀工具
首先，在你的 VuePress 项目中，你需要创建一个目录存放自定义主题相关的文件。├── docs最后，你需要在现在，当你在本地运行你的VuePress站点时，你会发现它应用了你的自定义主题。上述步骤只是创建并使用自定义主题的基础，你可以依据你的需求使用 Vue 和 VuePress 的 API 对其进行更多自定义。VuePress为开发者提供了一种简单又灵活的方式构建静态站点。这只是个开始，VuePress还有很多有趣的功能等待你去挖掘。
2024-05-19 17:25:22
284
原创 使用 TensorFlow.js 和 OffscreenCanvas 实现实时防挡脸弹幕
在 worker 端，我们会从 mask 图像中剔除人脸部分，然后在这部分绘制白色，产生弹幕的“遮挡效应”。我们将使用 TensorFlow.js 的 Body-segmentation 库来完成面部识别部分，并使用 OffscreenCanvas 来绘制更新后的图像。首先，要理解我们的目标，我们将实时获取视频中的面部区域并将其周围的内容转为不透明以制造出弹幕的“遮挡效应”。在 worker 中，我们需要接收主线程传来的信息，并进行绘制。首先，我们需要导入所需的库并配置我们的模型。
2024-05-12 17:35:25
343
原创 react入门基础
React------- 用于构建用户界面的JavaScript库/一个将数据渲染为HTML视图的开源JavaScript库React最近在用vue3写项目，抽空看了点关于react的教学视频，感觉vue和react的相似之处还是挺多的，希望后面能够再接再厉把项目写好，把react学的更完善一些。
2024-04-21 16:56:14
488
1
原创 使用WebRTC实现简单直播
结合 WebSocket，我们可以构建一个简单的直播系统，让用户能够发布自己的实时视频流，同时允许其他用户观看。请注意，这里我们并没有展开实际的 WebSocket 服务器实现细节和完整的信令流程，这需要根据你的后端技术栈来设计和实现。总结来说，结合 WebRTC 和 WebSocket，我们可以创建一个基础的直播平台，允许用户实时分享和观看视频流。在实际生产环境中，我们可能还需要考虑到性能优化、错误处理、多用户连接管理、用户鉴权和数据加密等问题，以确保系统的稳定性和用户的安全。接下来，我们需要设置一个。
2024-03-31 16:49:52
721
原创 Vue 3 + TypeScript + Vite的现代前端项目框架
随着前端开发技术的飞速发展，Vue 3、TypeScript 和 Vite 构成了现代前端开发的强大组合。这篇博客将指导你如何从零开始搭建一个使用Vue 3、TypeScript以及Vite的前端项目，帮助你快速启动一个性能卓越且类型安全的现代化Web应用。Vue 3 是一款渐进式JavaScript框架，广受前端开发者的喜爱。结合TypeScript的静态类型检查，可以大幅提升代码的质量与维护性。
2024-03-24 16:47:43
455
原创 蓝桥杯--平均
问题描述如下：对于一个长度为n的数组（n是10的倍数），数组中的每个元素均为区间内的整数。随着时间的推进，我对算法的理解将会更加深入，而我相信，在这个过程中，我不仅会成为一个更出色的程序员，也将不断增强解决实际问题的能力。在无数次的调试、优化后，我的算法成功通过了所有测试用例，并且在实际比赛中取得了不错的成绩。在编程实践中，我遇到了一些边缘情况，比如当多个数字的出现次数都超出或低于目标频率n/10时，选择哪一个调整就变得更为微妙，我不得不在算法中添加额外的逻辑来处理这些情况。
2024-03-17 18:59:07
463
原创 使用Vue.js开发前端项目
Vue具有丰富的特性和工具，使得构建用户界面变得简单而愉快。从创建项目到编写组件，再到最终部署，Vue都为开发者提供了高效的支持。
2024-03-10 17:42:52
392
原创 Vue-RuoYI框架实训学习
在前端开发的学习之旅中，我有机会深入探索了RuoYi框架。RuoYi是一个基于SpringBoot后台和Vue前端技术栈的快速开发平台。它集成了大量的前后端分离的开发实践，是一款高效、简洁、扩展性强的中后台前端解决方案。通过学习和实践RuoYi框架，我获得了丰富的经验和宝贵的技能，进一步加强了我作为前端开发者的能力。
2024-03-03 17:17:24
610
原创 Vue学习常见问答
MVVM（Model-View-ViewModel）是一个软件架构设计模式。其推进了前端开发与后端业务逻辑的分离，极大地提高了前端开发效率，MVVM分为三层View 视图层，也就是构建出来的用户页面Model 数据层，存放数据的状态ViewModel 视图数据层，是MVVM模式的核心层，作为其余两层的中间枢纽，更新视图层并操作改变数据层的状态。computed 默认为懒执行，dirty 为 true。watch 有immediate 配置，可以实现立即执行一次callback(回调函数).computed
2023-12-24 20:08:09
1094
原创 实现前端指纹登录的简单示例
如今的指纹识别已经充分运用到平板、笔记本电脑、手机甚至在用户支付中也是大有造诣，所以指纹作为我们用户独属于自己的身份识别信号也是相当重要的，正是这种独特的身份信号保存着我们的隐私信息。请注意，这只是一个简单的演示示例，实际中可能需要更复杂的逻辑和安全性措施来保护用户的指纹数据。在实际应用中，建议使用后端服务器来处理指纹数据的存储和验证，以确保数据的安全性。用户可以点击 "录入指纹" 按钮来录入指纹，然后在之后的登录过程中点击 "指纹登录" 按钮进行指纹认证。在现代网页应用中，用户验证是非常重要的一环。
2023-12-17 21:19:04
1121
原创 使用AOS实现网页动画效果
AOS是一个基于CSS3和JavaScript的动画库，它专注于为网页元素添加滚动动画效果。通过AOS，我们可以实现元素在进入或离开视口时的各种动态效果，比如淡入、滑动、旋转等。AOS的优点在于简单易用，无需编写复杂的动画代码，只需通过简单的配置就能实现惊艳的滚动动画效果。AOS作为一个强大的动画库，为网页开发者提供了一种简单易用的方式来实现滚动动画效果。通过引入AOS库、添加AOS动画效果和初始化AOS，我们可以轻松地为网页元素添加各种惊艳的动画效果，从而提升用户体验和页面交互性。
2023-12-03 22:49:22
1914
1
原创 使用echars实现数据可视化
Echarts是一个基于JavaScript的开源可视化库。它提供了各种图表类型（如折线图、柱状图、散点图、地图等）和交互组件（如数据区域缩放、拖拽、动态数据更新等），能够帮助使用者快速构建并展示数据可视化效果。在上述概念中提出了数据可视化——数据可视化是指将数据以图表、图形、地图等可视化的形式展现出来，以方便用户更加直观地分析数据。Echarts是一个强大的数据可视化库，可以帮助用户快速构建并展示数据可视化效果。
2023-11-26 21:23:09
1391
原创 事件冒泡和事件捕获
事件冒泡和事件捕获都是为了解决在嵌套元素中处理事件的问题，它们可以根据实际需求选择使用。事件委托则是一种利用事件冒泡机制的技巧，可以简化代码并提高性能，在事件流中都有着重要作用。
2023-11-19 21:33:49
46
原创 私有变量和特权方法
/私有变量和私有函数//特权方法num++;很明显在上面的模式下，在构造函数内部定义了私有变量和函数，然后又创建了能够访问这些私有成员的特权方法，这就实现了在创建函数实例后，只能通过fun()函数去访问实例中的私有变量和私有函数。有权访问私有变量的公有方法叫做特权方法。可以使用构造函数模式、原型模式来实现自定义类型的特权方法，也可以使用模块模式来实现单例的特权方法。
2023-11-12 21:29:36
55
原创 矩形面积算法
这周对大一进行了java基础考核，感觉成绩不是很理想，现在也算是明白了学长学姐的感受了，但这也是他们刚刚开始。对于我而言也要加快自己的脚步，紧紧跟着大部队，在项目和学习中不断完善自我，听学长说到了大三前端需要学习的地方更多，但现在基础都很薄弱的我就需要多多复习原来的知识，所以就给自己建立了一个小的计划：博客拯救计划每周多抽出一点时间对原来的博客增加一些新的理解和补充，同时也算是复习知识，当然也想着去提高一下自己的阅读量。
2023-11-05 21:52:57
148
1
原创 浅谈闭包问题
官网给出的解释是闭包（closure）是一个函数以及其捆绑的周边环境状态（词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。em ~有点难懂，我认为的闭包是一个嵌套的内部函数引用了嵌套的外部函数的参数或者是变量就形成了闭包下面是一个简单的闭包实例let str = "今天天气不错";interior();exterior();// 今天天气不错。
2023-10-29 21:29:26
51
原创 模板引擎的基本使用方式
介绍 - art-templateart-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。模板引擎好用的地方还有很多，还需要我在写项目中慢慢摸索，下一周要把更多的精力放到项目上了，要加油了。
2023-10-22 17:30:02
76
2
原创 JS高级复习
内存泄漏指的是在程序中分配的内存空间没有被正确释放，导致这些内存无法再被程序的其他部分使用， 进而占用了系统的内存资源。通过创建闭包可以将外部函数的变量和方法不与外界相冲突，保证了只有内部函数可以访问，提高了代码的可维护性。闭包可以用于模块化开发，避免变量全局污染，并且提供了对外界的访问限制，增加了代码的可重复利用性。当一个嵌套的内部函数引用了嵌套的外部函数的变量/函数时，就产生了闭包。== 是比较二者的值，而 === 比较的是二者的值和类型。内存占用，内存泄漏(能不用就不用，用了就及时释放)
2023-10-15 17:38:27
45
原创 vue 实现组件间通信
1. Props和自定义事件：- 父组件通过props将数据传递给子组件。- 子组件通过$emit触发自定义事件，并将数据传递给父组件。这种方式适用于父子组件之间的通信。2. $refs：- 父组件可以使用ref来引用子组件，并通过$refs访问子组件的方法和数据。- 子组件可以通过$parent和$root访问父组件和根组件。这种方式适用于父组件主动调用子组件的方法或访问子组件的数据。对于简单的组件通信，props和自定义事件是常用的方式；
2023-10-08 23:42:16
51
原创 UI-提示的封装
在平时写项目的时候总会遇到各种弹窗，这些弹窗当然不算难写，但其代码数量之多，以及重复率很高，所以我就想着使用一个函数和css对我们常见的提示性弹窗进行了封装，可以重复调用，并且也可以有效的提高服务器解析html的效率。在JS代码中需要注意的是，当调用时需要为其设置默认属性，以保证在使用时出现了类型错误导致无法调用，并且提醒用户需要更改信息以保证代码的正常运行。值得注意的是我们在设置ui的class类名和函数名时需要稍微复杂繁琐一点，这样可以有效的避免在函数声明的时候实现命名重复的错误。
2023-09-24 10:49:34
44
原创 今日博客小结
关于这次考核，学长学姐都很生气，生气到学长在改考核试卷的时候，我明明就坐在学长的后面，但学长还是批了我（学长，真是一点都不背点人呀😭），但学长说的也没错，在正规考试中我早就被淘汰了，还是有太多的细节和规范需要注意，但最重要还是锻炼我自己的算法能力，就算是用暴力破解法也要写出来。所以我的看法是可以先尝试使用暴力破解法写题，当在刷到这道题时再去考虑优化代码和找寻最小时间和空间复杂度的方法，暴力破解法可能是一道复杂题的入门，但循规蹈矩还是要多写多练！害，我的算法和我的排球一样烂的令人难以启齿。
2023-09-17 19:52:21
44
原创 关于我的‘新思考’
看来真的是需要做出改变了，学长和我们说我们的时间也不多了，但我心想‘可是我才刚上大二呀’，但事实上就是‘我已经上大二了’。这几天从小组回宿舍的路上看到还有人在图书馆前背英语（那时已经快10：30），声音并不算大，但却直击内心深处——考研似乎成了当代高校学子改变自己的主流，但也是需要不断的接受‘内卷’才能有那轻微的突破。答案并非是唯一的，唯有逆水行舟‘卷’起惊涛骇浪，是目标，亦是远见，但随波逐流考取功名也是情怀，是现实，没有人需要被定义成行舟和水流，但都是需要书山有路勤为径，学海无涯苦作舟。
2023-09-10 09:55:54
70
1
原创 项目小结嘞
今天是项目考核完后的第二天，在昨天的全员找bug的考核形式下，让我总是压抑不住内心的笑意——低级错误，明明自己可能顺手就能解决的事情却还是拖到了考核的时候出现了，感叹自己愚蠢的同时，有感觉自己有着很大的干劲想快点完善自己的项目。在写项目的时候肯定会遇到点击事件，普通的点击事件还好，但当我们遇到发送一类的点击事件就可能导致用户手快连续发送多条的情况。即在用户点击按钮后延迟执行点击按钮后的事件可以有效的解决上述问题，两者一起用，效果更佳哦。所以今天想要分享的是在我项目中找到的痛点——点击时间的防抖。
2023-08-20 16:07:44
63
2
原创 小小小小结
这周我们组织了一场聚餐活动，写了一些关于链表的算法题，果然，我对java的知识还停留在基础，还待努力，争取在下次招新之前能够让自己的实力有一个大的提升（可千万不能给我们这一届学长丢脸呀）继续跟进项目，加油，努力。这周学校有一场关于单片机的比赛，虽然与我无关，但听一位不愿透漏姓名的“人士”说不简单，很多知识没学过。从进入小组学习到现在，发生了很多事情，但前面的风景很好看 我的意思是别回头，正少年时光，何惧岁月苦难。啊，破防了，那该死的记忆突然攻击我(蓝桥杯)，看来无论在哪方面都要有坚实的基础才行呀。
2023-08-06 17:38:56
44
原创 博客计划 启动！
终于熬过了期末周的艰难痛苦，转眼间已经将近一个月的时间没有敲代码了。一日不见，如隔三秋，在从期末周到现在的学习这段时间里，我学习了有关nodeJs和axios的知识，说的是学习了但实际上用的还是不太熟练，看来我需要努力的地方还有很多。今天分享的是一些有关input框的动画。
2023-07-30 16:11:32
55
2
原创 期末月的“临时抱佛脚”
在本周的学习中，更多的在于对其他学课的复习，在接下来的学习中还是复习为主，在过了期末月后学习nodeJs来完善自己的项目。“^”表示 如果直接npm install 将会安装 文件的2.*.*的最新版本。把系统分成各个独立的部分，每个部分单独实现功能，将系统分割为可实现功能的部分。~ 表示如果直接npm install 将会安装 文件的2.1.*的最新版本。但只能引入一个方法，如果引入多个方法后面的方法会将前面的方法覆盖。与非模块开发相比比较繁琐，而且多模块的运行对电脑较大的耗能。（2）模块化开发的优点。
2023-06-11 08:45:20
62
1
原创 前端学习的第105天
3.复习遗忘的JS高级部分和ES6，这个部分已经好久没碰过了，在接下来的时间中不断巩固基础知识，学习新的前端方法，将自己的所学付之到页面和代码上才是我们学习知识的初衷。2.不断向规范要求自己，无论是元素的命名还是git提交文件的命名，对自己的规范要求是非常有必要的，就像学长学姐说的，这是一直在强调的，也应该是我们最基本的要求。提升自己在任何时候都不晚，人要想长久发展，必须想办法不断提升自己，这种无形的财富，是花钱买不到的。1.巩固自己的基础知识，使自己在未来的面试中能够拔得头筹；使用form表单提交内容。
2023-06-04 17:25:16
47
1
原创 前端开发的小动画
前端的小动画也是让用户给我们加分的小‘确幸’，其中肯定包含对CSS伪类和过渡的基本知识，所以在我接下来的项目中，在完成项目的前提下，我将了解更多的css知识。努力使自己的页面变更‘高级’，更能使人眼前一亮的感觉。在前端项目开发中我们可能想让我们的页面更加好看，夺人眼球，简单的小动画是必不可少的，在此我简单的举例两个花朵浮动动画和按钮点击动画。在最近的前端项目过程中，模拟网页总是给予了我太多的惊喜，后端的交互固然重要但对于前端而言，漂亮的页面不正是我们所向往的吗？
2023-05-29 09:20:38
154
1
原创 前端项目的后补战
接下来的代码是我在进行多级评论的写的一段代码，我的想法是将回复的评论作为上一级的子元素，于是便在内容的下方添加了接受下一级评论的ul标签，再JS中同样的道理再添加页面的时候也在内容的下方加入ul并将文本框的内容放置再页面中就行了，而对于评论来说，就相对简单很多了，直接再第一级的ul中添加内容就行了。如果大佬还有更多方法还请多多指出，在接下来的一周时间中我将完成前后端的交互以及页面的跳转，使自己的页面不给小组拖后腿，如果时间还够的话，再加一两个功能也是加分项呢，在前端的路上，我还需要走的很长。
2023-05-28 09:21:05
36
原创 前后端项目考核周---啊啊啊，崩溃了
经过长达一月的惊涛洗礼，终于迎来了最后的考核，在最后一天面对n+1个问题时，我们也逐渐乱了阵脚，我们都希望自己的页面再项目上大方光彩，但到最后却发现连页面最基本的跳转都费劲的时候就感觉到无力回天，在考核的今天偏又下了点小雨，真时屋漏偏。当我们为文本设置这些属性时文本就省略的就剩三行了，但当我们想显示文本时就需要为文本添加一个按钮，当点击按钮时文本就显示全部，并且按钮消失,为文本设置底部文字，点击展示全部，再次点击收回。但还是到了写博客的时候，今天的写的博客时关于本次页面项目时发现的问题和解决方法。
2023-05-21 18:38:25
81
1
原创 前端项目练习
在刚开始的时候，我们项目小组有点手足无措，我们都希望能把我们的项目做到最好，但在得到个人的分工后，却发现真正的困难才开始：基础的JS知识不熟，对页面的不了解，部分css的使用不熟练，新的知识的学习，时间规划不合理等等。但好在我们在不断摸索中找到了适合自己的方法和速度，也在不紧不慢的速度中学习新的知识，在面对难题时，我们相互讨论，询问学长学姐，我们正以团结的方式前进，我们相信我们一定可以完成的更好。在接下来的半个月的项目训练中我也将拿出12分的毅力，努力让自己成为前端大神。onresize的使用。
2023-05-07 16:15:11
134
1
原创 前端学习的第九周
终于到了和后端写项目的“高端局”，在学姐对我们负责的项目的讲解过程中，我也对项目的模板有了基本的了解，原来前端不止要负责用户所使用的开发页面，还要负责管理员和上层人员所使用的管理页面。这也使我对页面有了新的认识和了解，在简单对自己负责的页面了解后就开始学习关于布局和页面自适应的方法，努力使自己的页面能最大程度的便利用户的使用。在接下来的一个月中我也要努力学习项目的书写标准，努力加强与后端合作的配合程度，努力使我们的项目得到用户的肯定和广泛使用。在此写一下关于视频的制作。
2023-04-23 12:34:13
61
1
原创 前端学习的第八周
JavaScript高级和ES6的学习计划逐渐步入尾声，但对与他们的学习还仍未结束，ES6和JavaScript的使用会遍历整个前端编程过程，我们都还在路上。在经历两周的在学习过程中，我也逐渐了解到，ES6和JavaScript的学习不能急与求成，否则就会忘了前面的，混了后面的。在编程中不断升级，刷怪（敲代码）才是王道，在其过程中为自己不断地添加装备（学习方法和编程技巧）也是必不可少的，所以在以后的学习中也需要不断努力地肝，早日走出新手村。经过长达八周的编程刷怪，升级，以为有能力可以与boss切。
2023-04-16 11:17:58
49
原创 前端学习的第七周
在本周的学习中我学习了有关ES6和JS高级的相关知识，我在学习ES6的箭头函数遇到的一点问题。但直到当前阶段就发现真香了，在原来可能需要用普通函数十几行的代码，但在箭头函数中可能一两行就可以完成了，大大的减少了代码的书写难度，但需要写好代码还是需要稳扎稳打的基础，所以在接下来一周的ES6和JS高级学习中更应该注重理论和实践的相互结合。在开发中[使用箭头函数前需要考虑函数中this的值]，事件回调函数使用箭头函数时，this为全局的window,因此DOM事件回调函数为了简便，还是不太推荐使用箭头函数；
2023-04-08 22:11:02
59
1
原创 前端学习的第六周
这一周的任务是完善增删改查和登陆页面，本来以为会很简单，但没想到原来有这么多需要改（只能怪自己原来写的太差），通过这一周的学习，我了解到一些关于页面制作时需要考虑的新角度——面对未知的用户要尽力将一切可能“扼杀”在摇篮之中，终于理解为什么编译应用为什么存在“傻瓜式”安装了：专门对付英语不好还逞强的“无能”新手（我）。在倒计时结束时页面再次变为前面的图片,在本周的学习中除了验证码的获取，还进一步学习了ajax的用法，以及如何对返回的数据进行处理，并将其渲染到页面上等。
2023-04-01 21:49:21
40
原创 前端学习的第五周
其中在JS文件中最好不要用Jquery中引入的方法，虽然确实能方便不少，但前期还是以原生的js为主，而且随着编码的不断进步，jquery也逐渐走向下坡路。但最最重要的还是不断地提升自己的实力和为自己创造能改变现状的能力，我们一直都在路上。这周学习了有关scss和Jquery中的ajax请求，并运用ajax请求写了一个关于登录注册的页面。但仍然有很多的不足需要改进，我也希望在后面的学习不断地完善自我，提升自我对编程和前端开发的能力。
2023-03-26 17:13:15
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人