JavaScript - 教程之家

48浏览

0评论

vue Watch和Computed的使用总结

01. 监听器watch
（1）作用
watch：用于监听data中的数据变化，只在被监听的属性值发生变化时执行export default { data() { return { number: 1...

2021-05-27

68浏览

0评论

详解Vue3中Teleport的使用

在本文中，我们将介绍： Teleport 的目的 Teleport 的例子一些很有意思的代码交互
Teleport 的目的
首先是什么时候以及使用这个 Teleport 功能。在开发较大的 Vu...

2021-05-27

71浏览

0评论

vue实现左右滑动效果实例代码

前言个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行!vue.js是现在流行的js框架之一,vue 是一套用于构建用户界面的渐...

2021-05-27

40浏览

0评论

vue.js云存储实现图片上传功能

前言提示：以下是本篇文章正文内容，下面案例可供参考一、对象存储示对象存储（Cloud Object Storage，COS）是腾讯云提供的一种存储海量文件的分布式存储服务，具有高扩展性、低成本、...

2021-05-27

50浏览

0评论

快速掌握Vue3.0中如何上手Vuex状态管理

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue...

2021-05-27

40浏览

0评论

vue项目中使用骨架屏的方法

现在的应用开发，基本上都是前后端分离的，前端主流框架有SPA、MPA等，那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载，减小首屏需要加载代码的体积；使用CDN技术、...

2021-05-27

72浏览

0评论

vue使用节流函数的踩坑实例指南

前言
一个常见的业务场景，我们要在input搜索框输入结束后，发送相关请求，获取搜索数据。频繁的事件触发会导致接口请求过于频繁。所以需要我们对此加以限制，来禁止不必要的请求，以...

2021-05-27

91浏览

0评论

如何在vue3.0+中使用tinymce及实现多图上传文件上传公式编辑功能

相关文档本文部分内容借鉴： https://www.cnblogs.com/zhongchao666/p/11142537.htmltinymce中文文档： http://tinymce.ax-z.cn/安装tinymce1、安装相关依赖yarn add tinymce...

2021-05-27

40浏览

0评论

vue项目实现左滑删除功能(完整代码)

实现效果代码如下html<template> <div> <div class="biggestBox"> <ul>  <li class="...

2021-05-27

50浏览

0评论

vue-table实现添加和删除

本文实例为大家分享了vue-table实现添加和删除的具体代码，供大家参考，具体内容如下一.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue-table示例<...

2021-05-27

47浏览

0评论

Vue和Flask通信的实现

安装axios和实现通信这里我们通过axios来连接Vue前端和Flask后端，使用AJAX请求进行通信。使用如下命令安装npm install axiosaxios的使用格式:import axios from 'axios'; e...

2021-05-27

55浏览

0评论

vue实现指定日期之间的倒计时

本文实例为大家分享了vue实现指定日期之间倒计时的具体代码，供大家参考，具体内容如下效果图如下此处使用moment.js日期处理类库使用方法如下npm install moment 或者 yarn ad...

2021-05-27

42浏览

0评论

vue递归实现三级菜单

本文实例为大家分享了vue递归实现三级菜单的具体代码，供大家参考，具体内容如下父组件<template> <div class="menu-level-menu menu-level-menu-enter" v-if="showLevelMe...

2021-05-27

49浏览

0评论

MAC+PyCharm+Flask+Vue.js搭建系统

配置node.js+nvm+npm访问github官方地址，根据官方的文档来安装Mac版本的nvm，click here这里建议用nvm安装管理Node.jscURL:curl -o- https://raw.githubusercontent.com/nvm-s...

2021-05-27

49浏览

0评论

Vue中父组件向子组件传递数据的几种方法

最近在学习vue的源码，总结了几种vue中父子组件传递数据的方法。1.props & event
父组件向子组件传递props数据，子组件通过触发事件向父组件回传数据，代码如下：//子组件 <templat...

2021-05-27

50浏览

0评论

Vue自定义组件使用事件修饰符的踩坑记录

前言
今天在使用自写组件时，突然遇到久违的冒泡事件，就想着使用Vue自带的事件修饰符(.stop)，本以为可以就此解决冒泡，却遇到这个问题。脑中一片问号？？？？这是什么鬼，我是按照Vue文档写...

2021-05-27

37浏览

0评论

Vuex数据持久化实现的思路与代码

什么是vuex
vuex ：是一个专为vue.js开发的状态管理器，采用集中式存储的所有组件状态五个属性： state、getters、mutations、actions、module基本使用:新建store.js文件，最后在ma...

2021-05-27

62浏览

0评论

Vue+thinkphp5.1+axios实现文件上传

本文实例为大家分享了使用thinkphp5.1 + Vue+axios+实现文件上传，供大家参考，具体内容如下前言使用thinkphp5.1 + Vue+axios+实现文件上传一.页面代码<!DOCTYPE html><html><h...

2021-05-27

41浏览

0评论

vue element实现表格增加删除修改数据

本文实例为大家分享了vue element实现表格增加删除修改数据的具体代码，供大家参考，具体内容如下这里用到是设置一个弹出框来实现此功能，还有一种方法是直接在原来的基础上面进...

2021-05-27

63浏览

0评论

如何在 Vue 中使用 Axios 异步请求API

设置基本 HTTP 请求
首先在终端中执行下面的命令把 Axios 安装到项目中：install axiosnpm install axios然后，在 Vue 组件中像这样导入axios。//App.vie - importing axios<sc...

2021-05-27

75浏览

0评论

Vue-pdf实现在线预览PDF文件

前言在大多数项目中都会遇到在线预览PDF文件，项目使用的是element ui，使用vue-pdf实现。安装依赖npm install --save vue-pdf相关参数参数介绍： url ：pdf 文件的路径，可以是本...

2021-05-27

57浏览

0评论

vue实现同时设置多个倒计时

本文实例为大家分享了vue实现同时设置多个倒计时的具体代码，供大家参考，具体内容如下html如下：<div class="home"> <tbody> <tr v-for="(item, index) in bargainGoods...

2021-05-27

44浏览

0评论

vue实现钉钉的考勤日历

本文实例为大家分享了vue实现钉钉的考勤日历的具体代码，供大家参考，具体内容如下直接上效果图，需要再往下看GitHub地址：vue-calendar-component
由于需要对此组件的样式及功能的...

2021-05-27

63浏览

0评论

构建Vue3桌面应用程序的方法

在本文中，我们将研究如何通过 Vite 开发 Vue 3 桌面项目。在项目中会用到 Electron ，一种最流行的框架，可使用Javascript构建跨平台的桌面应用程序。因此，许多受欢迎的应用程...

2021-05-27

68浏览

0评论

Vue中Class和Style实现v-bind绑定的几种用法

项目开发中给元素添加/删除 class 是非常常见的行为之一，例如网站导航都会给选中项添加一个 active 类用来区别选与未选中的样式，除了导航之外其他很多地方也都会用到这种方...

2021-05-27

69浏览

0评论

element多个表单校验的实现

在项目中，经常会遇到表单检验，单个表单检验可查看element的官网文档，里面有详细的介绍。在这里我分享在实际项目中遇到多个表单同时进行校验以及我的解决方法，欢迎大家留言，一起...

2021-05-27

135浏览

0评论

springboot+VUE实现登录注册

本文实例为大家分享了springboot+VUE实现登录注册的具体代码，供大家参考，具体内容如下一、springBoot创建springBoot项目分为三个包，分别为controller，service， dao以及resource...

2021-05-27

173浏览

0评论

vue+springboot实现登录验证码

本文实例为大家分享了vue+springboot实现登录验证码的具体代码，供大家参考，具体内容如下先看效果图在login页面添加验证码html在后端pom文件添加kaptcha依赖<dependency>...

2021-05-27

90浏览

0评论

vue+spring boot实现校验码功能

本文实例为大家分享了vue+spring boot实现校验码功能的具体代码，供大家参考，具体内容如下用vue写了一个校验码来玩玩，样子如下：1.img标签<img ="height:40px; width: 100px;...

2021-05-27

79浏览

0评论

vue-cropper组件实现图片切割上传

本文实例为大家分享了vue-cropper组件实现图片切割上传的具体代码，供大家参考，具体内容如下
这几日，等来了些空闲，用vue和spring boot实践一次头像上传，因此记下了，望将来的开发有...

2021-05-27

116浏览

0评论

vue-cropper插件实现图片截取上传组件封装

基于vue-cropper插件实现图片截取上传组件封装的具体代码，供大家参考，具体内容如下需求场景：后台开发需要上传图片并进行相应比例尺寸图片的截取,本组件开发采用Ant Design Vue...

2021-05-27

86浏览

0评论

JavaScript使用promise处理多重复请求

一、为什么要写这个文章？
处理重复请求的文章想必大家也看过了很多，大多数都是分为在response返回之前发现重复请求就return掉的和使用节流/防抖来间接规避用户频繁操作两种版...

2021-05-26

87浏览

0评论

聊聊JavaScript中eval()函数的用法

1. eval函数有什么用？调用eval函数，可以将其参数作为javascript程序进行解释。换句话说，eval可以把它的参数当做代码来执行。例子function f(x) { eval('var y=x');...

2021-05-25

95浏览

0评论

浅谈浏览器中本地运行Node.js的方法

一切要从收到一封邮件开始大早上，我收到一封邮件，StackBlitz说正在与Next.js和Google的团队合作开发一项新技术几年前，StackBlitz意识到网络正朝着关键的拐点发展。WebAssembl...

2021-05-25

224浏览

0评论

Angular CLI中的在线和离线安装

Angular CLI 安装方式默认已经安装了 Node.js 和 npm 包管理器。1. 在线安装可以使用外网的情况下，可以使用在线安装的方式。要使用 npm 命令全局安装 CLI，请打开终端/控制台...

2021-05-25

82浏览

0评论

详解vue身份认证管理和租户管理

概述功能模块的开发往往是最容易的，但是要处理好每个细节就不容易了。就拿这里的身份认证管理模块来说，看似很简单，因为后端接口都是ABP模板里现成的，前端部分无非就是写界面，调...

2021-05-25

124浏览

0评论

一份window.location的备忘单，助你更好理解决地址路径问题！！

如果你想获取站点的URL信息，那么window.location对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新https://segmentfault.com/se...

2021-05-24

199浏览

0评论

vue动态绑定图标的完整步骤

0 图标和图片的不同
图标时字符，图片时二进制流。即图片加载会比图标慢，且加载图标最好不要用img标签，我们可以把图标当成组件用import的方法引入进来，然后当成标签引入。1 安装...

2021-05-23

62浏览

0评论

JavaScript必看的10道面试题总结（推荐）

1.this指向
1.谁调用指向谁例： function foo(){ console.log("this",this); } new foo(); 2.全局指向window例： function foo(){ console.log("this...

2021-05-23

79浏览

0评论

Vue新手指南之创建第一个vue-cli脚手架程序

1. Vue--第一个vue-cli程序Vue的开发都是要基于NodeJS，实际开发采用Vue-cli脚手架开发，vue-router路由，vuex做状态管理；Vue UI，界面我们一般使用ElementUI（饿了么出品），或者ICE（阿里...

2021-05-23

61浏览

0评论

Javascript中异步等待的深入理解

在本文中，我们将探讨async/await对于每个Javascript开发人员来说，异步编程的首选工具。如果您不熟悉javascript，请不要担心，本文将帮助您async/await从头开始理解。介绍
async/a...

2021-05-23

91浏览

0评论

Ajax请求超时与网络异常处理图文详解

别用IE浏览器！！！问题当浏览器请求超时或者网络异常的时候，我们程序需要做出什么处理和反应呢？ps：代码我会在后面贴出来，思路最重要# 请求超时首先在==express==逻辑上是这样子写的...

2021-05-23

126浏览

0评论

vue具名插槽的基本使用实例

前言具有名字的插槽slot使用中的 "name" 属性绑定元素
注意：
1，如果没有匹配到则放到匿名的插槽中
2，具名插槽的渲染顺序，完全取决于模板，而不是取决于父组件中元素的顺序vue的...

2021-05-23

128浏览

0评论

vue移动端实现左滑编辑与删除的全过程

前言根据项目需要使用 Vue-touch 实现了一个vue移动端的左滑编辑和删除功能，废话不多说，先看效果图，然后上代码吧！方法如下：第一步：安装 vue-touch npm install vue-touch@next...

2021-05-23

98浏览

0评论

浅谈Angular中的$injector对象

$injector其实是一个IOC容器，包含了很多我们通过.module()和$provide创建的模块和服务。$injector服务提供了对依赖注入器对象的访问，当然我们也可以调用angular.injector()来...

2021-05-21

88浏览

0评论

vue2实现provide inject传递响应式

1. vue2 中的常规写法
// 父级组件提供 'foo'var Provider = {data(){ return { foo: 'bar' }} provide: { fooProvide: this.fooFn // 传递一个引用类型...

2021-05-21

90浏览

0评论

vue-element-admin项目导入和导出的实现

vue-element-admin导入组件封装模板和样式

首先封装一个类似的组件，首先需要注意的是，类似功能，vue-element-admin已经提供了，我们只需要改造即可
excel导入功能需要使用npm包x...

2021-05-21

111浏览

0评论

JavaScript canvas实现流星特效

本文实例为大家分享了JavaScript canvas实现流星特效展示的具体代码，供大家参考，具体内容如下1、控制透明度变化函数function easeInQuad(curtime,begin,end,duration){...

2021-05-20

91浏览

0评论

js实现模拟购物商城案例

学习HTML，css和js前端的小伙伴们，这次来分享购物商城案例的实现！准备阶段：准备一些需要放到页面上的图片，小图和其对应的大图，博主这边举例为小图(40 x 40),大图(321 x 430)。结构...

2021-05-18

206浏览

0评论

Vue Element UI自定义描述列表组件

本文实例为大家分享了Vue Element UI自定义描述列表组件的具体代码，供大家参考，具体内容如下效果图写在前面写后台管理经常从列表点击查看详情，展示数据信息，Element UI虽然有表...

2021-05-18

热门文章