天气晚来秋~-优快云博客

转载 echarts多级x轴实现

【代码】echarts多级x轴实现。

2025-02-19 09:43:19 23

原创 el-select可搜索，可新增，可编辑

<template> <el-select ref="select" v-model="select" filterable allow-create default-first-option @visible-change="(val) => visibleChange(val)"> <el-option v-for="item in optionsSelect" :key="item

2024-08-22 18:49:19 578 2

原创 element 表格第一列合并，第二列展开后出现错位情况

解决思路：展开行，在dom上其实是新增了一行的高度，合并上新增一个高度就可以。发现蓝色一行挤下来，而且还错位了。获取点击后合并的长度+合并的数字。

2024-06-11 21:12:47 612 1

原创 el-table合并行和列

【代码】el-table合并行和列。

2023-12-14 11:44:34 1217

原创 JavaScript中如何正确的获取字符串长度

【代码】JavaScript中如何正确的获取字符串长度。

2023-11-30 08:59:08 542

原创 vue项目报错屏蔽

no-descending-specificity: null

2023-09-01 14:53:21 182

原创前端中的LocalStorage和SessionStorage

LocalStorage和SessionStorage是HTML5提供的本地存储解决方案，用于在浏览器端保存数据。在使用时，要根据需求和场景选择合适的存储方式，以提高用户体验和数据安全性。在前端开发中，常常需要在浏览器端保存数据，以便在页面刷新或跳转时能够保留数据或状态。在这种情况下，可以使用Web Storage API中的LocalStorage和SessionStorage来实现数据的存储。它们都是HTML5提供的本地存储解决方案，可以在浏览器端临时或长期保存数据，而不需要发送到服务器。

2023-07-27 15:02:29 522

原创 Vue中Router使用History和Hash模式的比较

总结： Vue Router的Hash模式和History模式各有其优势和劣势，根据项目需求和浏览器兼容性来选择适合的模式。在Hash模式下，URL中的hash值（#后面的部分）会被用来模拟路由，路由器监测URL中hash的变化，并根据hash的值进行相应的页面跳转。在Vue Router中，有两种常见的路由模式：History模式和Hash模式。在History模式下，URL中的路径部分用于模拟路由，通过History API来实现页面跳转，不再需要。

2023-07-27 14:50:09 968

原创 Vue为什么使用return返回data对象的原因

Vue要求data必须是一个返回对象的函数，是为了保证组件之间数据的隔离，实现数据的响应式，并避免共享数据带来的问题。这是Vue框架设计的重要特性之一，为开发者提供了更加安全、稳定和灵活的数据管理方式。因此，我们在使用Vue开发项目时，应该始终遵循将data设置为一个返回对象的函数的规范，以充分发挥Vue的响应式和数据隔离特性，提高应用的可维护性和稳定性。

2023-07-20 17:29:00 2197

原创身份证号码（18位）正则表达式

【代码】身份证号码（18位）正则表达式。

2023-07-20 17:21:28 303 1

原创中文字符正则表达式

【代码】中文字符正则表达式。

2023-07-20 17:20:51 262

原创网址（URL）正则表达式

【代码】网址（URL）正则表达式。

2023-07-20 17:19:25 776

原创邮箱正则表达式

【代码】邮箱正则表达式。

2023-07-20 17:16:54 85

原创手机号码正则表达式

【代码】手机号码正则表达式。

2023-07-20 17:14:07 186

原创 flex布局瀑布流占位两边对齐不对称

【代码】flex布局瀑布流占位两边对齐不对称。

2023-06-30 16:44:53 583

原创 echarts柱状图正负值上下方显示

【代码】echarts柱状图正负值上下方显示。

2023-06-09 14:36:54 1447

原创 js对日期加减指定天、时、分、秒

【代码】js对日期加减指定天、时、分、秒。

2023-06-08 10:22:04 438

原创 Vue.js中的组件通信方式

使用$refs进行父子组件通信：在某些情况下，父组件可能需要直接访问子组件的方法或属性，可以使用$refs来实现父子组件之间的通信。通过在子组件上设置ref属性，父组件可以通过$refs对象引用子组件的实例，然后调用子组件的方法或访问子组件的属性。总结：在Vue.js中，组件通信是一个重要的概念，合理的组件通信方式可以提高代码的可维护性和可复用性。值得一提的是，除了上述提到的通信方式，还有一些第三方库和模式可以用于Vue.js组件之间的通信，如发布-订阅模式、依赖注入等。

2023-06-07 11:19:57 195

原创 Vue.js优化策略与性能调优指南

定期更新和优化：随着Vue.js的版本更新和技术的发展，不断关注和学习最新的优化技巧和最佳实践。图片优化：对于应用中使用的图片，可以采取一些优化措施，如压缩图片大小、使用合适的图片格式（如WebP）、懒加载等。可以使用动态导入和异步组件等技术，根据页面的需要进行代码的延迟加载，从而减少初始加载时间和资源占用。识别潜在的性能瓶颈，并进行相应的优化和调整，以提升应用的性能和响应速度。避免不必要的计算和操作，尽量减少组件的嵌套层级，使用适当的组件拆分和懒加载，以提高组件的渲染性能和复用性。

2023-05-30 11:19:05 809

原创深入探索Vue.js响应式原理及其实现机制

响应式更新：当数据发生变化时，Vue.js会根据依赖关系进行批量更新操作，以提高性能。在Vue实例初始化时，Vue会对数据对象进行递归遍历，将其属性转换为getter和setter，从而实现对数据的劫持。在Vue实例初始化时，Vue会对数据对象进行递归遍历，将其属性转换为getter和setter，从而实现对数据的劫持。在模板中使用到的数据属性会被收集为依赖，当数据发生变化时，依赖会被通知到，并触发视图的更新。在模板中使用到的数据属性会被收集为依赖，当数据发生变化时，依赖会被通知到，并触发视图的更新。

2023-05-30 11:14:27 554

原创构建现代化的前端应用：Vue.js指南

Vue.js是一个功能强大、灵活且易于上手的前端框架，通过掌握核心概念和最佳实践，您可以构建出高效、可扩展的现代化前端应用。不断学习和探索Vue.js的新特性和工具，结合前端开发的最佳实践，将您的Vue.js应用推向新的高度。在本文中，我将分享一些关于Vue.js的核心概念和最佳实践，帮助您快速上手并构建出优质的Vue.js应用。掌握Vue实例、组件、指令、计算属性、监听器等基本概念，并学会如何使用Vue的模板语法和响应式数据来构建动态的用户界面。掌握路由守卫和动态路由的使用，实现更高级的路由控制。

2023-05-30 11:10:43 92

空空如也

空空如也