�H�-CSDN博客

原创 vue-组件通讯的方式

父子组件通信绝大部分vue本身提供的通信方式，都是父子组件通信prop最常见的组件通信方式之一，由父组件传递到子组件event最常见的组件通信方式之一，当子组件发生了某些事，可以通过event通知父组件style和class父组件可以向子组件传递style和class，它们会合并到子组件的根元素中示例父组件<template> <div id="app"> <HelloWorld style="color:red" c

2021-11-09 14:53:23 76

原创探究JS的数据类型以及它们的存储方式

在js中，数据类型可以分为原始类型和引用类型原始类型：number、string、Boolean、undefined、null、symbol（ES6新增）bigint，并且原始值在内存的分配位置是在栈中(栈特点是先进后出，先进来的永远在栈底)例如：变量a=1，在栈中的分配分配一个空间对应值10011002a1当变量b=a（值的拷贝），此时内存在栈中的存储方式分配一个空间对应值1001b1a1当a=2，并不会影.

2021-01-28 21:00:03 161 2

原创 CSRF跨站请求攻击

CSRF：跨站请求攻击，本质就是利用正常用户作为媒介，模拟用户操作去攻击用户登录过的正常网站原理：1、用户登录正常网站，拿到令牌存储在cookie中2、用户访问恶意站，恶意网站通过某种形式请求用户登录过的网站（伪造请求），强迫用户携带令牌去请求正常网站，从而进行一些恶意操作。了解了什么是CSRF，可以从以下几个方面去防御1-cookie中的SameSite（对于太旧版本的浏览器无效，谷歌51版本以上有效，ie6不支持）原理：（cookie只能在我自己的页面A（同一个域）发送给我B，不能在.

2021-01-21 23:55:00 219

原创 vueRouter原理

前端路由分为两种模式，分别是hash模式和history模式hash模式原理实现是通过监听hashchange的改变进行无刷新渲染history原理通过调用history.pushState（无刷新插入历史状态，更新url）更新url，并且监听popstate回退键事件进行渲染1-hash模式 <-- router-link --> <a href="#/">首页</a> <a href="#/about">关于</a>.

2021-01-18 17:51:25 77 1

原创 vue响应式原理

响应式原理步骤:1、封装对象响应式defineReactive函数(步骤：① 递归 ② Object.defineProperty())2、数组的响应式(数组方法重写)① 将数组原型保存出来Array.prototype② 复制一份数组的原型，用来进行数组方法的重写，防止污染原有的数组原型Object.create()③ 枚举所有数组方法，将数组方法进行重写3、封装监听observer函数，监听某些数据的变化，判断监听的是数组还是对象，步骤：对象：①枚举对象，调用defineReactiv.

2021-01-17 17:31:35 65