知识点

本文介绍了前端开发中的几个关键技巧,包括使用装饰器提高代码复用性、理解事件循环中的微任务与宏任务的区别、掌握Flex布局的应用以及对比Cookie、localStorage和sessionStorage的不同特点及其适用场景。

1、装饰器
装饰器是一个函数他可以给类或者属性方法加上一些其他东西操作
实现一些代码的复用大家写习惯之后代码会很简洁

function testable(target) {
// target就是MyTestableclass
target.isok = true; //相当于给MyTestableclass.isok=true//console.log('我是testable函数',target)
/ / console.logk类调用了')
}
////在类或者类属性方法前面写上@函数名就相当于要调用这个函数@testable
class MyTestableclass {
}
@testable
class Person {
}

2.事件循环 先微任务之后在执行宏任务 promise是微任务
在这里插入图片描述
3.flex布局
在这里插入图片描述
在这里插入图片描述
Cookie
将cookie存储在Cookie

在这里插入图片描述
在这里插入图片描述
locastorage sessionstorage cookiel
cookie
1存的数据量小
2默认浏览器关掉就过期了但是可以自己设置过期时间
3不太安全
locastorage
1存的数据量大
2不过期除非你删掉

cookie是很久以前的技术那时候用来存储用户登录现在locastorage 存token来操作

在这里插入图片描述
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值