Favicon（Favorites Icon的缩写），中文叫网页图标，一般为各网站的LOGO（如下图），从视觉上起到宣传、醒目、易于区分的效果。没有设置favicon的网站，浏览器会赋予默认的图标（比如Chrome的灰色地球），这样的体验不 ...

刚学web开发的时候，网页上的图标都是用标签引入一张小图片来实现的，这样的好处是简单、易上手。但是渐渐地，开始注重页面细节和用户体验，就会发现这种方式存在一些弊端：随着页面放大，图片会出现锯齿和马赛克，不能一直保持清 ...

什么是sticky footer布局？ 一般指手机页面中，当内容高度撑不满一屏时，页脚紧贴屏幕底部；当内容高度超过一屏时，页脚紧随其后。 方法一：flex弹性盒子布局 父容器container的display为flex，并规定项目排列顺序是 ...

晚上看张鑫旭老师的一篇文章，发现[].splice.call()这样的用法，很感兴趣，因为昨天刚写完一篇关于call方法的博客《一文读懂js中的call和apply》(以下简称“《call》”)，想一探究竟，也正好加深对call的理解。 基 ...

昨晚刷抖音，跳出的第一条是李永乐老师（清华大学2009届毕业生，现就职于北京人大附中）讲诉他为什么要当中学老师的视频，看完后被他圈粉了，就进入主页一直刷他的其他作品，其中一条就是《轻松Get辗转相除法求最大公约数》，哇！有意思，打开电脑，试 ...

苹果的retina屏幕（视网膜屏幕）为什么看起来那么爽？因为它的分辨率极高，可以达到眼睛几乎看不出来的地步。举个例子，一个1像素的点，普通屏幕会用1个像素格去表示，而retina屏幕则不是，iPhone5/6/7/8等机型会用4个像素格（2 ...

场景一：页面中存在多个按钮（A、B、C……按钮们都可以达到大致相同的目的，A点不动可以试试B，依次类推），每个按钮点击后都会触发请求，假设用户点击按钮A后迟迟未响应，于是很自然地点击按钮B，B收到响应结果后没多久A也收到了（A请求一直pen ...

web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...

问： Virtual dom 是什么？为何会存在Virtual dom? 答： 用JS模拟DOM结构。原因： 1.DOM操作是昂贵的，将DOM对比放在JS层，JS运行效率高 2.需要尽量减少DOM操作 我们通过个小例子来看什么是用JS模拟D ...

最近每天早上醒来第一件事就是看看当天新增人数是否减少了，出院了多少，每个省目前还有多少确诊人数，见到最多的就是中国地图的分布图，由于工作需要，自己也使用echarts实现了一个。效果如下： image.png 一：认识echarts ECh ...