功能概述： 根据后端返回接口，实现路由动态显示 实现按钮（HTML元素）级别权限控制 涉及知识点： 路由守卫 Vuex使用 Vue自定义指令 导航守卫 前端工程采用Github开源项目Vue-element-admin作为模板，该项目地址： ...

问题背景： 列表中有固定的样式tab-bar-li和动态样式active 1.假如nav-bar-li是个css样式的class <li :class="{ 'active': hash= ...

1、延迟函数delayconst delay = ms => new Promise((resolve, reject) => setTimeout(resolve, ms)) const getData = status => new P ...

1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示 display: -webkit-box; /*值必须为-webkit-box或者-webkit-i ...

最近在教我老婆学习前端，她说想要学习前端，自己在家赚点外快，自己赚点家用。我也拗不过她，而且其实我也挺佩服的。所以就教她了。最近我想考一考她对css中伪类的了解，所以就问了她了解css多少个伪类，伪类是什么？她说css 伪类是用于向某些选择 ...

今天面试了一个前端实习生，我问了一个比较简单的问题，就是css如何实现元素垂直居中的问题，但是要说出多种方案。其实他说的不错，基本上说到了flex布局，grid布局等下面提到的布局。还不错，但是这几种都是已经经常用的，老生常谈，但是我想听到 ...

今天为什么要给大家讲解这个东西呢，因为css这部分，尤其是数值这部分感觉非常简单，但是尤其是简单的，却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。 width height 百分比 当元素的height ...

伪元素默认层级是在父元素之上的，同时 ::after在::before之上伪元素方法1：z-index = -1#parent{}#parent::before{ &nbsp; ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

javascript的typeof返回哪些数据类型. 答案：string,boolean,number,undefined,function,object 例举3种强制类型转换和2种隐式类型转换? 答案：强制（parseInt,parseF ...