myskill
文章平均质量分 51
胡萝卜大王驾到
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ant-design官网打不开 , 需要用镜像地址打开
如果网络不好的时候ant-design 的官网很难打开的 ,用下面的镜像地址就可以打开啦ant-design 官网镜像地址:http://ant-design.gitee.io/index-cnant-design-pro镜像地址:http://ant-design-pro.gitee.io/index-cnantd-mobile镜像地址:https://antd-mobile.git......原创 2020-04-22 18:58:07 · 15251 阅读 · 2 评论
-
nuxt中extendRoutes添加多个扩展路由
【代码】nuxt中extendRoutes添加多个扩展路由。原创 2023-09-05 14:13:22 · 585 阅读 · 0 评论 -
b站看视频3倍速及手动控制弹幕显示行数
弹幕行数最少是1/4,看课的时候弹幕太多很影响观看体验,可以设置css的高度控制弹幕的显示行数,height默认是100%,可以自己调整相应的像素。B站的播放速度最大只有2倍速,但是很多时候看视频想要更高倍速的,可以试试设置原创 2023-04-29 19:30:02 · 1016 阅读 · 1 评论 -
windows使用nvm安装node及报错处理
选择nvm安装路径,注意一定要选择全英文,无汉字和空格的路径 ,要不然后面使用会报错原创 2022-09-27 16:34:21 · 4781 阅读 · 2 评论 -
element表格内组件执行多次的原因以及解决方法
如图: table表格里引用了自己封装的select组件,但是子组件在created里总是执行两次(因为我在created里请求接口了),后来发现是表格里写了fixed的缘故,fixed会让表格重新复制一遍,这样就相当于加载了两次表格的dom,所以子組件才会执行两遍fixed复制可以查看我的另一篇博客,讲的相对细致https://blog.csdn.net/weixin_44157964/article/details/120205080解决方法:如果fixed没有用到的话,可以去掉fixed如原创 2022-01-24 17:57:42 · 4088 阅读 · 2 评论 -
基于element dialog二次封装弹窗组件
实现效果组件封装<template> <el-dialog :title="title" :width="width" :visible.sync="dialogVisible" :close-on-click-modal="false" v-if="dialogVisible" v-bind="$attrs" > <slot></slot> <div slot="footer原创 2021-09-30 14:24:35 · 898 阅读 · 0 评论 -
el-table中同时使用expand和fixed,展开内容被分割成三段解决办法
问题描述如下图所示,el-table中,如果同时使用expand和 fixed的话,expand中的内容会被分割成三份,展开的内容不具有连续性解决结果展示解决最终效果如下,expand中的展开内容连续展示,不会被分割问题分析如下图所示,如果加了fixed之后,element会把table复制两份(如果只加一侧fixed,则只会复制一份),我们在页面上看到的结果是三个表格最终合并之后的样式可以看到,左中右这三个表格是独立存在的,如果只双击中间的内容,左右的内容并不会被同时选中解决办法原创 2021-09-09 17:34:03 · 5373 阅读 · 5 评论 -
js面试0.1+0.2!==0.3原因以及解决方法
问题原因因为js底层都是按照二进制来存储数据的,十进制的小数转化为二进制如下图它的计算过程如下:给该小数乘以2,然后取整,然后获取小数继续乘以2取整,以此循环所以十进制的小数转换为二进制会出现无限循环,对于无限循环的情况,会自动截掉多余的部分,只存储64位,所以,十进制的小数,在计算机底层存储的时候,就已经“失真”了0.1+0.2在进行运算的时候,是按照二进制来计算的,把计算的结果变成10进制,交给客户端呈现。而浏览器呈现的数值是有长度限制的,超过长度限制的也会被截取掉,截取后的数值从小数最后一位原创 2021-07-24 23:07:14 · 726 阅读 · 0 评论 -
js for循环遍历每一项异步请求,遍历结束后执行使用promise.all
场景:数组遍历中每次遍历都需要去请求getStaffCover接口,拿到该接口的结果拼接到数组的每一项,等到数组遍历完之后,拿到拼接好的数组。拼接的数组必须是最终遍历的结果,所以得等到所有的请求结束之后进行操作,使用map可以返回每一次异步请求的Promise合集,注意这里不需要return,然后使用Promise.all等待执行完所有的异步操作,然后才会执行后面的代码解决 const promise = nv.aiFaceData.items.map(async item => {原创 2021-07-08 18:04:48 · 7571 阅读 · 0 评论 -
flex布局超出一行显示省略号失效(占满整行解决方法)
实现效果:如图二报错问题:如图一,标题并没有显示省略号,并且还独占一行问题原因:因为整个li是flex布局,detail为右侧占flex:1,并没有设置固定的宽度,当title设置不换行时,拿到的宽度时整个li的宽度,所以需要把detai设置width:0代码结构解决方法:给父元素的width设为0 li { width: 100%; height: 68px; display: flex; align-items: center; justify-原创 2021-07-05 20:06:35 · 5611 阅读 · 2 评论 -
css更改滚动条样式
实现效果如下.comment-list{ &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(128, 128, 134, 0.8); } &::-webkit-scrollbar-track {原创 2021-07-05 15:09:21 · 135 阅读 · 0 评论 -
vue 数组监听新旧值相同的解决方法
场景:我使用的是数组的splice和push更改数组 , 一般使用watch监听也就使用新值就可以 , 刚好这次还需要用到旧值,正常的数组监听只能监听到新值的改变,新老值打印并不能打印出旧值的数(新值和旧值一样),如果需要获取旧值,需要新建一个computed属性,使用JSON转换,然后再监听这个computed,就可以监听到新旧值的改变computed:{ timeMark() { return JSON.parse(JSON.stringify(this.timeList));原创 2021-06-29 14:02:10 · 1210 阅读 · 0 评论 -
element menu自定义图标以及css动态修改svg颜色
需求:如下图,使用element menu切换菜单的时候当前菜单需要高亮,正常的menu使用的是icon,会自动根据点击变化颜色,但是如果有自定义的图标就需要使用svg,这时候需要动态的设置svg的颜色svg的颜色是在标签内通过fill属性写死的,使用CSS3滤镜filter中的drop-shadow可以更改 .el-menu-item.is-active { .menu-icon { left: -80px; filter: drop-shadow($原创 2021-06-18 15:21:35 · 8129 阅读 · 0 评论 -
vue项目打包之后在本地运行最简单的方法
看到网上很多都说使用express-generator,但是个人感觉还是有点麻烦,下面方法用两句命令就搞定啦一、在bash命令行输入npm install -g serve二、接着输入serve -s dist然后如下图,就可以启动了原创 2021-04-25 15:09:16 · 2499 阅读 · 1 评论 -
前端开发遇到的问题及解决记录
关于Fiddler打开之后,浏览器无法打开HTTPS网页的解决方法如何优雅的撤销commit和add操作后续补充原创 2020-09-28 13:10:35 · 1113 阅读 · 0 评论 -
前端面试必问(后台管理系统的权限控制与管理)
此文章根据视频教程进行整理前端面试官必问系列-后台系统的权限控制与管理,建议搭配视频教程一起食用效果更佳在Web 系统中,权限很久以来一直都只是后端程序所控制的. 为什么呢? 因为Web 系统的不质围绕的是数据, 而和数据库最紧密接触的是后端程序. 所以在很长的一段时间内, 权限一直都只是后端程序要考虑的话题. 但是随看前后端分离架构的流行, 越来越多的项目也在前端进权限控制一、 权限相关概念1.1 权限的分类后端权限从根不上讲前端仅仅只是视图层的展示, 权限的核心是在于服务器中的数据变,所以原创 2020-09-05 22:58:45 · 30061 阅读 · 20 评论 -
react报错[Intervention] Unable to preventDefault inside passive event listener due to target being tre
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 解决:在style全局样式添加* {touch-action: pan-y;}, pan-y表示启用单指垂直平移手势(上下滑动事件)。* { touch-action: pan-y;}...原创 2020-08-17 12:42:12 · 2689 阅读 · 0 评论 -
域名解析 以及 部署阿里云
1、域名解析在阿里云找到域名控制台,点击解析绑定公网IP地址域名可以访问,但是这时候网站还没有和域名绑定,显示80端口默认的页面2、nginx配置使用ftp连接阿里云屏蔽默认80端口的页面因为直接访问域名的话会默认使用80端口,80端口会显示下面这个页面修改nginx.conf代码,注释掉80端口对应的代码修改代码先从从服务器在本地修改完然后在上传到服务器 ,还有一种可以使用vim的方法可以直接修改服务器代码,下面会讲到。注意:修改完配置文件是要重启nginx的,使用nginx原创 2020-08-07 22:52:59 · 798 阅读 · 0 评论 -
彻底搞懂JavaScript防抖和节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-07 20:20:02 · 323 阅读 · 0 评论 -
es6字符串模板拼接问题
今天在网上看题这个答错了,一下子没有反应过来es6中是直接用${}的模式拼接字符串的,是没有加号的没选b是因为当时把"很好"当场了一个变量,我以为{}里只能写变量,{}也是可以写变量的值的.最开始还以为我选错是因为中文变量的原因,其实是因为加了"+"号总结:不能用加号,{}里可以写变量的值...原创 2020-01-13 20:32:29 · 541 阅读 · 0 评论 -
vue中的.passive修饰符的作用以及应用场景
passive这个修饰符会执行默认方法。你们可能会问,明明默认执行为什么会设置这样一个修饰符。这就要说一下这个修饰符的本意了。浏览器只有等内核线程执行到事件监听器对应的JavaScript代码时,才能知道内部是否会调用preventDefault函数来阻止事件的默认行为,所以浏览器本身是没有办法对这种场景进行优化的。这种场景下,用户的手势事件无法快速产生,会导致页面无法快速执行滑动逻辑,从而让用户感觉到页面卡顿。通俗点说就是每次事件产生,浏览器都会去查询一下是否有preventDefault阻止该次事原创 2020-07-03 20:44:34 · 2254 阅读 · 0 评论 -
vue递归组件的理解
vue的官网递归组件的解释https://cn.vuejs.org/v2/guide/components-edge-cases.html#%E9%80%92%E5%BD%92%E7%BB%84%E4%BB%B6但是解释的例子不是很明确,下面我补充了一个例子,可以详细的理解递归组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi原创 2020-07-03 16:20:10 · 434 阅读 · 0 评论 -
前端团队协作开发git流程
开始1、git软件下载下载地址https://git-scm.com/downloads选择对应的操作系统进行下载,安装的过程中选择默认值,一直点击下一步即可。安装完成后,点击鼠标右键会多出两个选项,代表安装成功,点击Git Bash Here可以进去git命令行工具。输入git --version即可查看当前git版本2、git的工作流程git主要分为三个部分:git仓库:主要存放提交记录暂存区:临时存放被修改文件工作目录:被git管理的项目目录开发者使用git时,需要先将工原创 2020-07-02 11:06:20 · 1388 阅读 · 0 评论 -
vue实现购物车全选 批量删除价格计算等功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.js"></scrip原创 2020-07-01 08:51:35 · 2027 阅读 · 0 评论 -
h5大前端常用网站以及npm模块整理
全球大前端技术大会https://gmtc.infoq.cn/2019/beijing/node.js基础总结https://lurongtao.gitee.io/felixbooks-gp19-node.js/basics/01-Node.js%E5%9F%BA%E7%A1%80.html案例代码https://gitee.com/lurongtao/gp19-coursesexpress官网https://www.expressjs.com.cn/这个翻译的版本比较好http://ca原创 2020-06-26 08:51:44 · 5443 阅读 · 0 评论 -
typescript学习文档
看到别的大神整理的https://lurongtao.github.io/felixbooks-typescript/原创 2020-04-29 12:06:53 · 359 阅读 · 0 评论 -
react 超清晰文档整理
关于ReactReact的起源和发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库!A JavaScript library for building user ...原创 2020-04-23 18:11:26 · 591 阅读 · 0 评论 -
react移动端常用工具和常用配置整理
移动端组件antant官网地址https://ant-design.gitee.io/docs/react/introduce-cn后续继续补充…原创 2020-04-21 16:55:29 · 635 阅读 · 0 评论 -
vscode如何快捷键一键生成vue模板
一、点击File—>Preferences---->User Snippets二、然后会出现一个输入框,输入vue然后回车三、会出现一个vue.json的文件四、然后在该文件内配置如下代码,也可以按照自己的需求配置vue.json 文件{ // Place your snippets for vue here. Each snippet is defined und...原创 2020-04-18 18:16:37 · 20070 阅读 · 3 评论 -
Vue CLI3 开发vue移动端常用工具和常用webpack配置整理,vue服务端渲染
移动端组件库mint-ui 官网:https://mint-ui.github.io/#!/zh-cn第三方插件better-scroll原创 2020-04-17 22:38:56 · 359 阅读 · 0 评论 -
vue react移动端解决1像素边框的适配问题
@mixin border_1px($color) { position: relative; @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { &::before { content: " "; position: absolute; ...原创 2020-04-10 23:16:58 · 448 阅读 · 0 评论
分享