编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

43浏览

0评论

详解Vue中的filter与directive

vue中的过滤器分为两种：局部过滤器和全局过滤器过滤器可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤...

2021-05-27 21:24:55

33浏览

0评论

如何理解Vue前后端数据交互与显示

一、技术概述将后端所计算的数据呈现在前端页面的相应位置并根据用户点击操作改变相应的数据和界面，再传值给后端。该技术是Web开发必备，是前后端交互的纽带。难点在于获取后...

2021-05-27 21:24:52

55浏览

0评论

如何用Vue实现父子组件通信

一、父子组件的关系构成本篇文章将要总结的是Vue中父子组件之间的通信方式。那在vue中父子组件之间的关系是怎么构成的呢，或者说哪个组件可以称为是父组件，哪个组件又可以称为...

2021-05-27 21:24:47

41浏览

0评论

讨论vue中混入mixin的应用

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组...

2021-05-27 21:24:45

43浏览

0评论

vuex实现历史记录的示例代码

最近自研着一个可视化操作平台，其中涉及到用户操作后可撤销或重做，在网上搜了一些解决思路，完善自己所设想的解决思路。
历史记录需求的要点可存储在 localStorage 中...

2021-05-27 21:24:43

47浏览

0评论

vue使用echarts词云图的实战记录

echarts词云图是echarts的一个扩展https://echarts.apache.org/zh/download-extension.html1.安装依赖 npm install echarts npm install echarts-wordcloud2.main.js引入i...

2021-05-27 21:24:40

41浏览

0评论

详细对比Ember.js和Vue.js

概述JavaScript最初是为Web应用程序创建的。但是随着前端技术的发展，大多数开发人员更喜欢使用基于JavaScript的框架。它简化了你的代码以及使你能完成更多全栈工作，您几乎可...

2021-05-27 21:24:38

55浏览

0评论

vue源码之批量异步更新策略的深入解析

vue异步更新源码中会有涉及事件循环、宏任务、微任务的概念，所以先了解一下这几个概念。一、事件循环、宏任务、微任务
1.事件循环Event Loop:浏览器为了协调事件处理、脚本...

2021-05-27 21:24:37

69浏览

0评论

如何在Vue单页面中进行业务数据的上报

概述业务数据的上报主要分为：各个路由的PV上报；用户的点击行为上报；用户操作结果（分享是否成功）的数据上报等；通用和必须上报的数据，均在上报的代码中进行固定，比如设备...

2021-05-27 21:24:36

35浏览

0评论

vue实现放大缩小拖拽功能

本文实例为大家分享了vue实现放大缩小拖拽功能的具体代码，供大家参考，具体内容如下点击放大至全屏再次点击缩小至原始这个弹框是基于element dialog的基础上写的1.再utils...

2021-05-27 21:24:34

44浏览

0评论

vue如何动态实时的显示时间浅析

vue动态实时显示时间有两种方法1.可以用day.js,处理日期和时间的js库用法 npm install dayjs --save引入import dayjs from 'dayjs'然后创建定时器更新最新的时间this.timeI...

2021-05-27 21:24:29

40浏览

0评论

Vue Element前端应用开发之树列表组件

1、常规树列表控件的使用众所周知，一般界面很多情况涉及到树列表的处理，如类型展示，如果是一层的，可以用下拉列表代替，如果是多个层级的，采用树控件展示会更加直观。在Element里面...

2021-05-27 21:24:27

46浏览

0评论

Vue Element前端应用开发之用户管理模块的处理

1、权限管理模块的设计我们知道，权限管理一般都会涉及到用户、组织机构、角色，以及权限功能等方面的内容，ABP框架的基础内容也是涉及到这几方面的内容，其中它们之间的关系基本上...

2021-05-27 21:24:23

46浏览

0评论

vue开发之moment的介绍与使用

前言
在日常开发中，我们常常会遇到以下几种场景：需要对日期进行非标准格式展示，如：2021年5月11日星期二下午6点42分
需要对日期进行处理，如：要取前24小时的时间等
...

2021-05-27 21:24:21

38浏览

0评论

Vue实现图片预览效果实例（放大、缩小、拖拽）

前言这张图是显示的图片放大的一个预览情况，这里是参考预览操作实现的一个背景为黑色的部分，上层的图片可实现滚轮放大或者点击上部的放大镜图标进行放大，代码是基于Ant Design...

2021-05-27 21:24:20

43浏览

0评论

Vue Element前端应用开发之菜单资源管理

