前端工程学习
文章平均质量分 84
XError_xiaoyu
小白一个还在学习,每个人都有值得我学习的优点,都是我的良师和益友. 阿里云社区的专家博主,华为云云享专家,专注于网络安全和Java后端开发,致力于成为一名全栈工程师。曾获得省级工创和网络安全奖项,并在多个SRC平台上提交有效漏洞,以及获Edu漏洞报送证书。对计算机技术充满热情,略懂C、PHP、Python,Java等后端开发和HTML/CSS/JS/Vue等前端工程技术等等,我坚信实践的重要性,喜欢用行动而非空谈来证明自己。
个人技术博客站:https://xiaoyunxi.wiki/
展开
-
有趣的动画代码分享
平时也会看一些论坛或是公众号文章或是论坛来看一些自己感兴趣的知识来学习,下面是我最近看到的几个有趣的代码片段,分享给大家。原创 2024-08-15 16:32:01 · 239 阅读 · 1 评论 -
从0开始Vue3数据交互之promise详解
前端中的异步编程技术,类似Java中的多线程+线程结果回调!Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。原创 2024-08-14 20:35:28 · 2449 阅读 · 7 评论 -
Vue技术栈-Vue 3 项目组件入门:单文件组件 (SFC)
本文是介绍了一些Vite 构建工具的特性和 Vue 3 的组件化开发方法,介绍了如何创建和管理 .vue 单文件组件,以及在 Vue 3 项目中导入和组织样式的多种方式,希望能够帮助一些初学者理解和学习原创 2024-08-12 18:43:49 · 1025 阅读 · 0 评论 -
使用 Vue3 生成二维码和条形码
本博文通过使用Vue3和相关组件库创建的二维码和条形码生成器的步骤。首先,通过Vite创建工程化Vue项目并安装必要的依赖库,包括qrcode和bwip-js。接着,创建了两个组件:QRCodeGenerator.vue用于生成二维码,BarcodeGenerator.vue用于生成条形码。在App.vue中引入并使用这些组件,实现了一个简单的用户界面,用户可以输入文本并生成相应的二维码或条形码。最后,通过npm run dev启动项目,展示了生成二维码和条形码的效果。原创 2024-08-10 06:00:00 · 1206 阅读 · 0 评论 -
Webpack源码泄露到Vue快速入门
刚好最近学习了Vue和Webpack,回顾一下学习并对Vue的学习过程中对笔记总结进行记录,同时进行思考过程中的理解加入其中,方便自己进行后续的学习和回顾,当然因为这两个内容都和我之前在进行渗透测试中碰到的一种漏洞类型相关,其中很容易碰到资产是关于使用wepack进行打包的,并且存在js.map泄露,在源码泄露中,常见的前端是通过vue进行编写的,顺便加深一下之前渗透过程的印象.webpack是一个JavaScript应用程序的静态资源打包器。原创 2024-05-23 23:21:47 · 2091 阅读 · 0 评论 -
ECMA6Script学习笔记(四)
本文是对自己学习ES6的学习笔记回顾,后面是概要: 本文介绍了ES6中的rest和spread操作符。Rest操作符用于函数参数列表中,允许函数接收任意数量的参数,并将它们存储在一个数组中。Spread操作符则在调用函数或构造数组和对象时使用,允许将数组或对象展开为单独的元素或属性。文章通过代码示例展示了rest操作符如何收集剩余参数,以及spread操作符在合并数组和对象中的应用.原创 2024-07-30 18:40:53 · 384 阅读 · 0 评论 -
ECMA6Script学习笔记(六)
本文是对自己学习ES6的学习笔记回顾,后面是概要:文章深入探讨了ES6模块化处理,强调模块化在提高代码可维护性、可复用性和可扩展性方面的重要性。介绍了ES6模块化的三种导出方式:分别导出、统一导出和默认导出,并通过具体的代码示例展示了如何在module.js和app.js文件中实现这些导出方式。同时,解释了导入时可以使用as关键字进行别名设置,以及如何通过import语句将模块导入到其他文件中。原创 2024-07-31 13:08:59 · 817 阅读 · 0 评论 -
ECMA6Script学习笔记(一)
本文是对自己学习ES6的学习笔记回顾,后面是概要内容neirECMAScript 6(ES6)是2015年发布的JavaScript语言重大更新,引入了箭头函数、模板字符串、let/const声明、解构赋值等特性,提升了开发效率.详细解释了let和const与var的差异,包括作用域、变量提升和全局作用域影响。同时,展示了模板字符串的多行和变量插入功能.原创 2024-07-26 15:27:00 · 1060 阅读 · 0 评论 -
ECMA6Script学习笔记(二)
本文是对自己学习ES6的学习笔记回顾,后面是概要内容:ES6的解构赋值提供了一种从数组或对象中快速提取数据并赋值给变量的语法。数组解构允许按顺序赋值,支持默认值处理缺失元素;对象解构则需要变量名与属性名一致,或通过冒号指定新变量名。此外,解构赋值简化了函数参数的接收,提高了代码的可读性和可维护性。原创 2024-07-26 16:38:56 · 396 阅读 · 0 评论 -
ECMA6Script学习笔记(五)
本文是对自己学习ES6的学习笔记回顾,后面是概要: 本文介绍了ES6中的对象创建和拷贝方法。对象创建方面,ES6通过class关键字支持了面向对象的语法糖,包括属性设置、getter和setter方法、构造器、静态方法以及私有属性的定义。同时,展示了如何通过extends关键字实现类的继承。对象拷贝方面,区分了浅拷贝和深拷贝的概念,并通过示例代码演示了如何使用解构赋值和JSON转换实现深拷贝.原创 2024-07-31 13:05:52 · 432 阅读 · 0 评论 -
Node.js笔记(万字总结)
刚好假期有点时间,最近在学写Vue的同时需要用到node以及webpack的知识,就把自己之前学过的node进行复盘一下,本来用两个小时就可以把笔记整理好的,结果在发布包的时候出现了问题,不知不觉就又搞了一天,😭😭😭,但是收获还是很大的.什么是 Node.js,众所周知 javascript 是在浏览器上运行的脚本语言,主要用来控制 html 元素,即 html dom 对象,是纯粹的 客户端语言。原创 2024-05-26 23:20:38 · 800 阅读 · 1 评论 -
ECMA6Script学习笔记(三)
本文是对自己学习ES6的学习笔记回顾,后面是概要: 本文探讨了ES6中箭头函数的特点和使用。箭头函数简化了函数声明。关键特性是它们不绑定自己的this,而是继承自定义时的上下文。文中通过代码示例阐释了this指向问题,并展示了在实际开发中如何通过打印this来理解其指向。本文通过一个HTML页面的点击事件示例,演示了如何使用箭头函数处理事件和this的指向问题,强调了在不同上下文中this的不同原创 2024-07-30 18:37:53 · 494 阅读 · 0 评论 -
npm的配置和使用
虽然之前在写node.js笔记中有写过一些对npm的介绍,但当时着重于介绍npm构建npm包以及通过npm构建node.js应用,本篇是之前在学前端工程化时的笔记,需要的话可以结合两篇来进行食用,下面的文章,直接在目录中找到npm部分进行查看即可Node.js笔记(万字总结)_nodejs笔记-CSDN博客。原创 2024-08-07 18:24:45 · 1150 阅读 · 0 评论 -
Vue3简单介绍和快速体验
在学习Vue3之前,自己已经学习过的vue2了,在学习Vue3后还是能感觉到2和3在使用和构建方面有一些格式上的不同,但总体学习和使用难度差不多,本篇是学习完Vue3后慢慢对之前学习的Vue3做个回顾,在学习Vue之前,我个人的学习新知识的方法是: 先对学习的知识进行一个简单demo使用. 这里demo可以是通过直接复制别人代码来进行使用,还是照着写都可以,主要是体验一下框架的功能和一些使用的格式,方便后续学习,以及留一个印象,方便后续进行学习过程中加深印象,辅助学习。原创 2024-08-09 06:00:00 · 649 阅读 · 0 评论