前端队长Daotin

当一个组件A需要在点击其他空白位置时执行关闭自身函数。 一般我们会在window或者document绑定click事件，再点击的时候执行关闭函数。 去掉B组件最外层的@click.stop ，但是可能会造成B组件其他问题（因为B增加@click.stop 肯定是有原因的）。 今…

MD规范里说：文本应该保持至少 4.5:1 （基于亮度值计算）的对比度以保持文本清晰；最佳对比度为 7:1。 对比度的计算规则我们可以简单的理解为两个颜色的相对亮度相除得到的值，比如：两个白色的对比度是 1:1 , 白色（#FFFFFF）与黑色（#000000）的对比度为 21…

问题描述今天在修改页面样式的时候，遇到子元素设置margin-top但是并没有使得子元素与父元素之间产生间隔，而是作用在了其父元素上，导致父元素产生了一个margin-top的效果。今天就来说说整个问

今天在做页面UI改版的时候发现，我之前使用的是dom.scrollIntoView(); 使得点击右侧题目编号的时候，让左侧题目滚动到页面可视区域。 但是现在有个问题就是，当点击题目编号的时候，除了题目会滚动到可视区域，整个页面也会稍稍往上滚动，导致页面错位。 如下图所示，当我…

下面bug如何找到问题出在哪里？之前，如果报错的变量不是普通的单词，还可以在代码里面搜索，看看哪里写的有问题。但是现在的变量是i，如果搜索的话，代码里面有几十个位置，很难找到错误的地方。那么这种情况如

今天遇到一个Vue数据更新了，但是视图未更新的问题，折腾了我2小时才搞定，有必要记录下来，防止日后再次踩坑。 我需要显示一个列表，而且列表是可编辑的。比如可以修改列表每一项的名称等。 我从后端获取列表后，对其中的每一项数据进行初始化，增加一个editing 可编辑属性。 之后在…

这样每个点的tip显示都是传入的data的百分比数据。 由于传入的是series.data之外的数据，所以我们不能使用pointFormat属性或者pointFormatter方法，因为这两个都是对传入的data数据进行变形处理。 思路如下：formatter方法里面我们可以拿…

最开始就有这个问题，但是一直没有管他。这次因为概况页面UI改版，所以开始着手处理。 最开始以为是参数设置的问题，于是就找到了官方示例代码，把官方的一些参数加入到之前的代码里面发现不起作用。 于是就把整个官方代码原封不动拷贝到项目中进行尝试，然后发现还是没有显示极地图中间的线条。…

根据业务需求，需要有一个批量添加题目的功能。 如上图所示，左边是纯文本输入的题目，右边需要解析成一个个对应的题目。 右边的题目就是一个组件，根据不同的类型进行显示，这个组件这里不做谈论。这里要做的就是根据左边的文本内容，解析成一个个对象的形式，传入右边的组件进行渲染。 这篇文章…