- 博客(20)
- 收藏
- 关注
RSS订阅原创 (二)（详解！！！）浏览器本地缓存之localStorage、sessionStorage与session的区别
是 HTML5 提供的浏览器端存储机制，而 session是服务器端的会话管理技术，两者本质不同：!数据存储在服务器内存或数据库中，通过唯一的Session ID标识用户会话。客户端需通过 Cookie 或 URL 参数传递Session ID以维持状态2存储位置与作用域属于浏览器本地存储，数据保存在客户端浏览器内存中，仅对当前页面所在域名有效。即使同一域名下不同页面也无法直接共享（需通过或通信）1。session数据存储在服务器内存或数据库中，通过唯一的Session ID标识用户会话。
2025-03-04 20:40:48
900
原创 （一）浏览器本地缓存之Cookie 详解！！！
http是无状态的协议，会话结束了也就终止了联系，为了能在下次发送请求可以直接让服务器端知道是谁，于是就诞生了cookie。删除一组cookie字段的方法，通常是设置过期时间expire或者max-age=-999999。记录自己的学习过程，共勉！
2025-03-04 20:01:53
231
原创 【无标题】
W3C标准：网页由三部分构成结构：HTML表现：CSS行为：JavaScriptHTML（HyperText Markup Language）是一种用于创建网页结构和内容的标记语言。通过使用HTML标签，可以组织和呈现文本、图像、链接、表格、表单等元素，从而构建出丰富的网页。<html><head><title><body><h1><h6>:粗体:斜体:文本下划线<br><br><p><a><img><ul><ol><li><ul><ol><table><tr><td><th><form>
2025-03-02 15:51:56
794
原创 前端面试最喜欢问的浏览器强制缓存和协商缓存
expires:绝对时间协商缓存：public:cache-control常用设置字段：2. -no-cache （协商缓存）禁止浏览器存储数据，每次用户请求都要向服务器发送请求4. -public；可以被所有用户缓存，包括终端用户和CDN等中间代理服务器只能被终端用户的浏览器缓存etag:hash值。
2025-02-28 19:47:20
188
原创 JS基本知识
state` 是一个表示新状态的对象，`title` 是新页面的标题，`url` 是新页面的 URL 地址。可以通过索引访问数组中的元素，索引从 `0` 开始。例如，要访问数组中的第一个元素，可以使用 `arr[0]`，获取第三个元素可以使用 `arr[2]`，依此类推。需要注意的是，使用 `history.pushState()` 和 `history.replaceState()` 方法不会触发页面的刷新和加载，因此需要结合 `popstate` 事件来监听 URL 地址的变化，并做相应的处理。
2025-02-28 19:43:23
302
原创 当面试过程中问到git的使用该如何回答？
git branch -d (branchname)：删除分支命令。- git checkout (branchname)：切换分支命令。- git branch (branchname)：创建分支命令。- git status：查看文件的状态命令。- git diff：查看更新的详细信息命令。- git add：添加文件到缓存命令。- git branch：查看分支命令。- git merge：合并分支命令。- git commit：提交命令。- git rm：删除命令。
2025-02-28 19:30:03
257
原创 你可体验简单聊天小demo（可发照片与表情版）
1. 只能发截图之类的照片，拍摄照片内存过大，为了防止资源过度消耗，不允许发送哦。2.目前可进行注册新账号，和修改密码，但不允许和其他人聊天嘞。已有两个账号可供尝试体验。
2024-10-22 01:37:04
240
2
原创 compted(计算属性)与watch的区别！！！
有明显的副作用需求（类如日志记录，外部数据操作，深度对象观察） coputed(()=>{当需要在数据变化的时候执行复杂的操作时候（异步请求，访问dom元素，手动触发其他函数）console.log('count变化了'，newvalue,oldvalue)}) 会利用缓存功能，适合计算复杂逻辑的属性，减少不必要的计算，会默认缓存结果。当需要根据根据其他数据的变化，返回一个新的处理结果，并且该结果会频繁使用时。3.watch函数：监听数据变化，数据变化时候执行回调函数。监听某一个属性:watch(
2024-10-14 10:47:47
181
原创 v-model的原理
等价于v-model是数据的双向绑定，渲染的界面与数据本身两个方面都能改变数据v-model也是单项数据流：总结就是数据向下，事件向上。
2024-10-14 10:41:33
342
原创 仿QQWeb即时聊天系统课设
综上所述，通过这个项目利用vue3+websocket+vite+js+router+vant4，我掌握了多种前端技术的应用和整合，还积累了丰富的开发经验,这些都是未来在软件开发领域中非常宝贵的财富，希望这些经历能为我的未来学习和职业发展带来更多的启发和成长机会,为将来在软件开发领域的探索和发展奠定了坚实的基础。传统的 HTTP 请求-响应模型不同，WebSocket 允许服务器和客户端之间实时、低延迟的双向通信，减少了因频繁创建连接所带来的开销，适合用于聊天系统、实时通知、在线游戏等应用。
2024-06-19 17:22:06
1486
原创 在做仿QQ聊天的界面时，使用flex布局不知道如何顶出输入框下的聊天消息
这样的声明时，实际上这样的写法是不标准的，并且大多数情况下不会按预期工作。Flex属性是一个简写属性，用于设置flex-grow, flex-shrink, 和 flex-basis这三个属性。正确的语法通常涉及无单位的数字、百分比或者auto值，而不是直接指定像素值。加上flex-shrink: 0;时，最后一天消息就能显示出来了，一开始不知道为什么，消息一直藏在了输入框下面。当不加flex-shrink: 0;其中f在Flex布局中使用。
2024-06-06 15:21:31
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人