前言前段时间学习了关于vue中响应式数据的原理，（并作了学习笔记vue响应式原理），其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数...

vue 提供了 mixins 这个 API，可以让我们将组件中的可复用功能抽取出来，放入 mixin 中，然后在组件中引入 mixin，可以让组件显得不再臃肿，提高了代码的可复用性。如何理解 mixins...

什么是axios？
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise...

官房文档里是这样说明的：通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由可以理解为：this.$router 相当于一个全局的路...

百度上的资料五花八门让人眼花缭乱，别急，这时候我替你亲身经历了，有需要的可以参考下，先上效果图，以免你们以为我吹牛逼，嘻嘻优化方向
1.图片资源压缩
2.将 productionSourceMap...

当数据发生变化之后，DOM视图并不会立即更新，如果我们在发生变化之后立马去获取某个节点或者某个节点的值，很有可能结果就是undefined；因为Vue实现响应式并不是数据发生变化之后D...

写在前面
  在做商户端敏感词检测的过程中，发现了一些问题，特在此总结。本文的行文思路是编写敏感词检测代码，前两个思路未采用组件化的开发思想，后三个思路根据需...

2、详解​整体思路为：登陆 > 成功后根据用户信息获取菜单 > 根据菜单生成路由信息2.1、新增asyncRoutes路由​在vue-router路径src\router\index.js中新增asyncRou...

一、 前言最近找了些教程，顺带着趴在官网上，看了看 Vue 的一些内容，入门的一些概念，以及基础语法，还有一些常用的操作，瞄了一眼，通篇文字+贴了部分代码 9000 多字，入门语法什么的还...

前言之前我对于路由的高亮都是使用缓存，给他的所有路由遍历一遍，每点击一下的时候，给他的当前值高亮，赋值active。后来发现一刷新就不行，高亮的就变成默认值0了，这里主要是讲这个...

在实际的项目中，和后台的数据交互是少不了的，我通常使用的是 axios 库，所以以下示例也是以 axios 为基础来进行封装的。1、安装首先是 npm 安装 axios 很简单：npm install axios...

概述在我们开发Vue应用的时候，很多时候需要记录一些变量的内容，这些可以用来做界面状态的承载，也可以作为页面间交换数据的处理，处理这些内容可以归为Vuex的状态控制。例如我们...

概述在我开发的很多系统里面，包括Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单权限和页面权限，实现系统对用户权限的控制，菜单...

在 css 自定义变量的功能以及出来许久了，但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能，以及Vue、react很方便设置 style 样式，大...

随着前端应用的业务功能越来越复杂、用户对于使用体验的要求越来越高，单页应用（SPA）成为前端应用的主流形式。大型单页应用最显著特点之一就是采用前端路由系统，通过改变URL，在不...

jenkins的安装Jenkins是一款开源 CI&CD 软件，用于自动化各种任务，包括构建、测试和部署软件。Jenkins 支持各种运行方式，可通过系统包、Docker 或者通过一个独立的 Java 程序。...

简单功能：点击浏览器右上角插件icon弹出小弹窗，点击设置弹出设置页，并替换背景图或颜色。开始
1.本地创建文件夹testPlugin并新建manifest.json文件{ "name": "testPlugin",...

我们在 vue 项目中一般都会用到路由，而 vue-router 是 vue.js 官方的路由管理器。this.$route：当前激活的路由的信息对象。每个对象都是局部的，可以获取当前路由的 path, name,...

概述在 vue2.0 之前，是有内置过滤器的，在2.0中已经没有内置的过滤器了，但我们可以自定义过滤器。关于 vue 过滤器，在官方文档中是这样说明的：Vue.js 允许你自定义过滤器，可被用于...

基于 vue2.0 的 element-ui 框架，使用起来还是很方便的，非常适合快速开发，但是在做自己的项目中还是会碰到这样那样的问题，有些问题官方文档并不是很详尽，以下是我在使用 element...

问题描述：
前端删除一条数据或者新增数据后，后端操作成功，但前端不会自动刷新，需要重新刷新当前页面
（用vue-router重新路由到当前页面，页面是不进行刷新的 ,采用window.reload()，...

概述在前面随笔《循序渐进VUE+Element 前端应用开发之动态菜单和路由的关联处理》中介绍了在Vue + Element整合框架中，实现了动态菜单和动态路由的处理，从而可以根据用户角色...

熟悉Element-UI的开发者可能都会有这样的经历，它的无限滚动 InfiniteScroll 并不好用，下面介绍两种下拉加载的实现方法：1. 使用el-table-infinite-scroll 插件(1). 安装插件npm...

理解vue的核心理念使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.倘若用一句话来概括vue,那么我首先想到...

注册
前台利用vue中的axios进行传值，将获取到的账号密码以form表单的形式发送给后台。
form表单的作用就是采集数据，也就是在前台页面中获取用户输入的值。numberValidateForm...

前言
自从vue3.0正式上线以来，好多小伙伴都转战vue3.0了，这里把我自己总结的3.0和2.0的原理以及他俩的区别写出来，方便自己学习。step 一，vue2.0的响应式原理
先看看官网的解释：...

前言组件是我们非常常用的东西，很多人使用组件都是通过一个一个文件去引用和注册。这篇文章就来介绍下vue批量引入组件、注册和使用的方法。一、使用场景
在日常开发中，经常会...

为什么要做物料库？
我们写过很多登录页面。而每个登录页面除了一些背景图和颜色外，主体布局几乎是一致的，就那么几种类型。如果有个地方能帮我管理登录页面的代码，那么下次我再...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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