前端进阶笔记

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 什么是图片懒加载 图片的懒加载就是在页面打开的时候，不要一次性全部显示页面所有的图片，而是只显示当

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 有的时候我们会在桌面右下角看到这样的提示： 这种桌面提示是HTML5新增的 WebPushNoti

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 今天介绍的是一款代码格式化工具，特别适合团队协作开发的时候使用。想必你应该正在使用，它叫 pret

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 好久没写文章了，下笔突然陌生了许多。 今天的主角是css-doodle，不知道有多少人知道的，反正

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 代码片段在平时的工作中发挥着巨大的作用，极大的节省了我们的工作量。而由于VS Code的代码补全功

🎉 大家好，我是前端队长Daotin，想要获取最新前端相关的精彩内容，可以在关注我，解锁更多前端成长新姿势。 以下正文： 已经是晚上11点整了，小D看了下闹钟然后摘下眼镜，捏了捏疲惫的双眼，办公桌上不

一、问题由来 刚开始学 DOM 操作中对于元素距离元素的距离问题总是迷迷糊糊的，虽然有万能的 getCurrentStyle 方式来取得所需要的属性，但是有时看别人的代码的时候，总会遇到很多简写的方式

阅读本文大概需要 6 分钟。 编辑器的选择一直是开发者们经久不衰的话题，各个语言都有很多编辑器可做选择，甚至有的编辑器可以通杀大部分的编程语言，而前端作为一门热门语言，编辑器的种类也是丰富多样的，今天

1、什么是面向对象编程面向对象编程，是一种通过对象的方式，把现实世界映射到计算机模型的一种编程方法。OOP围绕对象而不是功能和逻辑来设计软件架构。可以将对象定义为具有唯一属性和方法的一种数据类型。2、

今天在做一个table表格的时候，遇到一个css样式问题：如下图：从图中可以看到，在table里面，th 的文字太长了。我们知道。如果想要显示省略号会使用下面三行代码：使用这三行代码的话，需要设置一个

把之前为0的数据改为null即可。

当一个组件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改版，所以开始着手处理。 最开始以为是参数设置的问题，于是就找到了官方示例代码，把官方的一些参数加入到之前的代码里面发现不起作用。 于是就把整个官方代码原封不动拷贝到项目中进行尝试，然后发现还是没有显示极地图中间的线条。…

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