- 博客(7)
- 收藏
- 关注
原创 九种跨域方式实现原理(完整版)
同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。Cookie、LocalStorage、IndexedDB 等存储性内容DOM 节点AJAX 请求发送后,结果被浏览器拦截了CORS支持所有类型的HTTP请求,是跨域HTTP请求的根本解决方案。
2024-05-23 12:43:41
2199
原创 vite基本配置教程
Vite 是一个基于 ES modules 的前端构建工具,它的主要特点包括:快速的冷启动:Vite 采用了基于浏览器原生 ES 模块的开发模式,可以在开发时快速启动应用,减少了冷启动时间。按需编译:Vite 可以根据需要动态地编译模块,而不是像传统的打包工具一样将所有模块都打包到一个文件中。热更新:Vite 支持热更新,可以在开发时实时更新修改后的代码,提高开发效率。插件化:Vite 支持插件化,可以通过插件扩展 Vite 的功能。
2024-05-22 10:42:25
2151
原创 web前端长度单位(px、em、rem、%、vw/vh、vmin/vmax、vm、calc())
在前端开发中,会遇到各种不同类型的长度单位,比如px,em,rem等。而整体的长度单位分为两大类:绝对长度单位包括:in,cm, mm, q, pt, pc, px相对长度单位包括:em, rem, %, vw, vh, vmax, vmin, vm, ch, ex。
2024-05-21 14:21:10
1892
2
原创 【Vue】img使用 :src 动态绑定图片地址,但是加载图片不成功
img标签直接动态绑定图片的相对路径的时候,图片不能正常显示。引入才能成功,就可以动态使用了。设置绝对路径或者相对路径是改为用。动态地址,路径被加载器解析为。
2024-05-20 10:38:02
378
1
原创 Vue生命周期总结(四个阶段,八个钩子函数)
详细:这个钩子函数获取dom的内容是更新之后的内容生成新的虚拟dom,新的虚拟dom与之前的虚拟dom进行比对,差异之后,就会进行真实dom渲染。详细:这个钩子函数初始化的不会执行,当组件挂载完毕的时候,并且当数据改变的时候,才会立马执行,这个钩子函数获取dom的内容是更新之前的内容。该钩子被调用后,对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。详细:当组件销毁的时候,就会触发这个钩子函数代表销毁之前,可以做一些善后操作,可以清除一些初始化事件、定时器相关的东西。
2024-05-20 10:27:59
716
原创 vue2知识点————(监听器,计算属性)
Vue.js 2 中的计算属性(Computed Properties)是一种便利的特性,允许你在 Vue 实例中声明计算属性,这些属性的值会根据依赖数据的变化而变化,同时具有缓存机制,只有在相关依赖数据发生改变时才会重新计算。计算属性: 计算属性是基于依赖数据的值进行计算的,只有当依赖数据发生变化时,计算属性才会重新计算。计算属性: 由于具有缓存机制,计算属性在相同依赖数据的情况下只会计算一次,并且在依赖数据不变的情况下会直接返回缓存结果,因此具有较高的性能。通常用于模板中的数据展示、数据转换等场景。
2024-05-20 10:15:21
381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人