1、菜单资源及管理界面介绍前面介绍过，权限管理一般都会涉及到用户、组织机构、角色，以及权限功能等方面的内容，ABP框架的基础内容也是涉及到这几方面的内容，其中它们之间的关系...

2021-05-27 21:24:18

61浏览

0评论

vue实现无缝轮播效果（跑马灯）

本文实例为大家分享了vue实现无缝轮播效果的具体代码，供大家参考，具体内容如下1.首先创建两个vue组件Sweiper.vue和SweiperItem.vue;2.将两个组件引入页面，Sweiper.vue中用v-mo...

2021-05-27 21:24:16

37浏览

0评论

Vue Element前端应用开发之表格列表展示

1、列表查询界面效果在介绍任何代码处理逻辑之前，我们先来做一个感官的认识，贴上一个效果图，在逐一介绍其中处理的步骤和注意事项。常规的列表展示界面，一般分为几个区域，一个是...

2021-05-27 21:24:13

54浏览

0评论

Vue Element前端应用开发之常规的JS处理函数

1、常规集合的filter、map、reduce处理方法filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组const nums = [10,20,30,111,222,333]let newNums=num...

2021-05-27 21:24:11

47浏览

0评论

Vue Element前端应用开发之整合ABP框架的前端登录

概述ABP框架作为后端，是一个非常不错的技术方向，但是前端再使用Asp.NET 进行开发的话，虽然会快捷一点，不过可能显得有点累赘了，因此BS的前端选项采用Vue+Element来做管理（后续可能...

2021-05-27 21:24:09

65浏览

0评论

Vue Element前端应用开发之前端API接口的封装

1、ABP框架API接口的回顾ABP是ASP.NET Boilerplate的简称，ABP是一个开源且文档友好的应用程序框架。ABP不仅仅是一个框架，它还提供了一个最徍实践的基于领域驱动设计(DDD)的体...

2021-05-27 21:24:07

37浏览

0评论

VUE实现大转盘抽奖

UI
老规矩，先看下静态UI，以便于有个图像概念初始参考各值参考图方案分析-参数配置
核心思路：
将指针和中奖区域划分两部分，目前常规的效果，控制中奖区域旋转，然后停在指针处，当然控...

2021-05-27 21:24:05

59浏览

0评论

vue利用Moment插件格式化时间的实例代码

moment是一款多语言支持的日期处理类库，在vue中如何使用呢？首先附上官网地址：http://momentjs.cn/，毕竟查找api才是学习正途！使用npm命令安装momentnpm install moment --save...

2021-05-27 21:24:04

36浏览

0评论

Vue Element前端应用开发之组织机构和角色管理

1、组织机构管理模块界面组织机构管理模块界面如下所示，包括组织机构的成员管理和角色管理，在ABP基础领域里面，组织机构可以包含0到多个成员，也可以包含0到多个角色，因此界面设计...

2021-05-27 21:24:00

70浏览

0评论

Nuxt不同环境如何区分的方法

背景在一般情况下，我们的项目肯定需要区分不同环境，来决策其对应的策略，包括但不局限于接口转发地址、打包策略、日志输出策略等。那么抛开具体要设置哪些内容，我们需要先要有区...

2021-05-27 21:23:59

36浏览

0评论

Vue接口封装的完整步骤记录

