大雄没了哆啦A梦

first paint: 首个元素绘制的时间。 first contentful paint: 首个内容绘制时间，具体指图片或者文本的首个像素渲染。 从定义上这两个指标定义上有所不同，但目前获取的数据却是一致的，我们可以把这两个指标看成我们平时所说的白屏时间。 计算方式通过性能…

一般一个完整的前端项目需要包含异常监控，我们需要在项目出现异常的时候第一时间通知到我们开发，然后及时修复bug。 常见的js原生错误，主要包含语法错误(SyntaxError)、引用错误(ReferenceError)、类型错误(TypeError)和范围错误(RangeErr…

js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种手段来避免，而将代码用try catch包括就是最容易实现的一种方式，但是前端工程师们很少会用try catch把代码包括…

最近做了一个需求，需要做吸顶的效果，在安卓机器和IOS高版本系统下，能改完美实现吸顶效果，但是在低版本的IOS中，却遇到了坑，当我滚动到吸顶的位置的时候，它仍然没有吸顶，只有滚动停止的时候才吸顶。 google分析了原因，有两种原因会导致这种情况。 如果你监听滚动是使用addE…

虚拟列表即只渲染可视区域的数据，使得在列表数据庞大的情况下，只显示可视区域的数据，顶部和底部不可见的区域以一个空的dom来代替（留白），这样就能大量减少dom的渲染量，使得列表能够流畅地无限滚动，这在移动端是十分重要的。 实现虚拟列表的方案主要是计算出可视区域要显示哪些数据，然…

深度遍历就是根据二叉树的层数一层一层遍历，实现深度遍历的关键是利用队列，当队列当中有元素的时候，取出队列的头部元素，访问这个元素，然后把这个元素的左孩子和右孩子入队列，然后重复这个过程。代码如下： 广度遍历的另外一个考点，就是求二叉树的右视图或者左视图，整体的思路就是遍历每一层…

在vue的开发中，我们不免会使用到计算属性，使用计算属性，vue会帮我们收集所有的该计算属性所依赖的所有data属性的依赖，当data属性改变时，便会重新获取computed属性，这样我们就不用关注计算属性所依赖的data属性的改变，而手动修改computed属性，这是vue强…

备注：看本文需要对docker和gitlab-ci有所理解。关于这方面的知识不懂的，需要去学习下。 我们在每个分支上开发准备提测的时候，就生成一个该分支特有docker镜像，该镜像基于nginx的，它会完成代码的打包和部署（到nginx上），以此来实现不同的分支代码在不同的do…

在js中，异步是一个非常重要的组成部分，它基于事件循环，保证了优先级更高任务的优先执行权，比如js下载、UI渲染、js中非异步的任务，异步使得单进程的js能够做到非阻塞，这在node显得攸关重要，它使得js不必等待I/O操作返回结果，而能去处理其他任务。但是异步也存在着缺点，最…