八叉树

前端的性能优化可以从网络层面和渲染层面两个维度来实现优化，网络层面主要指的是HTTP请求与响应过程，渲染层面指的是浏览器端或者说是客户端（包括浏览器和代理服务器等）。 1. 构建工具性能的优化（主要是webpack的性能优化） webpack的性能优化主要从两个方面着手，缩短构…

面向对象编程就是将你的需求抽象成一个对象，然后对这个对象进行分析，为其添加对应的特征（属性）与行为（方法），我们将这个对象称之为 类。 面向对象一个很重要的特点就是封装，虽然 javascript 这种解释性的弱类型语言没有像一些经典的强类型语言(例如C++，JAVA等)有专门…

（一维)数组去重最原始的方法就是使用双层循环，分别循环原始数组和新建数组；或者我们可以使用indexOf来简化内层的循环；或者可以将原始数组排序完再来去重，这样会减少一个循环，只需要比较前后两个数即可；当然我们可以使用ES5,ES6的方法来简化去重的写法，比如我们可以使用fil…

创建自定义对象最简单的方式就是创建一个Object的实例，然后再为它添加属性和方法，早期的开发人员经常使用这种模式来创建对象，后来对象字面量的方法成了创建对象的首选模式。虽然object构造函数或者对象字面量的方法都可以用来创建对象，但是这些方法使用同一个接口创建很多对象，会产…

JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。浏览器的事件系统相对比较复杂。尽管所有的主要浏览器已经实现了“DOM2级事件”，但这个规范本身并没有涵盖所有事件类型，随着DOM3级的出现，DOM事件API变得更加丰…

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

首先需要知道对于数组和可迭代对象的遍历方法，我们需要从不同的维度进行对比，方法的功能性，方法的应用场景，方法的兼容性，方法的效率，方法的返回值以及是否改变原始数组。深层次的我们可以思考如何实现这些方法，并且考虑到低版本浏览器的兼容性。如果要分group的话，可以这么分：forE…

用value==null是不对的，因为value为undefined时也会得到与null同样的结果；用！value也是不对的，因为value为undefined或者数字零时也会得到与null同样的结果。以下是正确的写法 尽管如此，我们在 DOM 应用中，一般只需要用 (!exp…

需求: 师弟让我帮他处理一个数据，是一个降雨数据，从2015.1.号到2016.12.31号收集的某地区的降雨数据，一共105000条数据，数据格式为csv格式，第一列为编号，第二列为时间，第三列为该时刻的降雨量，数据特征是如果某段时间的前后都有36个0，则说明这段时间内为一场…