【React工作记录九十四】前端小知识点扫盲笔记记录3

简介: 【React工作记录九十四】前端小知识点扫盲笔记记录3

localStorage 和 sessionStorage

cookie 本身用于浏览器和 server 通讯。 被“借用”到本地存储来的。 可用 document.cookie = '...' 来修改。 其缺点: 存储大小限制为 4KB。 http 请求时需要发送到服务端,增加请求数量。 只能用 document.cookie = '...' 来修改,太过简陋。 2、localStorage 和 sessionStorage HTML5 专门为存储来设计的,最大可存 5M。 API 简单易用, setItem getItem。 不会随着 http 请求被发送到服务端。 它们的区别: localStorage 数据会永久存储,除非代码删除或手动删除。 sessionStorage 数据只存在于当前会话,浏览器关闭则清空。 一般用 localStorage 会多一些


objectDefineProperty

``` // 三个参数(属性所在的对象,你要操作的属性,被操作的属性的特性) // var geyao = { // sex: "男", // age: 18, // }; // console.log(geyao,"geyao1")
//   Object.defineProperty(geyao, "sex", {
  //     get: function () {
  //       console.log("读取时,get被触发");
  //       return this.sex
  //     },
  //     set: function (value) {
  //       console.log(value,"value");
  //      this.sex=value
  //     },
  //   });
  //   console.log(geyao.sex,"geyao2")
  function getObj() {
    let obj = {
        sex:"男",
        age:18
    };
    let val = ""; //此处val是安全的,外部是无法修改的
    let o = Object.defineProperty(obj, "key", {
      configurable: true,
      enumerable: true,
      get: function () {
        return val || 0;
      },
      set: function (n) {
        val = n;
      },
    });
    return o; //每个对象都是新的
  }
  let aa = getObj();
  console.log(aa.sex); //返回性别



objectDefinePropertytest

```




Document


symbol

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Symbol</title> </head> <body> <script> const symbol1 = Symbol() const symbol2 = Symbol(42) const symbol3 = Symbol('foo') console.log(typeof symbol1) // expected output: "symbol" console.log(symbol2 === 42) // expected output: false console.log(symbol3.toString()) // expected output: "Symbol(foo)" console.log(Symbol('foo') === Symbol('foo')) // expected output: false </script> </body> </html>


this指向小练习

```




this指向


```


this指向问题

```




this指向


typeOf

//typeof:能判断所有值类型,函数。不可对 null、对象、数组进行精确判断,因为都返回 object // console.log(typeof undefined) // undefined // console.log(typeof 2) // number // console.log(typeof true) // boolean // console.log(typeof 'str') // string // console.log(typeof Symbol('foo')) // symbol // console.log(typeof 2172141653n) // bigint // console.log(typeof function () {}) // function // // 不能判别 // console.log(typeof []) // object // console.log(typeof {}) // object // console.log(typeof null) // object


总结

我是歌谣 最好的种树是十年前 其次是现在 加油 歌谣

相关文章
|
Java 数据库连接 数据库
,从Flink 1.13版本开始,Flink Connector JDBC已经被移到了一个独立的仓库
,从Flink 1.13版本开始,Flink Connector JDBC已经被移到了一个独立的仓库
477 1
|
5月前
|
负载均衡 前端开发 Java
SpringCloud调用组件Feign
本文深入探讨微服务Spring体系中的Feign组件。Feign是一个声明式Web服务客户端,支持注解、编码器/解码器,与Spring MVC注解兼容,并集成Eureka、负载均衡等功能。文章详细介绍了SpringCloud整合Feign的步骤,包括依赖引入、客户端启用、接口创建及调用示例。同时,还涵盖了Feign的核心配置,如超时设置、拦截器实现(Basic认证与自定义)和日志级别调整。最后,总结了`@FeignClient`常用属性,帮助开发者更好地理解和使用Feign进行微服务间通信。
457 1
|
Oracle 关系型数据库 数据库
手把手教你Oracle DataGuard主备切换(switchover)
手把手教你Oracle DataGuard主备切换(switchover)
1399 4
|
机器学习/深度学习 自然语言处理
序列到序列(Seq2Seq)模型
序列到序列(Seq2Seq)模型
496 8
|
机器学习/深度学习 缓存 自然语言处理
阿里云百炼产品月刊【2024年12月】
12月,阿里云百炼带来多项技术革新与服务升级。本月重点包括VL模型部分规格降价,上线多个新模型,如视觉推理模型qvq-72b-preview、多语言文本统一排序模型gte-rerank和人物视频生成模型videoretalk等。应用模块新增音视频互动、互联网搜索及意图选择等功能,极大丰富了应用场景。此外,新增Context Cache功能和batch调用支持,提升了响应速度并降低了费用。
1144 0
|
存储 Kubernetes 监控
在K8S中,集群可以做哪些优化?
在K8S中,集群可以做哪些优化?
|
JavaScript 算法 API
Vue 3有哪些新特性
【8月更文挑战第16天】Vue 3有哪些新特性
833 1
|
前端开发 测试技术 API
现代前端开发中的跨平台挑战与解决方案探讨
随着移动设备和桌面端用户体验的日益融合,现代前端开发面临着跨平台兼容性的重大挑战。本文将探讨这些挑战的根源,并介绍一些创新的解决方案,帮助开发人员更好地应对不同平台之间的差异,提升应用程序的用户体验和性能。
|
域名解析 网络协议 程序员
网络原理(7)——以太网数据帧和DNS协议(数据链路层和应用层)
网络原理(7)——以太网数据帧和DNS协议(数据链路层和应用层)
635 0
|
监控 安全 数据安全/隐私保护
ERP系统中的组织架构与权限管理解析
【7月更文挑战第25天】 ERP系统中的组织架构与权限管理解析
1228 2