自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 跨域页面传参

URL传参优点:可以携带参数收藏B页面为浏览器书签缺点:通过URL的方式传参有字符限制,只能传递较少的数据,而且暴露在URL上// A页面window.location.href = 'http://b.com?token=123&userName=用户名' // 在当前页打开window.open('http://b.com?token=123&userName=用户名') // 在新窗口打开// B页面function getParams(key) { con

2022-02-27 12:30:45 2139 1

原创 http缓存

http缓存分为以下两种(两者都是通过response header控制缓存)1.强制缓存2.协商缓存强制缓存设置过期时间,时间未过期就从客户端缓存获取资源,无需再向服务器发送请求cache-control: max-age=31536000, public, immutable属性备注max-age=31536000有效期为31536000秒(1年)public客户端和代理服务器都可以缓存该资源(刷新后发起http请求)private只有客户端可缓存

2022-02-27 12:30:10 207

原创 JavaScript 强引用和弱引用

众所周知,在JavaScript的内存管理技术中,不再被再引用的对象会被自动删除在ES6中引入了两种新的数据结构WeakMap和WeakSet的弱引用集合,在一些极端的复杂情况下,可以更灵活的控制内存回收的方式,从而避免内存泄露的原因//强引用let user = { name: '小明', age: 18 }let person = useruser = nullconsole.log(user) // nullconsole.log(person) // { name: '小明', age

2022-02-27 12:25:32 790

原创 JavaScript 对象池(object pool)

优点: 提升性能缺点: 占用内存总结: 内存换性能应用场景: 需要频繁创建和销毁开销大的操作, 如DOM元素, 复杂对象const objectPool = (() => { const pool = [] return { // 创建 create() { if (pool.length > 0) return pool.pop() const div = document.createEl

2022-02-27 12:24:24 1225

原创 函数柯里化

把接收多个参数的函数转换成只接收一个参数的函数,并返回一个的函数,这个过程叫柯里化 (做到最大程度上的复用)参数复用延迟计算动态创建例一:获取URL// 普通函数function getUrl(protocol, host, path) { return `${protocol}://${host}/${path}`}const baiduIndex = getUrl('https','www.baidu.com','index') // https://www.baidu..

2022-02-27 12:23:13 183

原创 ES6新特性

新特性概述语法备注常量与变量const / let块级作用域模板字符串``解构赋值const {a} = data对象字面量简写const data = {a,b,c}forEach循环forEach((item, index)=>{})for…of循环for…of解决for…in的痛点(只循环访问对象中的值)展开运算符…item箭头函数() => {}call() / apply() / bind

2022-02-27 12:20:20 178

空空如也

空空如也

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

TA关注的人

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