摩尔庄园07-20-CSDN博客

原创 JS中原型和原型链

构造函数在本质上与普通函数没有什么区别，只不过他是使用了new关键字创建对象的函数，所以被称作构造函数const per1=new Person('张峻豪',17);

2024-04-26 22:02:54 342

原创 Vue3中的响应式原理

由上可知，在vue3的底层原理中，首先通过Proxy(代理)来拦截对象中任意属性的变化，包括属性的读取，增加，修改和删除，通过Reflect（反射）对被进行代理的对象的属性进行操作。vue3中响应式原理的变化就解决了vue2中响应式原理的弊端。

2024-04-16 11:33:56 514

原创 Vue3+TS在setup中通过ref获取子组件实例数据

在完成第一步的基础上，在父组件中调用子组件实例中的某个属性的时候，TS会报错，虽然不会影响运行，要解决TS的报错，就需要来声明子组件实例的类型通过上述代码的声明就可以解决TS的报错.toggle();这样，我们就可以在父组件中通过定义的ref属性访问到子组件定义的类型。

2024-04-14 09:38:46 402 1

原创 Vue3中自定义Ref的使用

在Vue3中，ref()接受一个内部值，它返回的是一个ref对象，这个对象是响应式的，可以更改的，且只有一个指向其内部属性值的属性value。ref()将传入参数的值包装为一个带value属性的ref对象。

2024-04-01 15:08:54 832

原创深度解析Vue3中的computed和watch

点击改变sum的值</button>console.log('sum的值改变了',newValue,oldValue);})<button @click="changeName">修改我的名字</button><button @click="changeAge">修改我的年龄</button><button @click="changeAll">修改我的全部信息

2024-03-27 21:29:12 913 2

前后端在交互的时候，一般如果后端需要前端返回一个文件类型的数据，在一般情况下，前端会有FormData类型的数据格式来进行数据的传输，来上传文件和数据。FormData主要提供了一种表示表单数据的键值对key/value的构造方式，从命名我们可以得出，FormData是专门为表单传输量身定做的类型，但是FormData的功能要比application/json强的多，使用FormData也可以用来传递文件数据，而且在window上也直接挂载了FormData对象，方便我们使用。

2024-03-24 17:31:14 664 1

原创接口请求中POST与PUT的区别

RESTful API它是一种Web API的设计风格和开发方式，它遵循一组约束和属性，其中最重要的是客户端和服务器之间的无状态通信。在RESTful API中，资源通过URI进行标识，并且使用标准的HTTP方法，比如GET,POST,PUT,DELETE等进行操作，以及使用HTTP状态码和一些自定义的错误码来表达状态和错误信息，RESTful API的设计应该具有可读性，可维护性，可扩展性以及可靠性的特点。

2024-03-15 20:45:36 831 1

原创常见网络攻击手段

网络攻击也成赛博攻击，指的是对计算机信息系统，基础设施，计算机网络或者是个人计算机设备的，任何类型的进攻动作，对于计算机和计算机网络来说，破坏，揭露，修改导致软件或者服务失去功能，在没有得到授权的情况下偷取或者是访问任何一个计算机的数据都被认为对计算机和计算机网络的攻击。

2024-03-09 21:52:43 796

原创 Vue组件之间通信(传递数据)的五种方式

（1）.父传子：通过自定义属性来进行传值 (2).在父组件中使用子组件的时候，给父组件添加自定义属性，属性值为传递的数据 (3).在子组件通过使用props接受父组件的数据，props值为一个数组，元素是自定义属性 (4).在子组件中使用传递的数据时与data数据一样代码示例如下：父组件中:子组件中:二.子传父 1.步骤: (1).在父组件中定义修改方法，需要传递的参数 (2).在使用子组件

2024-03-02 15:41:26 714

原创确保Web安全的https

如果在HTTP协议通信过程中使用未经加密的明文，比如在Web页面中输入个人信息和密码，如果这条通信线路遭遇窃听，那么个人信息的密码就暴露了。此外，对于HTTP来说，不管是服务器还是客户端都是没有办法确认通信方的，所以说实际的通信可能并不是和预想的通信方在进行通信，并且还要考虑到接受的报文可能在通信途中已经遭到篡改的情况。所以，为了解决上述问题，我们需要在HTTP中再加入加密处理和认证等机制，我们把添加了加密以及认证机制的HTTP称为HTTPS。

2024-03-02 10:06:01 847

原创 XSS攻击详解

1.盗用cookie，获取用户的敏感信息；2.利用iframe,frame等方式，以用户的身份执行一些管理动作，或者执行一些一般的行为比如说发私信，加好友等；3.在一些访问量极大的页面上进行XSS攻击可以攻击一些小型网站；4.利用一些可被攻击的域或者其它的域信任的特点，以受信任来源的身份请求一些平时不被允许的操作。

2024-02-17 21:20:52 1180

原创前端开发必学的Less实用指南（详细版）

Less(Leaner Style Sheets的缩写)，它是一门向后兼容的CSS扩展语言，Less和Css两者之间是非常像的，因此，如果有CSS基础，学起Less也是比较容易的。Less和其他预处理在本质上都是JS库，这些库的作用是将预处理代码编译成标准的CSS代码，所以我们使用预处理器可以通过多种方式来使用。

2024-02-04 19:36:29 965

原创 ES6语法新特性之扩展运算符

ES6中"..."表示扩展运算符，可以将一个数组转为用逗号分隔的参数序列，扩展运算符的作用是迭代对象并展开到单独的元素当中,所谓的可迭代的对象是指可以使用for...of,foreach类似方法的对象，比如数组，set，map对象。

2024-01-28 09:07:47 684 2

原创 js实现像素小鸟游戏

设置一个总的游戏页面，一个父元素盒子，把提示游戏开始的页面，小鸟的页面，分数显示的页面都在总页面下面写下，也就是用一个大的div来包裹游戏元素。

2023-10-30 21:54:18 78

xllllll___的博客