首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WebAPIs学习笔记

异步任务 JS 的异步是通过回调函数实现的 一般来说异步任务有以下三种类型 1、普通事件,如 click、resize 等 2、资源加载,如 load、error 等 3、定时器,包括 setInterval...共享(同一浏览器可以共享) 以键值对的形式存储使用 语法 存储数据:localStorage.setItem(key, value) 获取数据:localStorage.getItem(key) 删除数据...:localStorage.removeItem(key) 存储复杂数据类型存储: 本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地 JSON.stringify...用法跟localStorage 基本相同 自定义属性 固有属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作 自定义属性: 由程序员自己添加的属性,在DOM对象中找不到..., 无法使用点语法操作,必须使用专门的API 获取自定义属性 :getAttribute('属性名') 设置自定义属性:setAttribute('属性名', '属性值') 删除自定义属性:removeAttribute

1K30

跨标签页通信的8种方式(上)

window.onstorage存储在 localStorage 的数据可以长期保留;而当页面会话结束——也就是说,当页面被关闭时,存储在 sessionStorage 的数据会被清除。...另外,localStorage 中的键值对总是以字符串的形式存储。...(需要注意,和 js 对象相比,键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).当存储区域(localStorage 或 sessionStorage)被修改时,将触发 storage... 只读[DOMString] (string)正在更改键的新值url 只读DOMString键更改的文档的地址storageArea 只读[Storage]受影响的存储对象例如,在一个标签页中修改LocalStorage...当一个标签页修改LocalStorage的值时,其他标签页可以通过监听storage事件来获取最新值。

