·零落·
远处的是风景,近处的才是人生。
展开
-
draggable实现拖拽、禁止拖拽、拖拽后元素重新排序到指定位置
draggable的github地址// 安装 npm install vuedraggable // 引入 import draggable from 'vuedraggable'原创 2023-10-20 11:33:43 · 2990 阅读 · 10 评论 -
router路由按需加载
import()方法是由es6提出的,动态加载返回一个Promise对象,then方法的参数是加载到的模块。类似于Node.js的require方法,主要import()方法是异步加载的。随着项目功能模块的增加,引入的文件数量剧增。如果不做任何处理,那么首屏加载会相当的缓慢,这个时候,路由按需加载就闪亮登场了。...原创 2022-08-10 11:45:12 · 545 阅读 · 1 评论 -
vue页面导出Word文档(含图片)
Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。与其他庞大的框架不同,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,也便于与第三方库或已有项目整合。另一方面,当与现代化的工具和库结合使用时,Vue 也完全能够构建复杂单页应用。组件系统:Vue.js 使用组件系统来构建应用。组件是可复用的 Vue 实例,具有自己的作用域,可以包含模板、数据、样式等。响应式数据绑定:Vue 会自动跟踪依赖关系并在数据变化时更新视图。原创 2020-08-26 19:48:53 · 12541 阅读 · 124 评论 -
Vue拖拽组件awe-dnd
Vue拖拽组件awe-dnd安装依赖在main.js中注册在页面drag.vue中运用效果图安装依赖npm install awe-dnd --save安装相关文章:npm 安装指定版本(按版本安装)在main.js中注册import VueDND from 'awe-dnd';// 注册-拖拽组件Vue.use(VueDND);在页面drag.vue中运用<templ...原创 2020-05-06 15:41:53 · 8851 阅读 · 1 评论 -
使用Vue+ ECharts进行动态图表展示
CDH(Cloudera Distribution for Hadoop)是一个开源的分布式数据处理平台,基于Apache Hadoop生态系统构建,提供了一套完整的大数据解决方案。Hive是基于Hadoop的数据仓库工具,提供了一种类似于SQL的查询语言,可以将结构化数据映射到Hadoop分布式文件系统(HDFS)中,并提供查询和分析功能。可以将Hive和HBase结合使用,在Hive中定义表结构和查询语句,将数据存储在HBase中。当chartData的值改变时,图表会自动更新。原创 2024-02-04 10:19:01 · 664 阅读 · 9 评论 -
vue有哪些奇技淫巧
Vue.js 是一个流行的前端框架,提供了许多有用的特性和技巧。原创 2024-01-25 16:18:14 · 369 阅读 · 2 评论 -
介绍 yarn 的安装及使用流程
Yarn是一个JavaScript软件包管理器,用于管理和组织项目中的依赖关系。它是由Facebook开发的,旨在解决npm(另一个常用的JavaScript软件包管理器)的一些性能和可靠性问题。快速:Yarn通过并行下载依赖项和缓存下载的软件包来提高性能,从而加快了项目的构建时间。安全可靠:Yarn使用了完整性检查机制来确保每个下载的软件包是正确和完整的,防止了由于软件包文件错误导致的潜在问题。原创 2024-01-23 15:05:47 · 910 阅读 · 2 评论 -
如何快速上手Vue框架
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。这段是Vue官网的介绍,想了解更多,可看下官网。原创 2024-01-23 11:31:56 · 957 阅读 · 4 评论 -
vue3对比vue2是怎样的
Vue 3通过引入Composition API、升级响应式系统、优化性能等一系列的改进和升级,提供了更好的开发体验和更好的性能,使得开发者能够更方便地开发出高质量的Web应用。它在Vue.js 2的基础上进行了一系列的改进和升级,以提供更好的性能、更好的开发体验和更好的扩展性。原创 2024-01-02 09:48:16 · 603 阅读 · 0 评论 -
【温故而知新】vue运用之探讨下单页面应用(SPA)与多页面应用(MPA)
多页面应用是一种传统的Web应用程序开发模式,由多个独立的HTML页面组成,页面切换通过浏览器的刷新来实现。在Vue单页面应用中,所有的页面和组件都是动态加载的,用户访问不同的路由时,只会更新当前页面的内容,而不会刷新整个页面。多页面应用是一种传统的Web应用程序开发模式,它由多个独立的HTML页面组成,每个页面对应着一个不同的功能或视图。Vue单页面应用是一种采用Vue.js框架开发的Web应用程序,通过前端路由实现页面的切换和渲染,具有无刷新的页面切换方式和组件化开发的优势。原创 2023-12-29 11:04:13 · 1278 阅读 · 0 评论 -
【温故而知新】vue修饰符有哪些
Vue修饰符是一种用于改变Vue指令行为的特殊后缀,用于指示指令应该如何工作。Vue是一套用于构建用户界面的渐进式框架,它是一种轻量级的JavaScript框架。Vue 提供了一种基于组件的开发模式,使得构建大型应用变得更加简单和可维护。响应式数据:Vue使用单向数据绑定的方式,当数据发生改变时,相关的DOM会自动更新。这种响应式的数据流使得开发者不需要手动去操作DOM,提高了开发效率。组件化开发:Vue将用户界面拆分为独立组件,每个组件包含了自己的逻辑和样式。原创 2023-12-29 09:51:24 · 1118 阅读 · 0 评论 -
【温故而知新】探讨下对vue的mixin的理解
Mixin是一个开放性网络基础设施,它允许开发者通过API集成和使用区块链技术。Mixin提供了一种安全、快速和便捷的方式来创建和管理资产,并支持即时交易和转账。Mixin还提供了开发者工具和SDK,使开发者可以构建各种应用和服务,从而实现更多的功能和创新。总的来说,Mixin是一个提供了区块链功能和工具的平台,可以帮助开发者轻松地构建和使用区块链应用。Mixin是一个开放性网络基础设施,它允许开发者通过API集成和使用区块链技术。原创 2023-12-28 10:47:26 · 1148 阅读 · 0 评论 -
【温故而知新】vue组件间通信的实现方式
Vue通信的详细概念主要包括以下几个方面:组件间的通信、父子组件通信、兄弟组件通信、跨级组件通信、上下文(Context)通信原创 2023-12-27 11:25:48 · 1285 阅读 · 0 评论 -
electron-vue的webview详解及案例代码
使用WebView组件,您可以将网页内容嵌入到Electron应用程序中,并使用Vue组件来控制和管理WebView的内容。Electron-Vue中的WebView组件是一种用于在Electron应用程序中嵌入网页的组件。WebView组件允许您在Electron应用程序中呈现网页内容,并且可以与Vue组件进行交互。安装WebView组件:首先,您需要在项目中安装WebView组件。您可以使用npm或yarn来安装它。导入WebView组件:在您的Vue组件中,您需要导入WebView组件。原创 2023-12-22 15:41:12 · 1314 阅读 · 0 评论 -
Electron-vue基本介绍及demo代码
Electron-vue 是一个基于 Electron 和 Vue.js 的框架,用于开发桌面应用程序。它结合了 Electron 的跨平台能力和 Vue.js 的灵活性和易用性,使开发人员可以使用常见的前端技术来构建功能丰富的桌面应用程序。使用 Electron-vue,开发人员可以利用 Vue.js 的开发模式和组件化架构来构建桌面应用程序。它提供了一些预设的配置和工具,使开发人员可以更快地启动项目,并轻松地集成 Electron 和 Vue.js。你可以根据自己的需求进一步开发和定制化。原创 2023-12-22 10:24:52 · 629 阅读 · 0 评论 -
vue实现文本上下循环滚动
页面上有两块公告,需要循环滚动,最初使用animation实现了,但如果两块公告的条数不一致的话,就会导致两块公告滚动的快慢不同,由此需要换种方式实现,使两块公告始终以同样的快慢节奏滚动。原创 2023-12-20 17:13:51 · 1474 阅读 · 0 评论 -
Vue运用之input本地上传文件,实现传参file:(binary)
功能场景是,实现列表的【批量导入】的效果,在Excel里维护好信息,本地上传好文件,再点击【确认】触动接口,将flie信息传值后端接口。原创 2023-12-13 17:13:00 · 1473 阅读 · 0 评论 -
vue基本运用之常见问题及案例代码
一些 Vue.js 的常见问题以及对应的案例代码原创 2023-12-05 19:53:27 · 555 阅读 · 0 评论 -
electron-vue运用及案例代码
Electron是一个使用JavaScript, HTML和CSS构建跨平台桌面应用程序的开源库。它允许开发者使用纯web技术创建原生应用程序,这使得web开发者能够利用他们已经掌握的web技术来构建桌面应用。原创 2023-12-01 14:48:10 · 543 阅读 · 0 评论 -
vue运用之el-cascader组件
el-cascader 是 Element UI 的级联选择器组件。以下是一些常见的 el-cascader 问题以及对应的案例代码。原创 2023-11-30 17:56:23 · 1115 阅读 · 0 评论 -
vue运用el-table常见问题及案例代码
el-table 是 Element UI 的一个组件,用于在 Vue.js 应用程序中创建数据表格。下面是一些常见的 el-table 问题以及相应的案例代码。原创 2023-11-30 17:45:22 · 800 阅读 · 0 评论 -
vue分环境打包及案例代码
Vue分环境打包可以帮助我们针对不同的环境(如开发环境、测试环境、生产环境等)打包出不同的版本,以满足不同的需求。原创 2023-11-29 14:22:31 · 657 阅读 · 0 评论 -
Axios详解及运用案例
Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。它允许开发者使用异步的方式发送 HTTP 请求,同时提供了一个简单、方便的 API 来处理这些请求和响应。原创 2023-11-29 13:58:33 · 1013 阅读 · 0 评论 -
vue.config.js详细说明
vue.config.js 是一个可选的文件,用于配置 Vue.js 项目的全局选项。这个文件是 Vue CLI 项目默认包含的配置文件,用于覆盖默认的构建选项。原创 2023-11-23 15:16:36 · 723 阅读 · 0 评论 -
vue的package.json详细说明
package.json 文件是一个非常重要的文件,它用于存储关于项目的元信息以及依赖项。在 Vue.js 项目中,package.json 文件描述了项目的名称、版本、描述、作者、依赖项、脚本命令等信息。原创 2023-11-23 15:10:22 · 1420 阅读 · 0 评论 -
Vue3的新特性包括
它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。1、更快、更小、更易维护。具体来说,Vue 3重构了虚拟DOM的写法,使得渲染速度提升;2、子组件传值更加简便。Vue3.x可以通过v-model:xxx形式传入参数,并且配合修饰符.sync进行数据同步更新,且组件支持多个v-model。3、提供了Reactive和Ref等响应式API,通过这些API可以创建一个响应式对象,或者获取一个响应式的数据。原创 2023-11-09 11:27:14 · 222 阅读 · 0 评论 -
Vue的详细知识点梳理
Vue.js 是一个渐进式的 JavaScript 框架,被设计用来构建用户界面。与其他重量级框架(如 Angular 或 React)相比,Vue.js 提供了更简单、更灵活的 API,使得你可以在各种项目中灵活使用。原创 2023-11-06 17:15:57 · 411 阅读 · 0 评论 -
vue面试题
Vue.js 是一个渐进式的 JavaScript 框架,被设计用来构建用户界面。与其他重量级框架(如 Angular 或 React)相比,Vue.js 提供了更简单、更灵活的 API,使得你可以在各种项目中灵活使用。原创 2023-11-06 16:24:18 · 323 阅读 · 1 评论 -
前端知识点梳理
Vue.js 的核心库只关注视图层,不仅易于上手,而且便于与第三方库或既有项目整合。Vue.js 的目标是通过尽可能简单的 API 实现响应式的数据绑定和组合的视图组件。Vue.js 的设计从底向上逐步增量开发,其核心库只关注视图层,不仅易于上手,而且便于与第三方库或既有项目整合。原创 2022-08-15 09:42:34 · 2466 阅读 · 0 评论 -
vue内置的组件component
渲染一个“元组件”为动态组件。依is的值,来决定哪个组件被渲染。原创 2022-07-14 19:49:58 · 509 阅读 · 0 评论 -
Vue页面转PDF文件并下载
安装插件npm install -S jspdfnpm install -S html2canvas使用:1)新建htmlToPdf.js(可放在libs文件下)import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default{ install (Vue, options) { Vu...转载 2020-02-13 09:24:25 · 1278 阅读 · 0 评论 -
vue iframe 宽高自适应
获取窗口的宽高,然后将相应值赋值给iframe&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt; &amp;amp;lt;iframe ref=&amp;quot;iframe&amp;quot; id=&amp;quot;bdIframe&amp;quot; :src原创 2018-08-06 11:21:06 · 19293 阅读 · 5 评论 -
iview Input组件聚焦时会出现边框(去除边框CSS)
去除边框CSS.ivu-input:focus{ outline:none; border:none; box-shadow: 0 0 0 2px transparent; }原创 2019-09-26 14:57:34 · 3745 阅读 · 1 评论 -
this.$router跳转 带参数
不带参数this.$router.push('/xqgl/ysjhgl/cjysjh'); // 路径:'/xqgl/ysjhgl/cjysjh'带参数this.$router.push({name: 'Ysjhdetail', params: {num_id: val}}); // 路径名name参数获取created() { this.pkid...原创 2018-04-20 15:36:38 · 5341 阅读 · 0 评论 -
JavaScript详解及基本概念
JavaScript是一种广泛使用的编程语言,主要用于网页开发。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 是 web 开发人员必须学习的 3 门语言中的一门。HTML 定义了网页的内容,CSS 描述了网页的布局,JavaScript 控制了网页的行为。原创 2018-04-20 10:16:11 · 817 阅读 · 1 评论 -
js判断各种浏览器
在JavaScript中,你可以使用navigator.userAgent属性来获取浏览器的用户代理字符串,从而判断浏览器的类型。JavaScript是一种广泛使用的编程语言,主要用于网页开发。原创 2023-12-21 09:09:04 · 657 阅读 · 1 评论 -
关于iview表单验证的问题
关于iview表单验证的问题iview表单验证的步骤:第一步:给 Form 设置属性 rules :rules第二步:同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“第三步:注意:Form标签里面是 :model第四步:注...转载 2018-04-19 18:24:05 · 13448 阅读 · 0 评论 -
vue的安装及element组件的安装
一、新建vue项目1、首先需要下载nodejs,安装后打开命令窗口可以使用npm包管理工具npm集成在node中的,所以直接输入npm-v查看npm的版本信息2、npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像—cnpm。3、在命令行中输入 npm install...转载 2018-04-19 17:52:58 · 2429 阅读 · 0 评论 -
el-dialog 弹窗获取里面子组件(异常问题)
代码:<el-dialog title="货物明细" :visible.sync="visible" custom-class="customDialog" size="small" top="3%"> <v-hwmx ref="hwmxdialog" v-on:setHwmxVisible="setHwmxVisible&q原创 2018-04-16 15:33:21 · 3372 阅读 · 1 评论 -
moment 格式化日期
安装:npm install moment --save 引用:import moment from 'moment'代码: &lt;el-table :data="tableData" v-loading.body="loading" ...原创 2018-04-16 14:36:47 · 804 阅读 · 1 评论