自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 秒杀Bug!前端Debug实战技巧

在前端开发中,定位 bug 是开发过程中的一个关键环节。

2025-04-16 18:01:30 483

原创 前端面试题(十):浏览器异步处理的原理

浏览器异步处理的原理主要基于事件循环(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

原创 前端面试题(三):axios有哪些常用的方法

这些方法和功能提供了很大的灵活性,可以帮助你在处理 API 请求时更好地管理和优化请求。

2025-04-03 17:27:09 583

原创 前端面试题(二):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

原创 横向柱状图

常用的横向柱状图

2025-01-14 15:09:59 231

原创 象形图顶部显示一个小圆点

【代码】象形图顶部显示一个小圆点。

2024-11-11 17:41:51 185

原创 echarts柱状图鼠标移上去后出现数据以及颜色变化

要想实现这种效果,主要是series中的emphasis属性。

2024-11-11 17:20:31 884

原创 vue中使用过滤器将时间戳转换为年月日

vue使用过滤器将时间戳转换为年月日

2024-10-11 08:45:52 673 1

原创 vue高德地图绘制矢量图形

vue高德地图实现绘制矢量图形功能,需要注册并登录高德地图开发平台申请密钥,然后安装高德地图加载器,这里就不在介绍了,直接看代码。点击底部按钮实现绘制。

2024-09-24 16:40:44 377 1

原创 vue使用高德地图实现搜索功能和获取经纬度

步骤1:注册并登录高德地图开发平台(由于我之前注册了,一些操作之前就完成了,这里就不在创建了)要想实现高德地图的相关操作,需要注册并登录高德地图开发平台申请密钥,然后安装高德地图。步骤2:安装高德地图加载器。一、高德地图实现搜索功能。二、高德地图获取经纬度。

2024-09-24 16:39:38 950 1

原创 echarts三联水球图

echarts三联水球图

2024-09-19 16:45:05 688

原创 echarts3D圆柱和折线图的结合

echarts3D圆柱和折线图的结合

2024-09-19 16:44:42 809

原创 echarts堆叠柱状图

echarts堆叠柱状图

2024-09-18 11:35:00 702

原创 echarts横向柱状图

echarts横向柱状图

2024-09-18 11:33:56 522 1

原创 echarts柱状图 柱子上方显示数据

echarts柱状图 柱子上方显示数据

2024-09-18 11:33:05 4194 1

原创 echarts柱状图—带分割线

echarts柱状图—带分割线。

2024-09-18 11:03:49 1061

原创 el-select选择器实现全选功能

el-select选择器实现全选功能

2024-09-18 11:01:49 1423

原创 vue2.0的初始项目的建立

vue2.0项目的创建

2024-09-14 11:04:28 3972 1

原创 echarts三棱锥

echarts三棱锥

2024-09-14 09:42:42 328

原创 vue-通过点击事件出现弹层(组件引入方式)

父组件中引入子组件(弹窗)

2024-09-14 09:11:52 1347 1

原创 echarts 3D柱状图

echarts 3D柱状图。

2024-09-14 08:42:04 604 1

原创 echarts间隔横向柱状图

echarts间隔横向柱状图

2024-09-14 08:41:19 822

原创 echarts象形渐变柱状图

echarts象形渐变柱状图

2024-09-13 16:59:56 1038 1

原创 echarts带有箭头的雷达图

echarts带有箭头的雷达图

2024-09-13 16:59:05 657

原创 基于vue2 echarts3D旋转球体

采用vue2+js实现echarts3D旋转球体的放大、缩小。旋转3D地球是echarts中的一种特殊效果,可以让地球以3D的形式旋转展示。

2024-09-13 16:18:22 663 3

原创 基于vue2的echarts3D地球

采用vue2+js实现了echarts3D地球的放大、缩小和旋转

2024-09-13 16:17:49 812 1

原创 echarts横向柱状图斜切

echarts横向柱状图斜切

2024-09-13 16:13:46 354

原创 vue el-select下拉框中嵌套树结构

js部分如下:(直接调接口了)

2024-02-23 14:31:20 915 1

原创 echarts轮播动画和自身动效的柱状图

录屏2023-11-28 10.46.28。采用组件的形式来实现改功能。

2024-01-12 10:16:02 1878 1

原创 echarts可视轮播柱状图

echarts可视轮播柱状图

2024-01-12 10:15:41 858 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除