首先根据接口写好对应页面的请求
内容如图尽量保证js文件名称与页面文件名称相同（易于查找）根据文件目录动态引入/导出接口
提高便捷性/** * 自动引入当前文件夹下所有module...

2021-05-27 21:23:57

80浏览

0评论

Vue transition实现点赞动画效果的示例

效果一览爱心效果
材料：爱心图标两个，没有我这种 icon 组件的用 png 图片代替<transition :name=" isLike ? 'zoom' : '' " mode="out-in">  <ico...

2021-05-27 21:23:50

47浏览

0评论

Vue Element前端应用开发之界面语言国际化

概述VUE+Element 前端应用实现国际化的处理还是非常方便的，一般在Main.js函数里面引入语言文件，然后在界面上进行一定的处理，把对应的键值转换为对应语言的语义即可。本篇随笔...

2021-05-27 21:23:49

39浏览

0评论

Vue Element前端应用开发之根据ABP后端接口实现前端展示

概述ABP（ASP.NET Boilerplate）框架主要是基于.net core 进行的后端Web API的开发，结合Swagger的管理界面我们可以看到发布的 API 的接口明细信息，这样前端技术人员可以很容易整...

2021-05-27 21:23:46

29浏览

0评论

Vue全家桶入门基础教程

1. Vue概述Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。渐进式: 声明式...

2021-05-27 21:23:45

58浏览

0评论

如何使用vue开发公众号网页

项目背景
主要就是一个h5页面，涉及的功能不是很难，主要很久没有开发公众号，对整个开发步骤有些生疏。其中包括对微信sdk的调用方式、用户的微信授权和sdk的接入等。主要围绕开...

2021-05-27 21:23:34

40浏览

0评论

Vue Element前端应用开发之常规Element界面组件

1、列表界面和其他模块展示处理常规的列表展示界面，一般分为几个区域，一个是查询区域，一个是列表展示区域，一个是底部的分页组件区域。查询区域主要针对常规条件进行布局，以及增...

2021-05-27 21:23:32

40浏览

0评论

Vue Element前端应用开发之echarts图表

概述基于图表的处理，我们一般往往都是利用对应第三方的图表组件，然后在这个基础上为它的数据模型提供符合要求的图表数据即可，VUE+Element 前端应用也不例外，我们这里使用了基于...

2021-05-27 21:23:29

53浏览

0评论

vue3删除过滤器的原因

什么是vue的过滤器
过滤器可以通俗理解成是一个特殊的方法，用来加工数据的比如枚举值可以使用过滤器：如 1 2 3 4 对应成功失败进行中已退回比如价格后面跟个过滤...

2021-05-27 21:23:28

57浏览

0评论

vue实现可拖拽的dialog弹框

本文主要介绍了vue实现可拖拽的dialog弹框，分享给大家，具体如下：element的dialog弹框在项目中挺常用的。但有时候嵌套的话会遮住，体验不好。拖拽形式的弹框会提高用户体验借助基...

2021-05-27 21:23:26

57浏览

0评论

vue上传图片文件的多种实现方法

最开始百度到各种加headers，最后发现没什么用，有大兄弟知道的可以告知一下哦，记个随笔原始input标签form表单上传<input type="file" @change="onchangemd">methods: { onchan...

2021-05-27 21:23:25

49浏览

0评论

Vue Element前端应用开发之图标的维护和使用

概述Vue-Awesome 是基于 Vue.js 的 SVG 图标组件，内置图标来自 Font Awesome。本篇随笔先来上一个图标管理的界面效果，然后在逐一进行介绍Element内置图标和Vue-Awesome的图标...

2021-05-27 21:23:21

49浏览

0评论

Vue路由监听实现同页面动态加载的示例

场景分析
在系统中一个模块有三个子模块. 业务数据中可以直接根据类型去区分这个三个子模块的归属. 通常情况下.我们是写在同一个模块中然后去选择业务类型. 但是业主要求,...

2021-05-27 21:23:19

34浏览

0评论

Vue实现路由过渡动效的4种方法

Vue 路由过渡是对 Vue 程序一种快速简便的增加个性化效果的的方法。可以让你在程序的不同页面之间增加平滑的动画和过渡。如果使用得当，可以使你的程序显得更加专业，从而增强...

2021-05-27 21:23:18

70浏览

0评论

Vue 3.0自定义指令的使用入门

提示：在阅读本文前，建议您先阅读 Vue 3 官方文档自定义指令章节的内容。一、自定义指令
1、注册全局自定义指令const app = Vue.createApp({})// 注册一个全局自定义指令 v-...

2021-05-27 21:23:16

50浏览

0评论

vue函数防抖与节流的正确使用方法

前言1、防抖(debounce)：触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间举例：就好像在百度搜索时，每次输入之后都有联想词弹出，这个控制联...

2021-05-27 21:23:14

41浏览

0评论

vue 过滤器和自定义指令的使用

过滤器
01. 是什么
过滤器可以对我们传入的数据进行必要的处理，并返回处理的结果过滤器不会修改数据过滤器的本质是函数过滤器函数应该有参数，参数必须包含你想进...

2021-05-27 21:23:09

41浏览

0评论

vue Watch和Computed的使用总结

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

2021-05-27 21:23:08

57浏览

0评论

详解Vue3中Teleport的使用

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

2021-05-27 21:23:06

60浏览

0评论

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

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

2021-05-27 21:23:05

33浏览

0评论

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

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

2021-05-27 21:23:00

43浏览

0评论

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

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

2021-05-27 21:22:56

32浏览

0评论

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

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

2021-05-27 21:22:51

65浏览

0评论

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

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

2021-05-27 21:22:46

75浏览

0评论

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

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

2021-05-27 21:22:45

首页 «795 796797798 799 »尾页

热门文章