写在开头 点赞 + 收藏 学会 在计算机的世界中,有各种各样的文件,文件类型千奇百怪,作为一名前端开发工程师,我们如何来实现这些文件的在线预览呢?在这篇文章,我们已经实现了前端如何实现压缩包解析?,但是也仅仅是能够查看压缩包中的内容,并不能真实的去进行线上预览,这节就是在文件 ...
官网: https://vxetable.cn 通过 range 启用范围选中,启用后鼠标按住复选框的列,向上或向下滑动选取,支持快捷键; MouseLeft 按住复选框的列,向上或向下滑动选取; MouseLeft + Ctrl 局部选取/取消; <template> <div> <vxe-tab ...
官网: https://vxetable.cn 轻量级图表,超高性能的在表格中渲染柱状图,即使是渲染上万条数据单元格图表,也是丝滑流畅。 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-render-chart@4.0.1 // ...
在 vxe-table 中,使用 echarts 实现表格通过右键菜单渲染折线图、饼图、柱状图等,通过扩展插件就能实现简单的配置渲染单元格图表 官网: https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions" @menu- ...
官网: https://vxetable.cn 通过手动调用 exportData 方法可以直接导出文件 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-export-pdf@4.0.8 jspdf@2.5.2 <script t ...
通过手动调用 exportData 方法可以直接导出文件,导出时单元格类型默认是自动转换的,如果是需要字符串类型,可以通过 column.cell-type 设置,也可以调用 openExport 方法打开导出面板 官网: https://vxetable.cn npm install vxe-pc ...
常规的图片优化有压缩图片、使用 CSS sprites、懒加载、预加载、CDN 缓存、合适的图片格式、七牛 CDN 图片参数等等,这里不在赘述,这篇文章我们将讨论其他几种方案~ ...
官网: https://vxetable.cn 查找与替换,通过 keyboard-config.isFNR 启用,支持快捷键 Ctrl + F 查找数据,全表或指定区域查找数据 ; Ctrl + H 替换数据,全表或指定区域替换数据 ; <template> <div> <vxe-table bo ...
前言 watch这个API大家应该都不陌生,在Vue3版本中给watch增加不少有用的功能,比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上,但是在一些特定的场景中,他们能够起大作用,这篇文章欧阳就来带你盘点一 ...
Naive UI是一款流行的Vue 3组件库,以其简洁、高性能和易用性著称。它提供了丰富的UI组件,如按钮、输入框、选择器等,满足现代Web应用开发需求。Naive UI遵循Ant Design的设计原则,但更注重组件的轻量化和灵活性。开发者可以轻松集成Naive UI,快速构建响应式界面,提升用户... ...
写在前面,好久不见各位,之前一段时间因为一些事情有点忙,但从未停止学习的脚步,也屯了很多笔记,会在未来的时间慢慢发出来,从今天开始一起进入WebGis,threeJs目前大前端发展的一个方向开始学习,希望里面可以有帮助到大家的内容,有不足的地方还请指正,一起学习进步!!! 1.了解Three.js ...
Vue Baidu Map是一套基于Vue.js的百度地图组件库,它允许开发者在Vue应用中轻松集成百度地图服务。该库提供了丰富的API接口,支持地图显示、定位、路径规划等功能。使用时,首先需要在项目中安装并引入Vue Baidu Map,然后通过配置地图容器和相关参数初始化地图。开发者可以利用其提... ...
ChartCube是一款创新的图表制作工具,它允许用户通过拖拽的方式快速生成各种图表。它支持多种数据源,包括本地文件、在线数据库和APIs,满足不同用户的数据接入需求。ChartCube提供了丰富的图表类型和自定义选项,使得用户可以轻松地调整图表样式和布局。此外,它还提供图表分享和嵌入功能,方便用户... ...
PrimeVue是一个功能强大的Vue UI组件库,专为构建现代Web应用程序而设计。它提供了一套丰富的组件,包括按钮、表格、对话框等,支持响应式布局和暗黑主题。PrimeVue易于集成,支持Vue 3和PrimeNG,是开发高性能Vue应用的理想选择。适用于企业级项目,提升开发效率。 ...
时光飞逝,一晃已经工作了10年了,2014年一个人背着书包拉着箱子,下火车去做637路公交车的场景历历在目,637路公交车从起点坐到终点,开启了工作的第一站,这趟已经在路上行驶了10年的列车,经历多了多次上车与下车,这10年互联网高速的发展,有幸赶上这个时代,个人也得到了很大的成长。感谢,感恩,这1 ...
一、背景 在上一篇博客中,我分享了将RN的bundle包在原生鸿蒙开发中进行使用。但是如果我们在实际的开发过程中,每次修改完代码都需要打包,然后重新运行原生项目的话效率就有点太低了。 原生鸿蒙支持RN的热加载,每次改完代码直接ctrl+s即可,改动后的代码会自动同步到手机上。除此之外,还支持同时调试 ...
IconPark是一套由字节跳动推出的高质量图标库,提供丰富的图标资源,支持在线搜索和自定义。它的特点包括矢量图标、多端适配、轻量级下载和免费商用。用户可通过官网直接搜索所需图标,一键下载SVG或PNG格式。IconPark图标库致力于提升设计师和开发者的工作效率,是构建现代化网站和应用的理想选择。 ...
写在开头 点赞 + 收藏 学会 源码实现思路(面试高分回答) 面试官问我 Vue 的 nextTick 原理是怎么实现的,我这样回答: 在调用 this.$nextTick(cb) 之前: 存在一个 callbacks 数组,用于存放所有的 cb 回调函数。 存在一个 ...
扫码或者点击文字后台提问 原文: https://mp.weixin.qq.com/s/36dd--oj6jmkZblfJRh4iw computed 支持选项式写法 和 函数式写法 1.选项式写法 支持一个对象传入get函数以及set函数自定义操作 2.函数式写法 只能支持一个getter函数不允 ...
写在开头 点赞 + 收藏 学会 官方文档 接入vue2项目和vue3项目 对应路由模式分别是hash和history 主应用 主应用是基于vue3开发的一个门户网站,仅有登录以及门户列表。 基于路由配置方式 通过将微应用关联到一些 url 规则的方式,实现当浏览器 url 发 ...