前端 路由 权限 角色

前端开发快速编写HTML结构标签之Emmet表达式

### 体验 `#page>div.logo+ul#navigation>li*5>a{Item $}` ```html Item 1 Item 2 Item 3 Item 4 Item 5 ``` ### 父子关系 > `div>ul>li` ```html ``` ### 兄弟相邻 + `div ......
表达式 前端 结构 标签 Emmet

前端 WebUploader 分块上传

​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify ......
前端 WebUploader

mysql的用户和权限管理

# 1. mysql用户和权限管理 [TOC] ## 1.1. 常用授权语句 ### 1.1.1. 5.7以及以前的版本 **5.7和之前的版本可以有两种方式创建用户:** **方法一:** 执行create user/grant命令(推荐方式) ``` # 创建finley 这只是创建用户并没有权 ......
权限 用户 mysql

vue前端预览pdf并加水印、ofd文件,控制打印、下载、另存,vue-pdf的使用方法以及在开发中所踩过的坑合集

> **根据公司的实际项目需求,要求实现对pdf和ofd文件的预览,并且需要限制用户是否可以下载、打印、另存pdf、ofd文件,如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单,直接调用浏览器的预览就可以而且功能也比较全,但是一涉及到禁止用户打印、另存的话就 ......
水印 前端 使用方法 vue pdf

greenplum账号和权限管理

# 1. 关于greenplum权限说明 ## 1.1. 注意: Note: 您必须单独为每个对象授予权限。 例如,授予数据库上ALL权限,并不授予对该数据库中的对象的完全访问权限。 它只授予数据库级别的(CONNECT、CREATE、TEMPORARY)到数据库本身的权限。 ## 1.2. 基本概 ......
账号 greenplum 权限

find-my-way nodejs 快速的http 路由框架

find-my-way 基于了radix tree 开发的路由框架,支持路由参数,通配符,同时语言无关fastify 以及restify 都使用了路由框架,同时也受echo启发 说明 了解find-my-way 的使用以及内部机制对于学习fastify 是比较有用的,fastify 不少有意思的插件 ......
路由 find-my-way 框架 nodejs find

前端JS zip打包文件并下载,图片url转base64

使用jszip这个项目实现的:https://github.com/Stuk/jszip FileSaver.js项目地址是:https://github.com/eligrey/FileSaver.js/ ``` // 初始化一个zip打包对象 var zip = new JSZip(); // ......
前端 文件 图片 base zip

前端Vue自定义列表表格信息展示可用于商品规格参数展示

#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
前端 表格 规格 参数 商品

前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用

#### 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用, 下载完整代码请访问uni-app插件市场地址:[https://ext.dcloud.net.cn/plugin?id=13128](https://ext.dcloud.net.cn/plugin?id=13119) # ......
前端 顶部 历史 Vue

最为常用的Laravel操作(2)-路由

## 基本路由 ```php // 接收一个 URI 和一个闭包 Route::get('hello', function () { return 'Hello, Laravel'; }); // 支持的路由方法 Route::get($uri, $callback); Route::post($u ......
路由 最为 常用 Laravel

springboot+spring cloud gateway开发,配置动态路由

所谓的动态路由,就是可以根据运行时环境(负载情况、头信息、版本号),动态的修改路由规则,从而转发到不同的目标服务上。 动态路由是相对于传统的静态路由而言的,静态路由一旦配置好之后需求有变动,就很难进行灵活的调整。 Spring Cloud Gateway 或 Zuul 都可以实现动态路由,本文以Sp ......
路由 springboot gateway 动态 spring

uni-app微信小程序路由传参数据截断问题解决

