May242020
Vue.js前端开发入门教程
什么是Vue.js?
Vue.js(简称Vue)是一款用于构建用户界面的JavaScript框架。它采用了MVVM(模型-视图-视图模型)的架构模式,能够通过响应式的数据绑定实时反映数据的变化。Vue.js非常灵活且易于学习,因此成为了目前最受欢迎的前端框架之一。
安装Vue.js
在开始之前,我们先来了解一下如何安装Vue.js。
可以通过以下方式来安装Vue.js:
CDN引入
<!DOCTYPE html>
<html>
<...阅读全文
抢沙发
May152020
Vue.js开发:从入门到实战
Vue.js是一款流行的JavaScript框架,用于构建用户界面。它具有简单易学、灵活、高效的特点,使得它成为现代Web开发的首选工具之一。在本篇博客中,我们将介绍Vue.js的基本概念和使用方法,并通过实例展示如何在实战项目中应用Vue.js。
Vue.js入门
什么是Vue.js?
Vue.js是一个用于构建用户界面的前端框架。它采用了MVVM(Model-View-ViewModel)的模式,通过将界面和数据进行双向绑定,使...阅读全文
May102020
Vue3导入Excel表格并展示(使用xlsx插件 Vite Element Plus)
引言
在前端开发中,我们经常会遇到需要导入Excel表格数据并展示的需求。本文将介绍如何使用Vue3及相关插件完成这一功能,同时结合Vite和Element Plus进行快速搭建与处理。
准备工作
在开始之前,确保已经正确安装了如下工具和依赖:
Node.js
Vue CLI 3.0或以上版本
Vite
Element Plus
xlsx插件
安装相关依赖
首先,我们需要创建一个新的Vue3项目,并安装Vite,Element Plus和xlsx插件...阅读全文
Apr262020
jQuery ajax再封装使用方法
有时候我们需要统一整个项目的ajax请求格式,比如在所有的ajax请求中附加上一些必须的参数,这时就不可能一个一个的去加了,我们可以在jquery的ajax方法的基础上再封装一层做统一处理,具体代码如下,供参考:
/**
* ajax post 提交
* @param param 参数(json格式)
* @param successCallback 成功后的回调函数
* @return
* @author www.phpernote.com
*/
function sendAjax(param, ...阅读全文
Apr262020
使用Vue.js构建一个交互式的前端应用程序
Vue.js 是一个流行的 JavaScript 框架,用于构建交互式的前端应用程序。它提供了一个简单易用的方式来构建可重用的组件,以及一个响应式的数据绑定机制,使得开发复杂的前端应用程序变得更加容易。
为什么选择Vue.js
Vue.js 具有许多优点,使其成为构建交互式前端应用程序的理想选择:
轻量级和易上手:Vue.js 的体积小巧,可以轻松地与其他库或现有项目集成。它还有一个简洁的 API,易...阅读全文
Apr242020
Vue 3新特性解析
Vue.js是一款流行的JavaScript框架,它已经在全球范围内被广泛使用。随着Vue 3的发布,这个框架又迎来了一系列令人兴奋的新特性。本博客将解析Vue 3的一些新特性,帮助您了解它们的用途和好处。
1. Composition API
Vue 3引入了Composition API,这是一个全新的API,旨在提供更灵活和可复用的组件逻辑。相比于Vue 2.x的Options API,Composition API更便于组织和重用代码。它将组件逻辑分...阅读全文
作者:绝缘体.. | 分类:javascript, typescript, vue, 前端技术, 编程语言 | 阅读: | 标签:javascript, typescript, vue, 特性, 组件
Apr212020
SpringBoot EasyPoi Vue实现Excel、Word、pdf实时预览
引言
在许多业务场景中,我们经常需要处理和生成Excel、Word和PDF文档。通过使用SpringBoot、EasyPoi和Vue,我们可以轻松地实现这些文档的实时预览功能。本文将介绍如何使用这些工具来创建一个功能强大且易于使用的文档预览功能。
准备工作
在开始之前,我们需要准备以下环境:
Java开发环境
Maven构建工具
Vue.js开发环境
安装EasyPoi
EasyPoi是一款基于POI的Java Excel和Word处理工具...阅读全文
Apr012020
Element UI中的导航菜单(NavMenu)与路由联动实现
在使用Vue.js进行开发时,我们经常需要将导航菜单与路由进行联动,以实现页面的跳转和对应菜单的高亮。Element UI提供了一个组件NavMenu,可以非常方便地实现这个功能。
NavMenu组件
NavMenu是Element UI中的一种导航菜单组件,它可以展示一组具有层级结构的菜单项,并根据当前的路由状态自动高亮对应的菜单项。NavMenu组件的使用非常简单,只需在页面上添加NavMenu组件以及对应的菜单项...阅读全文
Apr012020
使用Vue3和TypeScript开发小程序自定义Tab栏,实现自定义凸出TabBar效果
简介
在UniApp开发中,我们常常需要自定义小程序的Tab栏,以实现个性化的页面展示效果。本文将介绍如何使用Vue3和TypeScript开发自定义Tab栏,并实现自定义凸出TabBar效果。
准备工作
在开始之前,我们需要确保已经安装以下工具:
Node.js:用于运行npm命令。
HBuilderX:UniApp开发工具。
创建新项目
首先,我们需要在HBuilderX中创建一个新的UniApp项目。打开HBuilderX后,选择“新建...阅读全文
Mar282020