当前位置:网站首页>组件化开发基本规范、localStorage 和 sessionStorage、对象数据转基本值、原型链使用
组件化开发基本规范、localStorage 和 sessionStorage、对象数据转基本值、原型链使用
2022-07-26 15:12:00 【半夜删你代码·】
组件化开发当中的基本规范:
1、数据在哪,修改数据的方法就在哪
2、数据从父组件传递给子组件,无论传递的是基本值还是对象地址,都是让子组件去使用的,而不是让你去修改的
3、props接收到的数据相当于是子组件data当中的数据,但是最大的区别就是data的数据,子组件可以随意改
而父组件传递过来的数据,不能在子组件修改,如果非要对传递过来的数据进行修改
那么可以根据传递过来的数据,计算自己的一份数据,然后可以修改,修改的时候修改的是自己计算的属性数据
在计算的属性数据当中set,里面也不能直接操作传递过来的数据,得调用传过来的方法去修改
深度监视
刷新还是原来的效果,不会回到初始的情况(数据存储分析)
一般监视和深度监视
如果监视的是数组,监视数组的长度,数组长度有改变,那么就会监视到
如果监视的是数组内部的对象的属性,那么一般监视监视不到,需要深度监视
监视的就是对象
监视的是对象的地址,一般监视只有对象的地址发生改变才能监视到
如果改变的是对象的属性,那么要深度监视
深度监视数据,保存
数据需要变为json然后取存储,否则数据下次取到的就看不懂了内部会调用对象的toString,数据变了
在data数据中,直接从localStorage中获取数据
localStorage 和 sessionStorage 和cookie
cookie:做状态保持时使用,不作为存储,且只能存4k
localStorage和sessionStorage 是h5新增的一种本地存储数据方式,本质是一个对象,存储量大小是 5M(chrome) 浏览器存储2.5 - 10
localStorage保存数据是永久保存(持久化存储),关闭浏览器 重新打开数据还在
sessionStorage 不是永久保存,会话存储。关闭浏览器数据清空
这两个东西存储数据,默认数据都会转化为字符串,以后存储基本数据都是直接加引号变为字符串
存储对象数据,数据就变了后期取出来就不是我们要的东西了
因此在存储对象数据的时候,一定要自己强制转化为json串。这样它就不会再改变我的数据了
存储: localStorage.setItem(键,值) 增或者改
获取: localStorage.getItem(键) 查 能获取到就获取到,获取不到返回null
删除: localStorage.removeItem(键) 删除某个键值对
改和增一样,第一次就是增后面就是改
清空: localStorage.clear()
对象数据转基本值
如果运算 比较 判等的过程当中遇到对象
当判等的时候两遍同时是对象,此时直接判地址不转化
其余都要转化
对象数据转基本值
对象转基本值两大步:
1、对象数据要调用valueOf方法,这个valueOf是Object的原型对象方法
valueOf方法调用是为了获取对象的原始值,拿到原始值,就代表转化基本值完成
但是只有包装对象才有原始值
2、数组对象函数调用valueOf的时候是没有原始值的,那么就会返回自身,接着
又会去调用toString方法,toString方法,各自是有各自的toString方法的,所以
数组函数对象各自调用各自的toString方法。各自的toString方法返回的东西是不一样的
数组转化出来的结果 去掉中括号,直接加引号
函数转化出来的结果 函数体加引号
对象转化出来的结果 [object Object]
所有的对象转换成布尔值都为true
对象和对象的判等,判断的是地址,不会转换
原型链使用
任何的函数对象都有prototype
任何的对象都有 __proto__
所有的函数对象实例化出来的对象身上只有__proto__,没有prototype
任何实例化的__proto__ 都等于函数对象的prototype对象找属性或方法会使用到原型链,找不到返回undefined
程序找变量用到作用域链,找不到报错
等号的左侧是变量或属性,左侧是什么绝对了使用什么链
边栏推荐
- University rankings in Beijing
- [5 minutes paper] Pointer network
- [leave some code] Apply transformer to target detection, and understand the model operation process of the model through debug
- Remote desktop on Jetson nano
- 如何将规划图转成带经纬度的矢量数据geojson
- 请问参数化视图可以根据传入参数的特点得到不同行数的SQL吗?比如这里我想根据传输参数@field中列
- Deep packet inspection using cuckoo filter paper summary
- R language ggplot2 visualization: use the ggdotplot function of ggpubr package to visualize dot plot, set the add parameter to add the mean and standard deviation vertical lines, and set the error.plo
- 关于工控网关物联网串口转WiFi模块与串口转网口模块的选型
- What are the skills and methods of searching foreign literature
猜你喜欢

桌面应用布局图

Google tries to introduce password strength indicator for chromeos to improve online security

数据中台、BI业务访谈(四)—— 十个问题看本质

【5分钟Paper】Pointer Network指针网络

谷歌尝试为ChromeOS引入密码强度指示器以提升线上安全性

Parallel d-pipeline: a cuckoo hashing implementation for increased throughput

Environment regulation system based on Internet of things (esp32-c3+onenet+ wechat applet)

How to write the format of a university thesis?

Chuhuan technology is listed on Shenzhen Stock Exchange: Minsheng securities, with a market value of 2.7 billion, is a shareholder

持续集成(二)Jenkins基本使用介绍
随机推荐
QT is the most basic layout, creating a window interface
持续集成(一)基本概念简要介绍
桌面应用布局图
R language uses LM function to build multiple linear regression model, writes regression equation according to model coefficient, and uses fitted function to calculate y value (response value) vector
OpenGL learning diary 2 - shaders
Chapter 08_ Principles of index creation and design
Practical task scheduling platform (scheduled task)
Deep packet inspection using quotient filter paper summary
Creation and traversal of binary tree
Qt最基本的布局,创建window界面
什么是传输层协议TCP/UDP???
[leetcode daily question] - 121. The best time to buy and sell stocks
Within a week, I developed my own knowledge sharing platform
R language ggplot2 visualization: visual line graph, visual line graph for different groups using the group parameter in AES function
Where is the foreign literature needed to write the graduation thesis?
【C】 Flexible array
Driver development environment
请问参数化视图可以根据传入参数的特点得到不同行数的SQL吗?比如这里我想根据传输参数@field中列
Chuhuan technology is listed on Shenzhen Stock Exchange: Minsheng securities, with a market value of 2.7 billion, is a shareholder
软测(七)性能测试(1)简要介绍