建网站用哪个好,内涵吧网站,wordpress和ueeshop,seo 适合哪些行业一、浏览器存储 1.1类型#xff1a; 浏览器数据存储的方式有以下几种#xff1a; Cookie#xff1a;小型文本文件#xff0c;存储在用户计算机上#xff0c;可以通过浏览器传输到服务器。Web Storage#xff1a;包括LocalStorage和SessionStorage#xff0c;可以在浏览器…一、浏览器存储 1.1类型 浏览器数据存储的方式有以下几种 Cookie小型文本文件存储在用户计算机上可以通过浏览器传输到服务器。Web Storage包括LocalStorage和SessionStorage可以在浏览器端本地存储数据。IndexedDB浏览器端的数据库可以存储大量结构化数据。Cache API用于存储缓存数据可以提高网站性能。 1.2.这4种的区别; CookieWeb StorageIndexedDBCache API存储位置存储在客户端每次请求都会将Cookie发送给服务器存储在客户端不会随每次请求发送给服务器存储在客户端不会随每次请求发送给服务器存储在客户端可以缓存网络请求结果、页面资源等存储容量通常限制在4KB5MB左右相对较大可以存储大量数据根据浏览器设置和硬件限制生命周期可以设置过期时间可以长期存储 LocalStorage数据永久保存除非用户清除浏览器数据SessionStorage数据在会话结束时被清除关闭标签页或浏览器数据永久保存除非用户清除浏览器数据根据缓存策略设置可以是临时的或持久的使用场景适合存储少量数据如用户认证信息、用户偏好设置等适合存储大量结构化数据如离线应用、复杂数据操作等适合存储大量结构化数据如离线应用、复杂数据操作等适合提高网站性能减少网络请求次数加快页面加载速度 1.3 LocalStorage和SessionStorage的区别 1作用域 LocalStorage数据存储在浏览器本地除非主动清除否则数据永久保存即使关闭浏览器也不会丢失。SessionStorage数据也存储在浏览器本地但在当前会话结束关闭标签页或浏览器时会被清除数据不会长期保留。 2数据共享 LocalStorage存储的数据在同一浏览器的同一域下共享即使打开多个相同域名的标签页也可以共享数据。SessionStorage存储的数据在同一浏览器的同一标签页下共享不同标签页之间的数据不共享。。 3生命周期 LocalStorage数据永久保存除非主动清除。SessionStorage数据在当前会话结束时被清除。 4使用场景 LocalStorage适合存储持久性数据如用户偏好设置、本地缓存等。SessionStorage适合存储会话期间需要使用的临时数据如表单数据、页面状态等。 二、flex布局、属性和常用指令 1.定义 Flex布局是一种用于设计和排列元素的现代CSS布局方式它使用弹性盒子模型来实现灵活的布局。 2.常用的Flex布局属性: 容器属性 display: flex;定义一个弹性容器。flex-direction: row | row-reverse | column | column-reverse;设置主轴的方向。justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;沿主轴对齐方式。align-items: flex-start | flex-end | center | baseline | stretch;沿交叉轴对齐方式。flex-wrap: nowrap | wrap | wrap-reverse;定义是否换行。 项目属性 flex-grow: number;定义项目的放大比例。flex-shrink: number;定义项目的缩小比例。flex-basis: length | auto;定义项目的初始大小。flex: flex-grow flex-shrink flex-basis;简写形式。align-self: auto | flex-start | flex-end | center | baseline | stretch;单独设置项目在交叉轴上的对齐方式。 3.常用指令 justify-content定义了项目在主轴上的对齐方式。align-items定义了项目在交叉轴上的对齐方式。flex用于设置项目的放大比例、缩小比例和初始大小。flex-direction定义了主轴的方向。flex-wrap定义了项目在主轴上是否换行。 4.flex1 的含义 在Flex布局中设置flex: 1;的含义是将一个弹性项目的伸缩因子flex-grow设置为1这意味着该项目会占据剩余空间的所有可用空间。 简单来说设置flex: 1;可以让一个项目占据弹性容器中剩余空间的所有可用空间使得布局更加灵活和自适应。这在构建响应式布局或者需要弹性伸缩的布局中非常有用。 三、 promise和async await区别 Promiseasync/await语法使用 .then() 和 .catch() 方法来处理异步操作的结果和错误使用 async 和 await 关键字来处理异步操作使得代码看起来更像同步代码。特点Promise 是一种基于回调的异步编程解决方案通过链式调用 .then() 方法可以处理多个异步操作。async 函数返回一个 Promiseawait 关键字可以暂停 async 函数的执行等待 Promise 解决。优点相对于回调函数Promise 更容易管理和组织异步代码避免了回调地狱。代码结构清晰易于阅读和维护避免了回调地狱。缺点可能会出现回调地狱需要多次嵌套 Promise。不能在顶层作用域使用 await需要在 async 函数内部使用。 总结 Promise 是一种基于回调的异步编程解决方案适合处理多个异步操作。async/await 是基于 Promise 的语法糖使得异步代码更加清晰易读适合处理单个异步操作或者多个依赖的异步操作。
