- 博客(40)
- 收藏
- 关注
原创 前端面试题(十):浏览器异步处理的原理
浏览器异步处理的原理主要基于事件循环(Event Loop)机制,结合调用栈、任务队列(宏任务和微任务)以及浏览器提供的异步 API(如setTimeoutPromise等)共同实现。
2025-04-16 10:00:59
245
原创 前端面试题(九):列举一些前端性能优化的方法
通过对资源的压缩与合并、懒加载、代码拆分、缓存优化、减少 HTTP 请求等方法的综合运用,可以显著提升前端性能,改善用户体验。每种方法都有其特定的适用场景,可以根据项目的具体需求进行选择和实现。
2025-04-14 10:25:07
621
原创 前端面试题(八):简述Vue2的响应式原理
Vue 2 通过劫持数据的getter和setter,来监听数据的访问和修改。使用Dep和Watcher实现依赖收集和视图更新。视图变化时,watcher触发更新,通过虚拟 DOM和diff 算法优化性能,最终更新真实 DOM。Vue 2 的响应式系统基于数据劫持和发布-订阅模式,提供了数据和视图的双向绑定机制,简化了开发过程中的 DOM 操作。
2025-04-14 10:13:18
302
原创 vue2中如何实现父子组件之间的传值
props用于父组件向子组件传值。$emit用于子组件向父组件传值。ref用于父组件直接访问子组件的实例,获取数据或调用方法。根据你的实际需求选择合适的方式。如果你只是传递简单的数据,props和$emit是最常用的。而ref更适合在父组件需要直接操作子组件的情况下使用。
2025-04-10 17:09:39
318
原创 前端面试题(七):什么是vuex,请解释一下它在Vue中的作用
Vuex 是一个专门为应用程序开发的状态管理库。它可以集中管理应用的所有状态,并保证状态以一种可预测的方式发生变化。简单来说,Vuex 用来管理 Vue 应用中的数据(即状态),使得数据的传递和共享更加清晰和可靠,尤其是在大型应用中,组件间数据传递和共享非常重要。
2025-04-10 15:59:54
800
原创 HTTP GET 和 POST 请求有什么区别
GET主要用于获取数据,数据通过 URL 传递,适合不敏感、少量的数据。POST主要用于发送数据,数据通过请求体传递,适合提交较大、敏感或复杂的数据。通过选择正确的请求方法,能够确保应用程序的安全性、性能和可维护性。
2025-04-08 15:22:54
592
原创 前端面试题(六):HTTP和HTTPS的区别以及他们如何保障数据安全
HTTP是一个简单的、无加密的协议,容易受到中间人攻击。HTTPS则在HTTP的基础上增加了加密和身份验证机制,确保数据的安全性、完整性和隐私性。虽然HTTPS的处理过程稍微复杂,但它能更好地保障用户的隐私安全,尤其是在处理敏感数据时。现在,许多网站都推荐使用HTTPS来保护用户信息,尤其是电子商务、金融服务等需要处理敏感数据的场景。
2025-04-08 14:54:24
617
原创 前端面试题(五):v-model的实现原理
v-model从数据到视图:使用value属性绑定数据。从视图到数据:使用input事件监听用户输入,更新数据。在自定义组件中,v-model使用value和input事件进行双向绑定,但也可以通过model配置项自定义属性和事件。通过这一机制,Vue 简化了表单元素与数据之间的同步工作,使得数据更新更加简便和高效。
2025-04-07 09:01:08
522
原创 前端面试题(四):Vue2的生命周期
Vue 2 中的生命周期分为多个阶段,每个阶段都有相应的生命周期钩子(Hooks)来处理组件在不同阶段的逻辑。以下是 Vue 2 的各个生命周期钩子函数及其触发时机
2025-04-07 08:54:15
779
原创 前端面试题(二):vue2中v-if和v-show的区别
在 Vue 2 中,v-if和v-show都是用于控制元素的显示和隐藏,但它们的工作原理和适用场景有所不同。
2025-04-03 16:58:10
316
原创 前端面试题(一):浏览器输入URL到页面显示的全过程
浏览器从输入 URL 到页面显示的过程涉及多个步骤,包括网络请求、资源加载、HTML 解析、渲染等。以下是这个过程的详细步骤:
2025-03-31 11:48:32
1127
原创 localStorage 和 sessionStorage的区别
localStorage 和 sessionStorage 都是 Web 存储 API 的一部分,用于在浏览器中存储数据,但它们在数据的持久性和作用范围上有所不同。
2025-03-31 11:40:22
264
原创 vue高德地图绘制矢量图形
vue高德地图实现绘制矢量图形功能,需要注册并登录高德地图开发平台申请密钥,然后安装高德地图加载器,这里就不在介绍了,直接看代码。点击底部按钮实现绘制。
2024-09-24 16:40:44
377
1
原创 vue使用高德地图实现搜索功能和获取经纬度
步骤1:注册并登录高德地图开发平台(由于我之前注册了,一些操作之前就完成了,这里就不在创建了)要想实现高德地图的相关操作,需要注册并登录高德地图开发平台申请密钥,然后安装高德地图。步骤2:安装高德地图加载器。一、高德地图实现搜索功能。二、高德地图获取经纬度。
2024-09-24 16:39:38
950
1
原创 基于vue2 echarts3D旋转球体
采用vue2+js实现echarts3D旋转球体的放大、缩小。旋转3D地球是echarts中的一种特殊效果,可以让地球以3D的形式旋转展示。
2024-09-13 16:18:22
663
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人