本文是继 前端如何一键生成多维度数据可视化分析报表 实战的最后一篇文章, 主要介绍如何实现后台管理系统的权限路由和权限菜单. 希望通过这3篇文章的复盘和实战, 可以让大家开发企业应用的时候更加游刃有余. 所以我们首要解决的问题就是面对未知层级菜单时的前端解决方案. 其次就是面对…

我们比较常见的就是基于角色的访问控制，用户通过角色与权限进行关联。简单地说，一个用户拥有多个角色，一个角色拥有多个权限。这样，就构造成“用户-角色-权限”的授权模型。在这种模型中，用户与角色之间、角色与权限之间，通常都是多对多的关系。如下图： 基于这个，得先了解角色到底是什么？…

接到项目需求后，发现没有做过相关项目，盘算着拖拽倒是没有问题，但是控件的连线好像挺复杂，所以先开始了一番搜索，希望有合适的轮子那最好不过了。看了这篇对比文章：超级好用的流程图js框架，也看了一个新出的轮子topology，选轮子的时候我习惯性去npm trends，找一些类似的…

严重拖延症，一方面这项目模块纯属个人娱乐。另一方面，流程图这块涉及的东西还是蛮多的，这次也只是介绍一些简单的部分。拖了这么久，现在终于要开始硬着头皮写一篇基于vue+svg的流程图"伪教程"文章了。初次献丑，还请轻喷。 出于学习vue而非兼容的目的，本项目仅考虑现代浏览器( 谷…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

目前市场上许多的电影购票app和小程序中，为了让观众老爷们在线上更好地选择自己心怡的位置，方便可视化的选座数据必不可少，在此， 让我们一起来看看这个好用的可视化选座组件吧!

前言 前段时间写了一个在线选座功能，现在分享一下。 纯Dom方式实现，包括miniMap，代码没怎么优化，主要提供实现思路。 一、功能介绍 支持选座区域划分 支持缩放选座区域大小（可配置） 支持拖拽选

工作时遇到一个需求：提取图片主题色，通过某种映射关系，选取ui给出的对应颜色。脑海中浮现如果只是纯前端如何实现呢？ 利用canvas获取图像像素信息，然后用某种算法将主题颜色提取出来。 data：Uint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据，范…

「这是我参与11月更文挑战的第2天，活动详情查看：2021最后一次更文挑战」 前言 首先，这篇文章的最终的效果不是很成功。记录一下我在这个失败过程中遇到的问题和尝试过的技术。 我想实现类似QQ音乐的如