- 博客(113)
- 收藏
- 关注
RSS订阅原创 前端中的LocalStorage和SessionStorage
LocalStorage和SessionStorage是HTML5提供的本地存储解决方案，用于在浏览器端保存数据。在使用时，要根据需求和场景选择合适的存储方式，以提高用户体验和数据安全性。在前端开发中，常常需要在浏览器端保存数据，以便在页面刷新或跳转时能够保留数据或状态。在这种情况下，可以使用Web Storage API中的LocalStorage和SessionStorage来实现数据的存储。它们都是HTML5提供的本地存储解决方案，可以在浏览器端临时或长期保存数据，而不需要发送到服务器。
2023-07-27 15:02:29
436
原创 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
743
原创 Vue为什么使用return返回data对象的原因
Vue要求data必须是一个返回对象的函数，是为了保证组件之间数据的隔离，实现数据的响应式，并避免共享数据带来的问题。这是Vue框架设计的重要特性之一，为开发者提供了更加安全、稳定和灵活的数据管理方式。因此，我们在使用Vue开发项目时，应该始终遵循将data设置为一个返回对象的函数的规范，以充分发挥Vue的响应式和数据隔离特性，提高应用的可维护性和稳定性。
2023-07-20 17:29:00
1712
原创 Vue.js中的组件通信方式
使用$refs进行父子组件通信： 在某些情况下，父组件可能需要直接访问子组件的方法或属性，可以使用$refs来实现父子组件之间的通信。通过在子组件上设置ref属性，父组件可以通过$refs对象引用子组件的实例，然后调用子组件的方法或访问子组件的属性。总结： 在Vue.js中，组件通信是一个重要的概念，合理的组件通信方式可以提高代码的可维护性和可复用性。值得一提的是，除了上述提到的通信方式，还有一些第三方库和模式可以用于Vue.js组件之间的通信，如发布-订阅模式、依赖注入等。
2023-06-07 11:19:57
124
原创 Vue.js优化策略与性能调优指南
定期更新和优化：随着Vue.js的版本更新和技术的发展，不断关注和学习最新的优化技巧和最佳实践。图片优化：对于应用中使用的图片，可以采取一些优化措施，如压缩图片大小、使用合适的图片格式（如WebP）、懒加载等。可以使用动态导入和异步组件等技术，根据页面的需要进行代码的延迟加载，从而减少初始加载时间和资源占用。识别潜在的性能瓶颈，并进行相应的优化和调整，以提升应用的性能和响应速度。避免不必要的计算和操作，尽量减少组件的嵌套层级，使用适当的组件拆分和懒加载，以提高组件的渲染性能和复用性。
2023-05-30 11:19:05
696
原创 深入探索Vue.js响应式原理及其实现机制
响应式更新：当数据发生变化时，Vue.js会根据依赖关系进行批量更新操作，以提高性能。在Vue实例初始化时，Vue会对数据对象进行递归遍历，将其属性转换为getter和setter，从而实现对数据的劫持。在Vue实例初始化时，Vue会对数据对象进行递归遍历，将其属性转换为getter和setter，从而实现对数据的劫持。在模板中使用到的数据属性会被收集为依赖，当数据发生变化时，依赖会被通知到，并触发视图的更新。在模板中使用到的数据属性会被收集为依赖，当数据发生变化时，依赖会被通知到，并触发视图的更新。
2023-05-30 11:14:27
511
原创 构建现代化的前端应用：Vue.js指南
Vue.js是一个功能强大、灵活且易于上手的前端框架，通过掌握核心概念和最佳实践，您可以构建出高效、可扩展的现代化前端应用。不断学习和探索Vue.js的新特性和工具，结合前端开发的最佳实践，将您的Vue.js应用推向新的高度。在本文中，我将分享一些关于Vue.js的核心概念和最佳实践，帮助您快速上手并构建出优质的Vue.js应用。掌握Vue实例、组件、指令、计算属性、监听器等基本概念，并学会如何使用Vue的模板语法和响应式数据来构建动态的用户界面。掌握路由守卫和动态路由的使用，实现更高级的路由控制。
2023-05-30 11:10:43
59
原创 如何提高代码质量和可维护性
如何提高代码质量和可维护性：良好的代码质量和可维护性是每个软件开发者都应该追求的目标。在本文中，我将分享一些实用的技巧和建议，帮助您提高代码质量，使代码更易读、可维护和可扩展。
2023-05-30 11:07:02
368
原创 element下拉框选择和选中不一致怎么设置
element下拉框选择和选中不一致怎么设置element下拉框选择和选中不一致怎么设置element下拉框选择和选中不一致怎么设置element下拉框选择和选中不一致怎么设置
2022-09-27 15:33:53
1044
1
原创 vue2+ts中表格Ref滚动条置顶写法scrollTop = 0；
vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶...
2022-07-27 08:46:01
614
原创 element表格配合sortablejs实现拖拽功能
element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能......
2022-07-26 14:54:06
506
原创 element表格表头第一列合并
element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并
2022-07-26 11:16:02
833
原创 element el-table表格数据合并
针对前面文章中的数据合并出错时，可用这个行合并element表格列相同值自动合并单元格_天气晚来秋~的博客-CSDN博客这个可用单个，多个可自己按照逻辑多封装一下话不多说，上代码
2022-07-26 11:01:13
654
原创 VUE页面表格数据多卡顿用虚拟表单
情景概况：页面表格想要通过滚动条展示非常多的数据，后端返回接口很快。解决方法：虚拟滚动 vue + vxe-tableelement ui 表单已经不能满足这个需求，二次封装也很麻烦，所以推荐用现有插件vxetable..................
2022-07-08 15:27:32
2827
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人