Nuxt不同环境如何区分的方法
背景在一般情况下，我们的项目肯定需要区分不同环境，来决策其对应的策略，包括但不局限于接口转发地址、打包策略、日志输出策略等。那么抛开具体要设置哪些内容，我们需要先要有区...
2021-05-27
Vue接口封装的完整步骤记录
首先根据接口写好对应页面的请求
内容如图尽量保证js文件名称与页面文件名称相同（易于查找）根据文件目录动态引入/导出接口
提高便捷性/** * 自动引入当前文件夹下所有module...
2021-05-27
Vue transition实现点赞动画效果的示例
效果一览爱心效果
材料：爱心图标两个，没有我这种 icon 组件的用 png 图片代替<transition :name=" isLike ? 'zoom' : '' " mode="out-in"> <!-- 爱心图标 --> <ico...
2021-05-27
Vue Element前端应用开发之界面语言国际化
概述VUE+Element 前端应用实现国际化的处理还是非常方便的，一般在Main.js函数里面引入语言文件，然后在界面上进行一定的处理，把对应的键值转换为对应语言的语义即可。本篇随笔...
2021-05-27
Vue Element前端应用开发之根据ABP后端接口实现前端展示
概述ABP（ASP.NET Boilerplate）框架主要是基于.net core 进行的后端Web API的开发，结合Swagger的管理界面我们可以看到发布的 API 的接口明细信息，这样前端技术人员可以很容易整...
2021-05-27
Vue全家桶入门基础教程
1. Vue概述Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。渐进式: 声明式...
2021-05-27
如何使用vue开发公众号网页
项目背景
主要就是一个h5页面，涉及的功能不是很难，主要很久没有开发公众号，对整个开发步骤有些生疏。其中包括对微信sdk的调用方式、用户的微信授权和sdk的接入等。主要围绕开...
2021-05-27
Vue Element前端应用开发之常规Element界面组件
1、列表界面和其他模块展示处理常规的列表展示界面，一般分为几个区域，一个是查询区域，一个是列表展示区域，一个是底部的分页组件区域。查询区域主要针对常规条件进行布局，以及增...
2021-05-27
Vue Element前端应用开发之echarts图表
概述基于图表的处理，我们一般往往都是利用对应第三方的图表组件，然后在这个基础上为它的数据模型提供符合要求的图表数据即可，VUE+Element 前端应用也不例外，我们这里使用了基于...
2021-05-27
vue3删除过滤器的原因
什么是vue的过滤器
过滤器可以通俗理解成是一个特殊的方法，用来加工数据的 比如枚举值可以使用过滤器：如 1 2 3 4 对应 成功 失败 进行中 已退回 比如价格后面跟个过滤...
2021-05-27
vue实现可拖拽的dialog弹框
本文主要介绍了vue实现可拖拽的dialog弹框，分享给大家，具体如下：element的dialog弹框在项目中挺常用的。但有时候嵌套的话会遮住，体验不好。拖拽形式的弹框会提高用户体验借助基...
2021-05-27
vue上传图片文件的多种实现方法
最开始百度到各种加headers，最后发现没什么用，有大兄弟知道的可以告知一下哦，记个随笔原始input标签form表单上传<input type="file" @change="onchangemd">methods: { onchan...
2021-05-27
Vue Element前端应用开发之图标的维护和使用
概述Vue-Awesome 是基于 Vue.js 的 SVG 图标组件，内置图标来自 Font Awesome。本篇随笔先来上一个图标管理的界面效果，然后在逐一进行介绍Element内置图标和Vue-Awesome的图标...
2021-05-27
Vue路由监听实现同页面动态加载的示例
场景分析
在系统中一个模块有三个子模块. 业务数据中可以直接根据类型去区分这个三个子模块的归属. 通常情况下.我们是写在同一个模块中然后去选择业务类型. 但是业主要求,...
2021-05-27
Vue实现路由过渡动效的4种方法
Vue 路由过渡是对 Vue 程序一种快速简便的增加个性化效果的的方法。 可以让你在程序的不同页面之间增加平滑的动画和过渡。如果使用得当，可以使你的程序显得更加专业，从而增强...
2021-05-27
Vue 3.0自定义指令的使用入门
提示：在阅读本文前，建议您先阅读 Vue 3 官方文档 自定义指令 章节的内容。一、自定义指令
1、注册全局自定义指令const app = Vue.createApp({})// 注册一个全局自定义指令 v-...
2021-05-27
vue函数防抖与节流的正确使用方法
前言1、防抖(debounce)：触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间举例：就好像在百度搜索时，每次输入之后都有联想词弹出，这个控制联...
2021-05-27
vue 过滤器和自定义指令的使用
过滤器
01. 是什么
过滤器可以对我们传入的数据进行必要的处理，并返回处理的结果 过滤器不会修改数据 过滤器的本质是函数 过滤器函数应该有参数，参数必须包含你想进...
2021-05-27
vue Watch和Computed的使用总结
01. 监听器watch
（1）作用
watch：用于监听data中的数据变化，只在被监听的属性值发生变化时执行export default { data() { return { number: 1...
2021-05-27
详解Vue3中Teleport的使用
在本文中，我们将介绍： Teleport 的目的 Teleport 的例子 一些很有意思的代码交互
Teleport 的目的
首先是什么时候以及使用这个 Teleport 功能。在开发较大的 Vu...
2021-05-27
vue实现左右滑动效果实例代码
前言个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行!vue.js是现在流行的js框架之一,vue 是一套用于构建用户界面的渐...
2021-05-27
vue.js云存储实现图片上传功能
前言提示：以下是本篇文章正文内容，下面案例可供参考一、对象存储示对象存储（Cloud Object Storage，COS）是腾讯云提供的一种存储海量文件的分布式存储服务，具有高扩展性、低成本、...
2021-05-27
快速掌握Vue3.0中如何上手Vuex状态管理
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue...
2021-05-27
vue项目中使用骨架屏的方法
现在的应用开发，基本上都是前后端分离的，前端主流框架有SPA、MPA等，那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载，减小首屏需要加载代码的体积；使用CDN技术、...
2021-05-27
vue使用节流函数的踩坑实例指南
前言
一个常见的业务场景，我们要在input搜索框输入结束后，发送相关请求，获取搜索数据。频繁的事件触发会导致接口请求过于频繁。所以需要我们对此加以限制，来禁止不必要的请求，以...
2021-05-27
如何在vue3.0+中使用tinymce及实现多图上传文件上传公式编辑功能
相关文档本文部分内容借鉴： https://www.cnblogs.com/zhongchao666/p/11142537.htmltinymce中文文档： http://tinymce.ax-z.cn/安装tinymce1、安装相关依赖yarn add tinymce...
2021-05-27
vue项目实现左滑删除功能(完整代码)
实现效果代码如下html<template> <div> <div class="biggestBox"> <ul> <!-- data-type=0 隐藏删除按钮 data-type=1 显示删除按钮 --> <li class="...
2021-05-27
vue-table实现添加和删除
本文实例为大家分享了vue-table实现添加和删除的具体代码，供大家参考，具体内容如下一.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue-table示例<...
2021-05-27
Vue和Flask通信的实现
安装axios和实现通信这里我们通过axios来连接Vue前端和Flask后端，使用AJAX请求进行通信。使用如下命令安装npm install axiosaxios的使用格式:import axios from 'axios'; e...
2021-05-27
vue实现指定日期之间的倒计时
本文实例为大家分享了vue实现指定日期之间倒计时的具体代码，供大家参考，具体内容如下效果图如下此处使用moment.js日期处理类库 使用方法如下npm install moment 或者 yarn ad...
2021-05-27
vue递归实现三级菜单
本文实例为大家分享了vue递归实现三级菜单的具体代码，供大家参考，具体内容如下父组件<template> <div class="menu-level-menu menu-level-menu-enter" v-if="showLevelMe...
2021-05-27
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
Vue中父组件向子组件传递数据的几种方法
最近在学习vue的源码，总结了几种vue中父子组件传递数据的方法。1.props & event
父组件向子组件传递props数据，子组件通过触发事件向父组件回传数据，代码如下：//子组件 <templat...
2021-05-27
Vue自定义组件使用事件修饰符的踩坑记录
前言
今天在使用自写组件时，突然遇到久违的冒泡事件，就想着使用Vue自带的事件修饰符(.stop)，本以为可以就此解决冒泡，却遇到这个问题。脑中一片问号？？？？这是什么鬼，我是按照Vue文档写...
2021-05-27
Vuex数据持久化实现的思路与代码
什么是vuex
vuex ：是一个专为vue.js开发的状态管理器，采用集中式存储的所有组件状态五个属性： state、getters、mutations、actions、module基本使用:新建store.js文件，最后在ma...
2021-05-27
Vue+thinkphp5.1+axios实现文件上传
本文实例为大家分享了使用thinkphp5.1 + Vue+axios+实现文件上传，供大家参考，具体内容如下前言使用thinkphp5.1 + Vue+axios+实现文件上传一.页面代码<!DOCTYPE html><html><h...
2021-05-27
vue element实现表格增加删除修改数据
本文实例为大家分享了vue element实现表格增加删除修改数据的具体代码，供大家参考，具体内容如下这里用到是设置一个弹出框来实现此功能，还有一种方法是直接在原来的基础上面进...
2021-05-27
如何在 Vue 中使用 Axios 异步请求API
设置基本 HTTP 请求
首先在终端中执行下面的命令把 Axios 安装到项目中：install axiosnpm install axios然后，在 Vue 组件中像这样导入axios。//App.vie - importing axios<sc...
2021-05-27
Vue-pdf实现在线预览PDF文件
前言在大多数项目中都会遇到在线预览PDF文件，项目使用的是element ui，使用vue-pdf实现。安装依赖npm install --save vue-pdf相关参数参数介绍： url ：pdf 文件的路径，可以是本...
2021-05-27
vue实现同时设置多个倒计时
本文实例为大家分享了vue实现同时设置多个倒计时的具体代码，供大家参考，具体内容如下html如下：<div class="home"> <tbody> <tr v-for="(item, index) in bargainGoods...
2021-05-27
vue实现钉钉的考勤日历
本文实例为大家分享了vue实现钉钉的考勤日历的具体代码，供大家参考，具体内容如下直接上效果图，需要再往下看GitHub地址：vue-calendar-component
由于需要对此组件的样式及功能的...
2021-05-27
构建Vue3桌面应用程序的方法
在本文中，我们将研究如何通过 Vite 开发 Vue 3 桌面项目。在项目中会用到 Electron ， 一种最流行的框架，可使用Javascript构建跨平台的桌面应用程序。 因此，许多受欢迎的应用程...
2021-05-27
Vue中Class和Style实现v-bind绑定的几种用法
项目开发中给元素添加/删除 class 是非常常见的行为之一， 例如网站导航都会给选中项添加一个 active 类用来区别选与未选中的样式，除了导航之外其他很多地方也都会用到这种方...
2021-05-27
HTML+VUE分页实现炫酷物联网大屏功能
效果demo.html<html> <head> <meta charset="UTF-8"> <title>数据大屏</title> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src=...
2021-05-27
Matplotlib绘制混淆矩阵的实现
对于机器学习多分类模型来说，其评价指标除了精度之外，常用的还有混淆矩阵和分类报告，下面来展示一下如何绘制混淆矩阵，这在论文中经常会用到。
代码如下：import itertoolsimport...
2021-05-27
教你使用pyinstaller打包Python教程
一、单个文件打包1.1 简单打包例如现在有一个main.py文件内容如下import osprint("hello world")os.system("pause")运行结果如图现在用一下命令打包成一个可执行文件pyinst...
2021-05-27
Python基础学习之奇异的GUI对话框
一、漂亮的标签图和按钮图这个标签的设置config，如果熟悉office的操作，应该是一件不太难的事情。仿照文本的字体，颜色，字号，还有标签的高度宽度等等，做一个标签的仿本py文件如下：...
2021-05-27
手把手教你怎么用Python实现zip文件密码的破解
Python有一个内置模块zipfile可以干这个事情，测试一波,一个测试文件，设置解压密码为123。import zipfile # 创建文件句柄file = zipfile.ZipFile("测试.zip", 'r')# 提取压缩...
2021-05-27
用Python进行栅格数据的分区统计和批量提取
有时候我们会有这样的想法，就是针对某个区域的栅格数据，要提取它的平均值或者其他统计指标，比如在一个省内提取多年的降雨数据，最后分区域地计算一些统计值，或者从多个栅格数据中...
2021-05-27
Python图片处理之图片裁剪教程
一、操作流程首先复制代码会吧？1.有张照片这是网上随便找的一张照片，自行保存测试2.看看照片运行代码，其中show_img函数是展示照片3.选择角点按照左上，右上，右下，左下的顺序选择四...
2021-05-27