79130
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    京东一面:浏览器跨标签页通信的方式都有什么?

    在这种情况下,可以使用浏览器的localStorage或sessionStorage来存储登录状态,并通过监听storage事件来实现不同标签页之间的状态同步。...这可以通过在localStorage或IndexedDB中存储数据,并借助storage事件或定时轮询来实现数据的同步更新。...在 Web Storage 中,每一次将一个值存储到本地存储时,都会触发一个 storage 事件,由事件监听器发送给回调函数的事件对象有如下图所示: 20230823085308 其中有几个自动填充的属性如下...(data); data = ""; } else { data = e.data; } }; }; IndexDB IndexedDB 是一种在浏览器中用于存储和管理大量结构化数据的...与传统的 cookie 或 localStorage 等存储方式不同,IndexedDB 更适合存储复杂的、结构化的数据,例如对象、数组、键值对等。

    19710

    webapi(六)- BOM

    语法: setTimeout(函数, 延时时间) 注意: setTimeout 仅仅只执行一次,平时省略window 清除延时函数 let timerId = setTimeout(fn , 1000)...: 注册事件 setTimeout setInterval Ajax 事件循环 Eventloop 同步任务由 JavaScript 主线程依次来执行 (所有的js代码都是在主线程执行) 异步任务委托给宿主环境...与浏览器地址栏的操作相对应,如前进、后退、历史记录等 history对象方法 作用 back() 后退功能 forward() 前进功能 go(参数) 参数是1,前进一个页面;参数是-1,后退一个页面 在开发中用的较少...存储数据 localStorage.setItem(key, value) 例如: // 语法: localStorage.setItem('键', '值') localStorage.setItem...') localStorage.removeItem('ha') 复杂数据类型存储 复杂数据类型(object,array等)存储: 本地只能存储字符串, 无法存储复杂数据类型。

    93420

    【c语言】运算符汇总(万字解析)

    : 逗号操作符 , 下标引用 [] 函数调用 () 结构成员访问操作符 . 、-> 其中,赋值运算符和关系运算符作为编程中的基础元素,其概念和用法相对直观易懂,因此在这里我们就不多赘述。...,每三位划分成一部分,并将每一部分换算成一个八进制位即可,最后不够三位的直接换算。...源码、反码和补码 关于源码、反码和补码以及数据存储方式的相关知识,博主在之前的文章中已经进行了详细的介绍: 数据在内存中的存储方式_数据如何在内存中存储-CSDN博客 整数的二进制表示方法有三种...例如: #include int main() { int a = 10; int* p = &a;//将a的地址赋值给p *p = 20;//通过p找到a的值,将之修改为20...逗号操作符 逗号操作符(,)是一种双目运算符,用于按顺序评估两个或多个表达式,并返回最后一个表达式的值。

    64210

    腾讯前端一面常考面试题合集

    Web存储HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储7....它往往与其他通信机制,如信号量,配合使用,来实现进程间的同步和通信。...、对象方法)3.向Js程序传递传递“商品id”、“商品数量”等数据4.存储“商品id”、“商品数量”到浏览器的localStorage中**展示购物车中的商品******1.打开购物车页面2.从localStorage...**完成购物车中商品的购买******1.用户对购物车中的商品完成购买流程,产生购物订单2.清除localStorage中存储的已经购买的商品信息备注1:购物车中商品存储的数据除了“商品id”、“商品数量...备注2:购物车商品除了存储在localStorage中,根据产品的需求不同,也可以存储在sessionStorage、cookie、session中,或者直接向服务器接口发起请求存储在服务器上。

    40030

    阿里前端常考面试题汇总

    那么把这两个二进制加起来会得出 2^-2 * 1.0011(0011 * 11次)0100 , 这个值算成十进制就是 0.30000000000000004下面说一下原生解决办法,如下代码所示parseFloat...(3)时间触发线程 时间触发线程属于浏览器而不是JS引擎,用来控制事件循环;当JS引擎执行代码块如setTimeOut时(也可是来自浏览器内核的其他线程,如鼠标点击、AJAX异步请求等),会将对应任务添加到事件触发线程中...)方法返回的新实例的catch方法7、Promise.race()方法的参数与Promise.all方法一样,参数中的实例只要有一个率先改变状态就会将该实例的状态传给Promise.race()方法,并将返回值作为...在结果计算出来之前或之后注册回调函数都是可以的,都可以拿到正确的值。 Promise 的这个优点很自然。但是,不能使用 Promise 处理多次触发的事件。...fulfilled状态对应的onFulfilled函数 that.onRejectedCallbacks = []; // 存储rejected状态对应的onRejected函数 function

    1.4K40

    百度Web前端技术学院(2)-JavaScript 基础

    相似的函数有 isNaN(), isFinite()。 数组直接量的语法允许有可选的结尾逗号,故 [,,] 只有两个元素而非三个。...循环(迭代)过程 方法 | 描述 filter | 对数组中的每一个元素调用参数中指定的过滤函数,并将对于过滤函数返回值为true的那些数组元素集合为新的数组返回。...localStorage 接替 Cookie 管理购物车,同时也可以存储 HTML5 游戏的一些本地数据。...第一阶段 在页面中,有一个单行输入框,一个按钮,输入框中用来输入用户的兴趣爱好,允许用户用半角逗号来作为不同爱好的分隔。...第二阶段 单行变成多行输入框,一个按钮,输入框中用来输入用户的兴趣爱好,允许用户用换行、空格(全角/半角)、逗号(全角/半角)、顿号、分号来作为不同爱好的分隔。

    2.1K40

    C语言入门基础大全,自学C语言必备知识!

    05 变量 变量就是其值可以改变的量。变量要有变量名,在内存中占据一定的存储单元,存储单元里存放的是该变量的值。不同类型的变量其存储单元的大小不同,变量在使用前必须定义。...9.3 逗号运算符和逗号表达式 — 在c语言中,逗号除了作为分隔符,还可以用作一种运算符----逗号运算符,用逗号运算符将几个表达式连接起来,例如a=b+c,a=b*c等称为逗号表达式。...表达式n的值就是整个逗号表达式的值。上述的逗号表达式的值就是表达式z=4的值4.需要注意的是,逗号运算符是所有运算符中级别最低的。... a=2,b=4,c=6,x,y; y=(x=a+b),(b+c);  printf("y=%d,x=%d",y,x);  } 程序显示结果为:y=6,x=6 讨论:将y=(x=a+b),(b+c);改为...如a=00000011(十进制3),左移4位后为00(十进制48)。 例2:右移运算符“>>”是双目运算符。其功能是把“>> ”左边的运算数的各二进位全部右移若干位,“>>”右边的数指定移动的位数。

    1.8K2118

    医美小程序实战教程(三)

    storage方法解析 ```bash /* 函数里面访问:通过 app.common.name.xxx 访问这里定义的方法或值 函数外面访问:通过 import(如在页面的 handler 引用的例子...localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可以长期保留;而当页面会话结束——也就是说,当页面被关闭时,存储在 sessionStorage...看这个意思就是浏览器有个长期的存储区域可以使用,具体有四个方法可以调用 ```bash localStorage.setItem('myCat', 'Tom');//设置值 let cat = localStorage.getItem...JSON.stringify MDN的解释是 JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串,如果指定了一个 replacer 函数,则可以选择性地替换值...通过异常捕获来处理错误 总结 我们本节介绍了封装的缓存处理方法的基本知识点,学习开发就是先了解知识点,然后看成型的模板对知识点加深印象,当需要使用的时候可以直接复制粘贴模板就变成自己的了。

    70500

    【必读】C语言基础知识大全

    变量 变量就是其值可以改变的量。变量要有变量名,在内存中占据一定的存储单元,存储单元里存放的是该变量的值。不同类型的变量其存储单元的大小不同,变量在使用前必须定义。...逗号运算符和逗号表达式 在c语言中,逗号除了作为分隔符,还可以用作一种运算符----逗号运算符,用逗号运算符将几个表达式连接起来,例如a=b+c,a=b*c等称为逗号表达式。...表达式n的值就是整个逗号表达式的值。上述的逗号表达式的值就是表达式z=4的值4.需要注意的是,逗号运算符是所有运算符中级别最低的。...2,b=4,c=6,x,y; y=(x=a+b),(b+c); printf("y=%d,x=%d",y,x); } 程序显示结果为:y=6,x=6 讨论:将y=(x=a+b),(b+c);改为...如a=00000011(十进制3),左移4位后为00110000(十进制48)。 例2:右移运算符“>>”是双目运算符。

    6.3K104

    C语言零基础入门难发愁,那就快来看看这篇基础整理资料吧

    变量 变量就是其值可以改变的量。变量要有变量名,在内存中占据一定的存储单元,存储单元里存放的是该变量的值。不同类型的变量其存储单元的大小不同,变量在使用前必须定义。...逗号运算符和逗号表达式 在c语言中,逗号除了作为分隔符,还可以用作一种运算符----逗号运算符,用逗号运算符将几个表达式连接起来,例如a=b+c,a=b*c等称为逗号表达式。...表达式n的值就是整个逗号表达式的值。上述的逗号表达式的值就是表达式z=4的值4.需要注意的是,逗号运算符是所有运算符中级别最低的。...int a=2,b=4,c=6,x,y; y=(x=a+b),(b+c); printf(“y=%d,x=%d”,y,x); } 程序显示结果为:y=6,x=6 讨论:将y=(x=a+b),(b+c);改为...如a=00000011(十进制3),左移4位后为00(十进制48)。 例2:右移运算符“>>”是双目运算符。其功能是把“>> ”左边的运算数的各二进位全部右移若干位,“>>”右边的数指定移动的位数。

    78230

    前端高频面试题(四)(附答案)

    数据以函数返回值的形式定义,这样当我们每次复用组件的时候,就会返回一个新的data,也就是说每个组件都有自己的私有数据空间,它们各自维护自己的数据,不会干扰其他组件的正常运行。...因为 async 函数返回一个 Promise 对象,所以 await 可以用于等待一个 async 函数的返回值——这也可以说是 await 在等 async 函数,但要清楚,它等的实际是一个返回值。...的使用场景:有些网站有换肤的功能,这时候就可以将换肤的信息存储在本地的LocalStorage中,当需要换肤的时候,直接操作LocalStorage即可在网站中的用户浏览信息也会存储在LocalStorage...中,还有网站的一些不常变动的个人信息等也可以存储在本地的LocalStorage中(3)SessionStorageSessionStorage和LocalStorage都是在HTML5才提出来的存储方案...异步编程当然少不了定时器了,常见的定时器函数有 setTimeout、setInterval、requestAnimationFrame。

    61440

    【必读】超全的C语言基础知识大全

    变量 变量就是其值可以改变的量。变量要有变量名,在内存中占据一定的存储单元,存储单元里存放的是该变量的值。不同类型的变量其存储单元的大小不同,变量在使用前必须定义。...逗号运算符和逗号表达式 在c语言中,逗号除了作为分隔符,还可以用作一种运算符----逗号运算符,用逗号运算符将几个表达式连接起来,例如a=b+c,a=b*c等称为逗号表达式。...表达式n的值就是整个逗号表达式的值。上述的逗号表达式的值就是表达式z=4的值4.需要注意的是,逗号运算符是所有运算符中级别最低的。...2,b=4,c=6,x,y; y=(x=a+b),(b+c); printf("y=%d,x=%d",y,x); } 程序显示结果为:y=6,x=6 讨论:将y=(x=a+b),(b+c);改为...如a=00000011(十进制3),左移4位后为00110000(十进制48)。 例2:右移运算符“>>”是双目运算符。

    2.1K20

    全国计算机二级C知识点总结1

    1.在VC环境中用RUN命令运行一个C程序时,这时所运行的程序后缀是.exe 2.C语言程序源文件名的后缀是.c;经过编译后,生成的文件的后缀是.obj;经过连接后,生成文件的后缀是.exe。...如e3、.5e3.5、.e3、e等都是非法的指数形式。注意:在字母e或E的前后以及数字之间不得插入空格。 5.在C语言中,整型常量可以用十进制、八进制和十六进制等形式表示。...11.C程序由若干函数组成。 12.VC中int类型变量所占字节数是4。 13.运算符"++“和”–“的结合方向是"自右至左”。 14.不要再一个表达式中对同一个变量进行多次诸如i++,++i等运算。...逗号表达式的一般形式为: 表达式1,表达式2,… ,表达式n 说明: (1)逗号运算符的结合性为从左到右,因此逗号表达式将从左到右进行运算。最后一个表达式的值就是次逗号表达式的值。...例如:(i=3,i++,++i,i+5)这个逗号表达式的值是10,i的值为5。 (2)在所有的运算符中,逗号运算符的优先级最低。 16.C语言的标识符可分为关键字、用户标识符和预定义标识符三大类。

    50020

    20道前端高频面试题(附答案)

    setTimeout 模拟 setInterval描述:使用setTimeout模拟实现setInterval的功能。...全局变量的生命周期会持续要页面卸载;而局部变量声明在函数中,它的生命周期从函数执行开始,直到函数执行结束,在这个过程中,局部变量会在堆或栈中存储它们的值,当函数执行结束后,这些局部变量不再被使用,它们所占有的空间就会被释放...当声明了一个变量并将一个引用类型赋值给该变量时,则这个值的引用次数就是1。相反,如果包含对这个值引用的变量又取得了另外一个值,则这个值的引用次数就减1。...viewport只针对于移动端,只在移动端上才能看到效果Cookie、LocalStorage、SessionStorage区别浏览器端常用的存储技术是 cookie 、localStorage 和 sessionStorage...localStorage: html5 提供的一种浏览器本地存储的方法,它一般也能够存储 5M 或者更大的数据。

    40140

    C语言入门系列之2.数据类型、运算符和表达式

    变量 其值可以改变的量称为变量。一个变量应该有一个名字,在内存中占据一定的存储单元。 变量定义必项放在变量使用之前,一般放在函数体的开头部分。...一般放在函数体的开头部分。 整型数据在内存中的存放形式是二进制,在上例中声明k变量,值为3,以二进制存储示意如下: ? 补充–内存中的二进制存储: 1字节Byte = 8位bit。...如’5’和5是不同的,'5’是字符常量,不能参与运算。 字符变量 字符变量用来存储字符常量,即单个字符,类型说明符是char。...例如,在之前的练习中printf()函数的格式串中用到的 \n 就是一个转义字符,其意义是回车换行。 转义字符主要用来表示那些用一般字符不便于表示的控制代码。...字符值是以ASCII码的形式存放在变量的内存单元之中的,如x的十进制ASCII码是120,y的十进制ASCII码是121。

    2.8K10

    HTML5新特性

    ),如邮箱输入域 可实现输入多个值,中间用逗号分割 (4). form:用于把输入域放置到FORM外部 </form...badInput:false, // 类型不匹配,如number中出现字符 typeMismatch:false, // 值缺失,如required验证失败 valueMissing:false...打开官网,查看说明https://two.js.org/ Two.js是一个2D绘图函数库,提供了一套API,可用于不同的技术下的绘图,如SVG/CANVAS/WEBGL (2)....如复杂计算、加密和解密、大数据统计、路径规划...... 48. HTML5新特性之九-WebStorage 在浏览器中存储当前用户专有的数据:访问历史、内容定制、样式定制......,如登录用户名 // 保存一个数据 localStorage[key] = value // 保存一个数据 localStorage.setItem(key, value) /

    7.7K30

    有人@我,你有一份C语言基础大全手册要领取,快来拿!

    变量 变量就是其值可以改变的量。变量要有变量名,在内存中占据一定的存储单元,存储单元里存放的是该变量的值。不同类型的变量其存储单元的大小不同,变量在使用前必须定义。...比如:5/2.0的值为2.5,7.0/2.0的值为3.5. (5)%(模运算符或称求余运算符,%两侧均应为整型数据,如9%7的值为2)。...逗号运算符和逗号表达式 在c语言中,逗号除了作为分隔符,还可以用作一种运算符----逗号运算符,用逗号运算符将几个表达式连接起来,例如a=b+c,a=b*c等称为逗号表达式。...表达式n的值就是整个逗号表达式的值。上述的逗号表达式的值就是表达式z=4的值4.需要注意的是,逗号运算符是所有运算符中级别最低的。...int a=2,b=4,c=6,x,y;y=(x=a+b),(b+c);printf("y=%d,x=%d",y,x);} 程序显示结果为:y=6,x=6 讨论:将y=(x=a+b),(b+c);改为

    94220
    领券