qq_48294048的博客

原创 Vue要做权限管理该怎么做？控制到按钮级别的权限怎么做？

3、纯前端方案的优点是实现简单，不需要额外权限管理页面，但是维护起来问题比较大，有新的页面和角色需求就要修改前端代码重新打包部署；服务端方案就不存在这个问题，通过专门的角色和权限管理页面，配置页面和按钮权限信息到数据库，应用每次登陆时获取的都是最新的路由信息，可谓一劳永逸！，需要认证的页面在其路由的meta中添加一个roles字段，等获取用户角色之后取两者的交集，若结果不为空则说明可以访问。此过滤过程结束，剩下的路由就是该用户能访问的页面，1、权限管理一般需求是页面权限和按钮权限的管理。

原创 vue弹窗后如何禁止滚动条滚动

1、在有弹出框的页面中，加上以下方法，弹出框出现时调用禁止滚动方法stopScroll()，弹出框去掉是调取允许滚动方法canScroll()即可，代码如下。

原创 vue-seamless-scroll使用

vue-seamless-scroll详细使用步骤可参照此网址（

原创 网格布局实现底部横幅自定义配置

【代码】网格布局实现底部横幅自定义配置。

原创 三元判断（多次判断）

【代码】三元判断（多次判断）

原创 git相关

【代码】git相关。

原创 element ui DatePicker 日期选择器 限制只能选择今天之前或者之后

【代码】element ui DatePicker 日期选择器 限制只能选择今天之前或者之后。

原创 时间格式以及时区设置

【代码】时间格式以及时区设置。

原创 下载功能实现

【代码】下载功能实现。

原创 vue一些配置的文件

【代码】vue一些配置的文件。

原创 vue配置代理（vue.config.js）

【代码】vue配置代理（vue.config.js）

原创 插件js-cookie的使用

1、下载2、引入（安装js-cookie插件后，在我们需要处理cookie的地方，通过import引入就可以使用了）3、js-cookie的添加 获取 删除。

原创 链式调用使用方法

链式调用（一个方法里调用多个接口 getUserInfo、getIfVote接口名称）

原创 Vue脚手架安装教程

安装Vue脚手架之前，要先安装node.js配置环境。

转载 vue的图片裁剪vue-cropper使用

vue-cropper官网链接：https://github.com/xyxiao001/vue-cropper或者。

转载 日期格式化插件dayjs在vue中如何使用

【代码】日期格式化插件dayjs在vue中如何使用。

原创 get和post的区别

get：url参数可见post：url参数不可见get：通过拼接url进行传递参数post：通过body体传输参数。

原创 事件循环机制 (EventLoop)

事件循环机制 (EventLoop)：是js的一个底层运行原理,js是单线程的，但是也有一些耗时任务，会影响执行效率,代码都在主线程中执行,当遇见你像ajax请求.setTimeout 定时器时候,会 单独开启异步线程.异步线程耗时之后会推入异步队列中等待执行.然后当主线程执行完毕之后.会到异步队列中取出到主线程中执行.然后再去异步队列中取第二个.这个来回取的过 程就是您所说的事件循环(eventLoop) lE.

原创 tcp三次握手和四次挥手---大白话

自己总结的大白话 方便理解😊😊😊。更详细的可以点击下方链接⬇⬇⬇⬇。客户端发送去确认之后结束请求。客户端向服务端发送结束请求。服务端再次向客气端确认结束。客服端向服务端发送请求。服务端向客户端确认请求。服务端让客户端等待一会。

转载 前端常见的适配方法

Nginx开启Gzip压缩功能， 可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度， 开启Gzip功能后，Nginx服务器会根据配置的策略对发送的内容, 如css、js、xml、html等静态资源进行压缩, 使得这些内容大小减少，在用户接收到返回内容之前对其进行处理，以压缩后的数据展现给客户。注意：上面代码中的50vw代表了 此div占据视口宽度的50%、高度占据视口高度的20%，并且会随着视口的变化，进行自适应;2.用百分比去写元素的宽度，不要写绝对宽度。

转载 vue3 vite.config.ts 基础配置

【代码】vue3 vite.config.ts 基础配置。

转载 vue3+vite+ts 安装遇到的一些问题和解决方案

