![](https://img-blog.csdnimg.cn/1218107b0c87466e96639f955e202070.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端杂货铺
文章平均质量分 87
收集前端疑难杂症,对症下药
前端布道人
骑行,拍娃,撸代码。前端老兵一枚
展开
-
前端利用vue如何实现导入和导出功能.md
xlsx/TOC。原创 2024-07-02 00:00:00 · 1885 阅读 · 0 评论 -
vue2 props的类型如果为对象或者数组,为什么默认值一定得是个函数
TOC/TOC。原创 2024-07-01 00:00:00 · 1480 阅读 · 0 评论 -
vue3中如何使用xlsx插件
在Vue3中使用插件来实现Excel的上传与下载,你需要经历几个关键步骤。下面是一个简化的指南,展示如何实现这些功能:首先,确保你已经安装了库。如果还没有安装,可以通过以下命令进行安装:1.2. 导入库在你想要使用功能的Vue组件中,导入库:1.3. 实现Excel上传1.3.1. 创建文件输入组件:在模板中添加一个文件输入框,用于用户选择Excel文件。在方法中,使用读取用户选择的文件,并利用进行解析。1.4. 实现Excel下载1.4.1. 定义导出方法:创建一个方法来将数据转换为Exc原创 2024-06-30 00:00:00 · 1305 阅读 · 0 评论 -
xlsx插件简介
TOC/TOC。原创 2024-06-29 00:00:00 · 1895 阅读 · 0 评论 -
Vue实现Excel表格上传解析与导出
TOC/TOC。原创 2024-06-28 00:00:00 · 895 阅读 · 0 评论 -
vue如何实现上传excel表格并直接展示excel表格
TOC/TOC。原创 2024-06-27 01:15:00 · 852 阅读 · 0 评论 -
在前端开发过程中如果函数参数很多,该如何精简
TOC/TOC。原创 2024-06-26 21:01:13 · 536 阅读 · 0 评论 -
vue中使用emit
Vue 3 中,通过在子组件的setup函数中使用明确定义要发出的事件,以及在父组件中使用模板语法监听这些事件,实现了更清晰和类型安全的父子组件通信。这种方式鼓励开发者提前规划组件间通信的接口,提高了代码的可维护性和可读性。原创 2024-06-13 00:00:00 · 1687 阅读 · 0 评论 -
弹性布局如何设置最后一个元素的位置
在弹性布局(Flexbox)中,调整最后一个元素的位置可以通过几种方式实现,具体取决于你希望达到的布局效果。原创 2024-06-12 00:00:00 · 930 阅读 · 0 评论 -
vue如何使用slot
Vue 中使用 slot 的方式取决于你是使用 Vue 2 还是 Vue 3,因为这两个版本在插槽(Slot)的语法上有所不同。下面是两个版本的基本使用方法:在 Vue 2 中, 是用来实现组件内容分发的一个关键特性,它允许你在父组件中定义一块内容,然后在子组件中决定如何展示这块内容。Vue 2 提供了几种类型的 slots,包括默认插槽、具名插槽以及作用域插槽。以下是它们的基本使用方法:默认插槽是最基本的用法,当你在一个组件中没有明确指定插槽名称时,内容将会被分配到默认插槽。父组件使用:子组件定义:1原创 2024-06-10 00:00:00 · 854 阅读 · 1 评论 -
浅谈CSS权重计算规则
TOC/TOC。原创 2024-06-11 00:00:00 · 708 阅读 · 0 评论 -
Eslint配置指南
TOC/TOC。原创 2024-06-09 00:00:00 · 1367 阅读 · 0 评论 -
css3 都有哪些新属性
CSS3引入了许多新属性,极大地丰富了网页设计的能力,提高了用户体验。以下是一些关键的CSS3新属性及其简要说明:例如, 会使文本产生向右下方偏移2像素,模糊4像素的黑色阴影。font-face属性:定义自己的字体。在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。这些只是CSS3众多新功能的一部分,还有更多属性如 , 函数,以及针对字体()、滤镜效果 () 等的改进,大大增强了CSS的功能性和表现力。更多详细内容,请微信搜索““, 戳我原创 2024-06-08 00:00:00 · 1079 阅读 · 0 评论 -
如何使用vscode进行代码格式化设置.
TOC/TOC。原创 2024-06-07 16:11:02 · 5820 阅读 · 0 评论 -
ES6之Set数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。原创 2024-05-21 12:04:15 · 1014 阅读 · 0 评论 -
使用 Sonatype Nexus Repository Manager 如何安装npm.md
TOC/TOCSonatype Nexus Repository Manager (通常简称 Nexus) 是一个强大的二进制管理系统,用于存储和管理Maven、npm、NuGet等不同格式的依赖包。原创 2024-05-24 00:00:00 · 1305 阅读 · 0 评论 -
ES6之Proxy
ES6(ECMAScript 2015)引入了Proxy对象,属于一种“元编程”(meta programming),即对编程语言进行编程。这是一种可以用来定义基本操作(如获取或设置属性)的自定义行为的对象。Proxy 可以让你在访问一个对象之前对其进行拦截,从而实现对对象操作的控制,比如验证、计算、日志记录等。这对于开发框架、库或者进行某些高级的JavaScript编程非常有用。原创 2024-05-23 00:00:00 · 666 阅读 · 0 评论 -
ES6之Map数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。原创 2024-05-22 00:00:00 · 1686 阅读 · 0 评论 -
ES6之Set数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。原创 2024-05-21 00:00:00 · 907 阅读 · 0 评论 -
ES6之Symbol
TOC/TOC。原创 2024-05-20 00:00:00 · 1056 阅读 · 0 评论 -
ES6之对象的扩展
TOC?/TOC。原创 2024-05-19 00:00:00 · 931 阅读 · 0 评论 -
ES6之数组的扩展
TOC.../TOC。原创 2024-05-18 00:00:00 · 811 阅读 · 0 评论 -
ES6之数值的扩展
TOCNaN/TOC。原创 2024-05-16 00:00:00 · 2215 阅读 · 1 评论 -
ES6之正则扩展
TOC/TOC。原创 2024-05-15 00:00:00 · 753 阅读 · 0 评论 -
ES6之字符串的扩展
TOC/TOC。原创 2024-05-14 00:00:00 · 763 阅读 · 0 评论 -
变量的解构赋值
TOC。原创 2024-05-13 00:00:00 · 516 阅读 · 0 评论 -
声明变量的六种方法
TOC/TOC。原创 2024-05-12 00:00:00 · 631 阅读 · 0 评论 -
const命令
ES6(ECMAScript 2015)引入了const关键字,用于声明一个只读的常量。这意味着一旦使用const声明了一个变量,其值就不能再被重新赋值。这有助于提高代码的可读性和避免某些类型的错误。原创 2024-05-11 00:00:00 · 712 阅读 · 0 评论 -
let命令
TOC/TOC。原创 2024-05-10 00:00:00 · 798 阅读 · 0 评论 -
ECMAScript 6简介
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。原创 2024-05-09 10:02:50 · 449 阅读 · 0 评论 -
浅谈如何封装iconfont的svg图标组件
步骤1:获取Iconfont图标访问。在我的项目中生成网络js文件新建svg.js,将代码复制到js当中在main.js中导入svg.js文件步骤2:创建Icon组件在uni-app项目中创建一个新的Vue单文件组件(SFC),例如命名为Icon.vue。原创 2024-04-28 00:00:00 · 521 阅读 · 0 评论 -
uni-app 如何使用svg
在uni-app中使用SVG(Scalable Vector Graphics)可以采用多种方式,以下是几种常见的方法和步骤,包括直接引用、转换为base64编码、作为组件使用等。下面分别举例说明:虽然uni-app本身可能不直接支持标签,但可以通过以下方式间接使用:a. 作为Image组件的源将SVG文件作为静态资源放入项目中,然后通过组件的属性引用。这种方法适用于静态SVG图像。示例:确保SVG文件(例如)已放置在项目的目录下。b. 作为Background Image如果需要将SVG作为背景图,可以原创 2024-04-27 00:00:00 · 5588 阅读 · 2 评论 -
uni-app 如何更换tabbar里面的图标
TOC。原创 2024-04-26 00:00:00 · 1666 阅读 · 0 评论 -
uni-app 如何在代码中使用定义的scss变量
1. 使用全局SCSS变量定义全局变量在uni-app项目中,通常有一个名为uni.scss的全局样式文件,用于存放项目级的SCSS变量、混合(mixins)、函数等。// 其他变量、混合、函数等...在组件或页面中使用全局变量在Vue单文件组件(SFC)的原创 2024-04-25 00:00:00 · 3104 阅读 · 0 评论 -
uni-app 如何使用iconfont中的图标
data() {return {icons: [],},},},原创 2024-04-24 00:00:00 · 1161 阅读 · 0 评论 -
uni-app 的 扩展组件(uni-ui) 与uView UI
TOC/TOC。原创 2024-04-23 02:45:00 · 1515 阅读 · 0 评论 -
uni-app 如何添加模拟器
要添加模拟器到 Uni-App 开发流程中,主要取决于您要预览和调试的具体平台。对于微信小程序,使用微信开发者工具;对于通用 Web、App 或其他小程序平台,利用 HBuilderX 内置的模拟器;对于 Android App,安装并配置第三方 Android 模拟器,确保其与开发环境(如 HBuilderX)正确连接,然后通过 IDE 运行项目到模拟器。遵循上述步骤,您可以顺利地在各种模拟器上预览和调试您的 Uni-App 项目。更多详细内容,请微信搜索“前端爱好者戳我查看。原创 2024-04-22 00:00:00 · 805 阅读 · 0 评论 -
uni-app 有哪些内置组件
TOC/TOC。原创 2024-04-21 00:00:00 · 1454 阅读 · 0 评论 -
uni-app 中如何使用echart
在 uni-app 中使用 ECharts 数据可视化库,通常需要完成以下步骤:使用 npm 安装 ECharts 到你的 uni-app 项目中。在项目根目录下打开终端,执行以下命令:2. 引入 ECharts对于 Vue 单文件组件( 文件)在需要使用 ECharts 的 Vue 组件中,通过 语句引入 ECharts。同时,如果你需要使用地图功能,还需要额外引入相应的地图文件(如中国地图)并注册。对于使用 uni-app 插件市场的 ECharts 插件如果你选择使用 uni-app 插件原创 2024-04-20 00:00:00 · 2554 阅读 · 0 评论 -
uni-app 如何在函数中调用 Modal 模态框
TOC/TOC/TOCuni-app 提供了内置的 API用于直接弹出系统样式的模态框。在上述代码中,函数调用了当用户点击确定或取消按钮时,success回调函数会被触发,可以根据和res.cancel的值判断用户的选择并执行相应操作。更多详细内容,请前端爱好者。如果你的项目中已经集成并使用了 uView UI 库,那么可以利用其提供的 Modal 组件来实现自定义样式的模态框。原创 2024-04-19 00:00:00 · 1406 阅读 · 0 评论