跳转页面: 因为数据接受页面是富文本编辑器接收,所以先是将数据双引号处理了。 数据太多太长,跳转页面只要用encodeURIComponent()函数将其数据处理后传过去 const details = this.oneform.text.replace(/"/g, '\'') this.$tab. ......
路由 参数 uni-app 程序 问题

记录--前端实现文件预览(pdf、excel、word、图片)

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端实现文件预览功能 需求:实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍:支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗 ......
前端 文件 图片 excel word

SpringMVC中接收前端传递的参数,设置了编码过滤器filter,但在控制台中还是出现乱码问题

SpringMVC中接收前端传递的参数,设置了编码过滤器filter,但在控制台中还是出现乱码问题。 一行代码七个报错 于 2022-08-04 15:06:46 发布 656 收藏 3文章标签: servlet java版权在SpringMVC中遇到乱码问题不要慌,先配个SpringMVC的自带编 ......
控制台 乱码 前端 过滤器 SpringMVC

前端面试真题(一)

1.深拷贝和浅拷贝的区别 浅拷贝:创建一个新对象,将原对象的属性值复制到新对象中,如果某个属性是引用类型(如对象、数组等),那么复制的就是引用地址,新对象和原对象共享该属性。 深拷贝:创建一个新对象,递归地将原对象的每个属性值复制到新对象中,包括引用类型属性,新对象和原对象互不影响。 2.节流和防抖 ......
真题 前端

前端面试真题(二)

1、vue的双向绑定原理是什么?里面的关键点在哪里? Vue的双向绑定原理是基于Object.defineProperty或者Proxy来实现的,其关键点在于数据劫持,即对数据的读取和修改进行拦截,在数据发生变化时自动更新视图 2、实现水平垂直居中的方式? 实现水平垂直居中的方式有多种,比如使用Fl ......
真题 前端

前端面试基础题

1.Ajax,Axios,Fetch有什么区别? (1)三者都用于网络请求,但是维度不同(2)Ajax(Asynchronous javaScript and XML),一种技术统称(3)Fetch是一个具体的API,浏览器原生API,用于网络请求,和XMLHttpRequest是一个级别,Fetc ......
前端 基础

前端面试题(css)

1.css选择器(1)简单选择器(元素,Id,类来选取元素,通配选择器)(2)组合选择器(根据它们之间的特定关系来选取元素)(3)伪类选择器(根据特定状态选取元素)(4)伪元素选择器(选取元素的一部分并设置其样式)(5)属性选择器(根据属性或属性值来选取元素)2.层叠顺序 当为某个 HTML 元素指 ......
前端 css

前端面试题(js)

1.this 解析器在调用函数时,每次会向函数内部传递一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,根据函数调用方式的不同,函数会指向不同的对象。 (1)以函数形式调用时,this永远指向window (2)以方法的形式调用时,this指向调用方法的对象 (3)当以构造函数形 ......
前端

Electron打包若依前端为桌面程序

下面的步骤是我事后整理的,还需要第二个项目进行验证,才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的:npm install electron-icon-builder 3.打开env ......
前端 Electron 桌面 程序

Vue3 element-Plus el-tree 权限树 传值给后端及回显问题

内容:权限在新增人员时候选择传给后端并且编辑回显 坑: 1.传给后端的权限数组需要传父级id 例如:一级目录下有二级目录和2-2目录,选了2-2目录,需要把一级目录的id也给后端 2.回显的时候后端会把权限数组id都给你(包括一级目录),如果直接回显的话会默认一级下所有目录都选中 代码参考 <el- ......
element-Plus 权限 element el-tree 问题

前端解析excel表格实现

### 1. 背景:在做react项目时,遇到一个解析excel的需求变更,把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患,因为项目中后端不允许上传文件,当然后端解析对前端来说是最简单的方式,只需要调用个api。接下来讲讲前端解析方式吧: #### 2.1 安装依赖 ......
前端 表格 excel

前端中使用到的单位

(1)pt|px|em|rem pt(点):绝对长度单位。常用与印刷中1pt=1/72英寸 px(像素):相对长度单位。相对于显示器分辨率而言。 em:相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了,且设置了文本大小,父级大小随文本改变,继承父级元素的字体大小】 rem:CSS3新增相 ......
前端 单位

氚云-前端获取数据传到后端,后端处理数据后传回前端

// 加载事件 OnLoad: function() { //将OnLoad函数中this对象暂存,因为PostForm回调函数中的this指向与OnLoad中的this指向不一致 var parent = this; //PostForm请求后端,actionName为"GetCurrentLog ......
前端 数据

前端Vue自定义询问弹框和输入弹框

前端Vue自定义询问弹框和输入弹框, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13119 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01794 ......
前端 Vue

京东微前端应用MicroApp,主应用vite-vue3,子应用vite-vue3+pinia

[micro-app 官方地址](https://zeroing.jd.com/) [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录,本人在使用中遇到的一些问题,供参考 1. 资源找不到 -> ......
vite-vue vite 前端 vue MicroApp

前端Vue自定义简单实用中国省市区三级联动选择器

#### 前端Vue自定义简单实用中国省市区三级联动选择器, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
省市区 前端 省市 Vue

前端脚手架配置打包后的预览环境

## 前端脚手架配置打包后的预览环境 #### 首先npm安装`connect`,`runjs`,`chalk` #### index.js主要代码如下 请根据项目实际情况进行更改,仅作参考: > process.argv获取的是执行命令 例如`node build/index.js --previ ......
脚手架 前端 环境

前端Vue自定义服务说明弹窗弹框 自下而上底部弹框

#### 前端Vue自定义服务说明弹窗弹框 自下而上底部弹框, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13108 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfc ......
自下而上 前端 底部 Vue

搭建前端项目时出现了.../dist/index.mjs:128 if (!require.cache) { ^ ReferenceError: require is not defined...

具体报错如下: ![image](https://img2023.cnblogs.com/blog/2045410/202306/2045410-20230619215750484-1835003042.png) 修改`node_modules/vite-plugin-mock/dist/index ......
require 前端 ReferenceError defined 项目