1.1、如果你使用npm init @vitejs/app命名安装，确保node.js版本>=10.16.0，如果版本低于这个的话，创建项目能成功，但就是跑不起来，是报一个“vue3 Error: Cannot find module 'worker_threads'”错误，这个也是坑。1、下面是npm安装方式介绍，查看node版本，node-v。vite创建项目安装部分步骤。

转载 如何安装ts

点击创建ts页面，将后缀名改成，如：demo.ts。输入tsc 当前创建的文件名字，如：demo.ts。输入node加上当前文件名称，如：demo。可以通过该命令来得到版本号的查看。初始化文件夹，添加配置文件夹。初始化文件夹和自动化检测。打开后台终端，我们可以运用。自动检测同步，Js文件。ts页面中所写内容。

原创 Vue3 项目创建

vue 3需要node10以上版本node官网下载地址以往的版本 | Node.js。

转载 HTML5新特性

Web Worker通过加载一个脚本文件，创建一个独立工作的线程，在主线程之外运行，worker线程运行结束之后会把结果返回给主线程，worker线程可以处理一些计算密集型的任务，这样主线程就会变得相对轻松，这并不是说JS具备了多线程的能力，而实浏览器作为宿主环境提供了一个JS多线程运行的环境。功能是提示写过的信息。auto是自动的意思，focus是聚焦的意思，这个属性描述的就是自动聚焦到需要填写的textarea。这个属性是文本的占位符，相当于一种提示信息，显示在输入域，描述期待user输入的值。

原创 CSS3新增了哪些新特性

即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观。动画这个平常用的也很多，主要是做一个预设的动画。和一些页面交互的动画效果，结果和过渡应该一样，让页面不会那么生硬。background-size属性常用来调整背景图片的大小，主要用于设定图片本身。transition： CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0)通常情况，背景都是覆盖整个元素的，利用这个属性可以设定背景颜色或图片的覆盖范围。

原创 sass、less的对比与区别

sass和less都属于CSS预处理器。css预处理定义了一种新的语言，其基本思想是，用一种专门的编程语言，为css增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用”。为什么使用CSS预处理器？

原创 常见的HTTP相应状态码

206：客户端只是请求资源的一部分，服务器只对请求的部分资源执行GET方法，相应报文中通过Content-Range指定范围的资源。303：与302状态码有相似功能，只是它希望客户端在请求一个URI的时候，能通过GET方法重定向到另一个URI上。307：临时重定向，与302类似，只是强制要求使用POST方法。304：发送附带条件的请求时，条件不满足时返回，与重定向无关。400：请求报文语法有误，服务器无法识别。204：请求被受理但没有资源可以返回。403：请求的对应资源禁止被访问。200：请求被正常处理。

原创 vue项目无法启动

可以重新安装一次，如果还是不可以的话，就把之前装的都清空。

转载 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本

全局安装了运行环境,运行时报错。

转载 npm install 常见报错解决

一、C:\workplace\workspace-ODN\pdnms-front>npm installnpm ERR! Error while executing:npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/openplans/Leaflet.AnimatedMarker.git npm ERR!npm ERR! fatal: unable to access 'https://github

转载 tinymce富文本编辑器（vue）

tinymce富文本编辑器使用

转载 Vue.use()详解

Vue.use()详解

原创 解决使用element-ui + vue 时，dialog中嵌入tabs，再次关闭dialog会导致浏览器卡死的解决方案

链接：使用element-ui + vue 时，dialog中嵌入tabs，再次关闭dialog会导致浏览器卡死的解决方案_向上爬的蜗牛君的博客-优快云博客

原创 Vue 项目运行完成后自动打开浏览器的方法汇总

方法一：package.json（适用于vue3）在文件中找到scripts–serve，在后面添加 --open方法二：vue.config.js找到vue.config.js文件，找到devServer，添加下面代码 open:true

原创 vue中处理时间格式的方法

第一步：安装并引入moment (import moment from "moment")；第二步：封装一个方法

原创 vue中this的问题

先声名<script>中let _this; mounted里面赋值（_this=this）；

原创 ＜iframe＞＜/iframe＞使用

第一步：第二步：第三步：

原创 vue-element 表单校验

原创 vue实现发布评论、评论管理

功能要求 1. 实现发布评论功能2. 实现评论列表的展示3. 使用 tab 栏切换的方式来实现 4. 需要高亮显示当前 tab 栏对应的导航参考效果图：代码：注意：代码所需vue可以通过npm i vue --save下载，然后引入即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...