自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 vue-组件通讯的方式

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

2021-11-09 14:53:23 110

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

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

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

原创 CSRF跨站请求攻击

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

2021-01-21 23:55:00 265

原创 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 142 1

原创 vue响应式原理

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

2021-01-17 17:31:35 90

原创 lesson4--html-css基础主要知识点

一、文字溢出处理 1.单行文本溢出处理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单行文本溢出处理方法</title> <style> *{ margin:0; padding:0; } .text...

2019-05-18 16:02:37 167

原创 lesson3--html-css基础主要知识点

1.用定位实现两栏布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>两栏布局</title> <style> *{ margin:0; padding:0; } .right{ position...

2019-05-17 17:16:45 213

原创 lesson2--html-css基础主要知识点

1.浏览器的主要内核(有独立研发的内核)                              &nbsp...

2019-05-15 21:50:41 236

原创 lesson1--html-css主要基础知识点

aa

2019-05-12 20:20:17 196

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除