
前端基础
文章平均质量分 72
风继续吹..
我与旧事归于尽,来年依旧迎花开
展开
-
Date 日期对象使用指南
日期方法创建 Date 对象时,可以使用许多方法对其进行操作。日期方法允许您使用本地时间或 UTC(通用或 GMT)时间来获取和设置日期对象的年、月、日、小时、分钟、秒和毫秒。原创 2025-03-27 09:30:00 · 615 阅读 · 0 评论 -
前端页面搭建中 左右布局的实现方案
需求:在一个块级元素中实现左右布局,左侧需要横向滚动,右侧固定宽度。原创 2025-03-07 09:00:00 · 933 阅读 · 0 评论 -
优雅处理 ECharts 无数据场景的最佳实践
直接替换 DOM 会导致 ECharts 实例与 DOM 节点解绑,后续操作会抛出。:首次进入页面即刻渲染, 得放置于dom挂载后(mounted生命周期)通过 dispose() 方法销毁旧实例, 避免内存泄漏。直接隐藏图表容器会导致 ECharts 实例报错。后端接口返回空数据时图表区域留白。临时添加的占位符需要维护两套样式。频繁的 DOM 操作影响页面性能。:通过插槽支持自定义占位内容。:结构/样式/逻辑三层分离。:通过 CSS 控制显隐。在组件卸载时自动清理资源。原创 2025-02-21 15:00:00 · 780 阅读 · 0 评论 -
Vue2 和 Vue3 自定义指令比较
在Vue 2和Vue 3中,自定义指令可以通过全局注册和局部注册来创建。原创 2024-08-15 10:11:19 · 1150 阅读 · 0 评论 -
Vue2 element-ui引入 及定制element-ui主题
Vue2 element-ui引入 及定制element-ui主题。生成的主题文件, 解压后 放置于的根目录。文件,并在main.js中引入。路径为自定义主题相对于。一起使用,只需要修改。原创 2024-08-13 01:12:19 · 1036 阅读 · 0 评论 -
Vue3 elementPlus引入 及定制elementPlus主题
基于vue3项目搭建好,项目内需应用elementPlus,按下列要求操作即可。原创 2024-08-13 00:02:43 · 608 阅读 · 0 评论 -
项目中使用`import`关键字导入文件方式
在某些情况下,一个模块可能只有一个主要的导出内容。这时,你可以使用默认导出来简化导入过程。原创 2024-08-08 10:59:11 · 474 阅读 · 0 评论 -
Vue3 组件通信
顶层组件向任意的底层组件传递数据和方法,实现跨层组件通信。顶层组件可以向底层组件传递方法,底层组件调用方法修改顶层组件的数据。概念:通过 ref标识 获取真实的 dom对象或者组件实例对象。在调用provide函数时,第二个参数设置为ref对象。子组件内部通过 emit 方法触发事件。通过ref标识绑定ref对象到标签。子组件内部通过props选项接收数据。父组件中给子组件标签通过@绑定事件。调用ref函数生成一个ref对象。父组件中给子组件绑定属性。原创 2024-08-08 09:54:42 · 666 阅读 · 0 评论 -
封装导出功能(export)
是一个用于在前端导出文件的JavaScript库,它允许开发者在浏览器环境中方便地保存文件。通过使用file-saver,开发者可以创建Blob对象,并利用FileSaver.saveAs方法将文件保存到用户的设备上。这种方法特别适用于Web应用中需要导出文件到客户端的情况,如Excel、CSV等。在Vue.js中使用file-saver导出文件的基本步骤包括:。原创 2024-07-29 12:05:25 · 1115 阅读 · 0 评论 -
封装分页组件(Pagination)v2版本
Vue项目 -- 封装分页组件(Pagination)v2版本原创 2024-07-23 21:36:52 · 421 阅读 · 0 评论 -
Electron系列 -- vue项目嵌套electron打包成桌面应用(上)
是一个生成图标的包安装package.json 中配置命令},执行命令, 生成icon完成后会在根目录多出来一个build目录在vue.config.js 中, 也要将路径进行调整删除原来的,重新打包,安装后就是新图标了。原创 2024-07-11 17:37:29 · 1909 阅读 · 0 评论 -
Vue项目性能优化、开启gzip
Gzip 压缩是一种简单、有效且广泛使用的前端性能优化技术,可以带来多方面的好处。原创 2024-07-10 12:09:00 · 828 阅读 · 0 评论 -
基本布局-网格布局及其属性
网格布局的几个属性,学会带你快速上手布局原创 2023-03-08 23:50:25 · 302 阅读 · 0 评论