前端
文章平均质量分 69
写Bug的切图仔
当你的才华撑不起你的野心的时候,就必须静下来心来学习
展开
-
<router-view> can no longer be used directly inside <transition> or <keep-alive>
[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.原创 2021-12-20 11:21:23 · 3390 阅读 · 0 评论 -
JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of
出处:JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of 译者:Fundebug我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of,你知道为什么吗?这篇文章将详细介绍以下 4 种循环语法的区别:for (le...转载 2019-03-11 11:06:22 · 257 阅读 · 0 评论 -
vue封装element-ui的el-checkbox实现嵌套多选组件
vue封装element-ui的el-checkbox实现嵌套多选组件要实现的效果如何使用<multi-check-list :dataList="dataList" :isCheckAll='true' @change="handlerDataCheck"></multi-check-list>import MultiCheckList from './multiCheckList.vue';data() { return { dataList:[{原创 2021-01-11 17:38:59 · 4074 阅读 · 18 评论 -
美化网站的实用 CSS3 技巧
美化网站的实用 CSS3 技巧黑白图像.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}页面顶部阴影::before { content: ""; position: fix原创 2020-12-05 18:56:18 · 183 阅读 · 0 评论 -
修改浏览器滚动条默认样式
修改浏览器滚动条默认样式浏览器默认滚动条太宽,太丑,自定义浏览器滚动条样式,打造属于自己的滚动条风格组成滚动条主要有3部分组成,修改这3部分就能自定义滚动条::-webkit-scrollbar //滚动条整体样式::-webkit-scrollbar-track //外层轨道::-webkit-scrollbar-thumb //滚动条内部滑块/* 滚动条整体部分 */#wrapper::-webkit-scrollbar { width: 8px; height: 8px;}原创 2020-12-05 18:08:34 · 425 阅读 · 0 评论 -
JS随机生成字符串的方法
const randomStr = (len) => { let str = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; let result = ""; while(len) { let index = Math.floor(Math.random() * str.length); result += str[index]; --len; } return result;}原创 2020-11-06 15:18:06 · 422 阅读 · 0 评论 -
整理 node-sass 安装失败的原因及解决办法
文章出处node-sass 安装失败的原因npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。这是使用 sass 的同学可能都会遇到的郁闷的问题。解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。解决方法一:使用淘宝镜像源(推荐)设置变量 sass_binary_site,指向淘宝镜像地址。示例npm i node-sass --sass_binary_site=htt转载 2020-07-09 22:14:53 · 9964 阅读 · 2 评论 -
git如何解决fatal refusing to merge unrelated histories
refusing to merge unrelated histories这是因为远程仓库已经存在代码记录了并且那部分代码没有和本地仓库进行关联,我们可以使用如下操作允许pull未关联的远程仓库旧代码:git pull origin master --allow-unrelated-histories然后我们可以push代码了...原创 2020-06-30 22:52:44 · 177 阅读 · 0 评论 -
CSS中的BFC是什么?
什么是BFC块格式化上下文(Block Formatting Context)是一个独立的渲染区域,简单来说就是一个独立的盒子,并且这个盒子里的布局不受外部影响,也不会影响到外部元素BFC布局规则内部的Box会在垂直方向,一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。 BF原创 2020-06-26 19:31:51 · 532 阅读 · 0 评论 -
什么是微格式?在前端构建中应该考虑微格式吗?
微格式建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式(microformats.org官方定义)。是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数据表达方式,对Web网页进行语义注解的方法。这种方法依托于标准的Web页面写作技术,例如,XHTML,这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面,在XHTML文档中给一些标签(Tag)增加一些属性(attribute),这些属性对信息的语义转载 2020-06-26 16:22:56 · 531 阅读 · 0 评论