- 博客(16)
- 收藏
- 关注
RSS订阅原创 什么是登录鉴权
cookie 是一种完善的标记方式，通过 HTTP 头或 js 操作，有对应的安全策略，是大多数状态管理方案的基石session 是一种状态管理方案，前端通过 cookie 存储 id，后端存储数据，但后端要处理分布式问题token 是一种状态管理方案，相比于 session 不需要后端存储，数据全部存在前端，解放后端，释放灵活性token 的编码技术，通常基于 base64，或增加加密算法防篡改，jwt 是一种成熟的编码方案。
2024-11-25 18:55:57
971
原创 vue的生命周期
beforeCreate(父) > created(父) > beforeMount(父) > beforeCreate(子) > created(子) > beforeMount (子) > Mounted(子) > Mounted(父)beforeDestroy(父)>beforeDestroy(子)>Destroy(子)>Destroy(父)beforeUpdate(父)>beforeUpdate(子)>Updated(子) >Updated(父)beforeMount：虚拟的DOM挂载。
2024-11-19 14:13:01
257
原创 浏览器事件循环
事件循环（Event Loop）是现代JavaScript引擎中一个非常核心的概念，尤其在客户端JavaScript（例如浏览器中的JavaScript）和Node.js这样的服务器端JavaScript环境中扮演着关键角色。事件循环机制使得JavaScript能够处理异步操作，同时保持其单线程特性。
2024-11-15 10:24:44
407
原创 输入一个url地址浏览器会执行什么
在 HTTP/1.1 中，Connection: keep-alive 是默认启用的，表示持久连接，以便处理不久后到来的新请求，无需重新建立连接而增加慢启动开销，提高网络的吞吐能力。客户端发送一个带有SYN标志的数据包给服务端，服务端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息，最后客户端再回传一个带ACK标志的数据包，代表握手结束，连接成功。如果响应的内容是HTML，浏览器会解析HTML并构建DOM树，然后根据CSS样式信息构建渲染树，最终将DOM树和渲染树结合起来，展示给用户。
2024-11-14 15:45:51
412
原创 如何优化网页的加载性能
网页加载性能优化可以从多个方面入手，包括减少HTTP请求、压缩资源、使用CDN、懒加载、缓存策略等。减少HTTP请求：合并CSS和JavaScript文件。使用CSS Sprites合并图片。 压缩资源：使用Gzip或Brotli压缩HTML、CSS和JavaScript文件。压缩图片和字体文件。 使用CDN：使用内容分发网络（CDN）加速静态资源的加载。 懒加载：图片和视频使用懒加载技术，只在需要时加载。动态导入JavaScript模块。 缓存策略：设置合理的HTTP缓存头。使用Service
2024-11-12 17:07:15
450
原创 宏任务和微任务
本文介绍了浏览器的事件循环机制以及宏任务和微任务的区别。总的来说，宏任务和微任务是前端开发中处理异步操作的基础，浏览器的事件循环机制通过宏任务和微任务，实现了同步和异步操作的统一调度。了解宏任务和微任务的执行顺序，可以帮助我们更好地理解和使用异步编程模式，并且更好地理解和预测你的代码行为。通过合理地使用宏任务和微任务，我们可以优化代码的性能和响应速度，提高应用程序的稳定性和可维护性。
2024-09-02 18:58:41
550
原创 vue3 + TS
写法1：defineStore('id',{state:()=>({count:0}), getters:{},actions:{ }},persist:true)子传父：在父组件的子标签中自定义一个方法，方法里面的参数就是子组件的传值，子组件中使用defineEmits()写法2：defineStore('id',()=>{return {} }, {persist:true} )用于还缓存组件的内置抽象组件，他可以在包含包裹组件的组件树上，将其所有子组件都缓存起来，而不会销毁他们。
2024-08-30 19:52:30
874
原创 微信小程序
是一种新的开放能力，可以在微信内被便捷的获取和传播优势：易于推广使用便捷体验良好成本低劣势：单板大小限制2M,采用分包最多30M(随官网)部署上线麻烦微信限制，积分，虚拟交易不能实现声明 <template name=""></>使用：在其他界面导入 <import src=""><template is="" data="传递的数据"></>除template模板以外的内容导入单位：1rpx = （屏幕宽度/750）px。
2024-08-19 20:50:02
578
原创 vue 的v-if 和v-for
在Vue2中，v-for的优先级更高。在Vue3中，v-if的优先级更高。无论哪个优先级更高，都不建议在同一节点连用v-if和v-for。
2024-07-19 22:39:40
304
原创 过滤器和生命周期
更新之前，data中的数据是新的，⻚⾯中的数据是旧的，还未保持同步。创建之前，data和methods中的数据还没有初始化，获取。创建之后，data和methods中的数据已经初始化，5.beforeUpdate （执⾏0次获取⽆数次）6.updated （执⾏0次获取⽆数次）更新之后 data和⻚⾯中的数据都是最新的。作⽤：第⼀个可以操作DOM元素的⽣命周期。不到data和methods中的数据。销毁之前，作⽤：清空定时器和⻚⾯监听。作⽤：数据初始化，接⼝请求。第一个参数为：过滤器名字。
2024-07-18 23:02:45
385
原创 VUE简单使用
不同点: v-if 删除dom元素 v-show通过display:none;key要求：必须是数字和字符串，必须是唯一值。v- for 必须搭配 key 属性使用。key作用：提高重排效率，就地复用。相同点：显示因藏元素。
2024-07-17 21:03:48
207
原创 JS 高级2
/ 请求 } , 2000) } var// 请求 } , 2000) } 'btn'onclick// 请求 } , 2000) } // 请求 } , 2000) } function// 请求 } , 2000) } // 请求 } , 2000) } // 请求 } , 2000) }
2024-07-07 20:45:10
624
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人