梭梭树壹号

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…

最近在折腾的 web 端的可视化项目，由于相关业务的需要，用到了 Mapbox 这一地图开发的神器。在此先奉上一个基于mapbox-gl实现的demo短片（来源：uber的deck.gl项目）： 下面我们从这个项目一步步来介绍 Mapbox 的前端 GIS 引擎 Mapbox …

最近在做一个点的聚类处理，就是根据点的属性，进行点的聚合展示，提升在同一个页面展示点的效率。最开始进行的是点与行政区域的聚合，即根据点的行政划分进行聚合。但是由于点的数据量较多，且没有行政区域这一属性（只有经纬度坐标），所以需要我们对点的行政区域进行自动计算。我们采用的是将我们的数据点与行政区域进行空间叠加，获取坐标点所在的行政区域，并入库，使这些坐标点具有行政区域划分。这篇文章讨论的就是这个点与行政区域的计算过程。

虽然现在已经是ES6的时代，但是，还是有必要了解下ES5是怎么写一个类的。 本文详述JavaScript面向对象编程中的类写法，并分步骤讲述如何写出优雅的类。 例子为一个轻提示组件Toast。 JavaScript的类，是用函数对象来实现。 其中的重点，就是Function的编…

最近我的好友在写项目的时候经常会抱怨数据的来源，的确对于一个前端来说，数据接口数据资源永远是Mock。网上看很多大神python，node玩的飞起。但自我感觉，并没有一套好的流程方案可以走进我们开发的流程中。为了帮助我的好友并且需要数据的你来说，可以仔细的看看整套流程。因为我也…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

在第一篇文章中介绍了搜索引擎原理基本原理和工作流程。在第二篇文章中介绍了 SEO 优化的基础部分-站内优化所包括的一些要素。 所以，在这篇文章就要教大家如何根据第二篇提到的站内优化要素对自己的博客进行 SEO 优化，以及介绍SEO常用的一些工具及用法。帮助大家的博客能更好更快地…