HanpengChen

BFC是之前前端面试中经常问到一个问题，这篇文章我们一起来学习BFC。 BFC(Block Formatting Context)：快格式化上下文，是web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。它有一套渲染规则，决定了其…

在上一篇文章《Javascript-数组乱序》中我们提到不同浏览器采用不同的排序算法来实现Array.prototype.sort方法，今天我们一起来学习常见的几种排序算法。 我们常说的十大经典排序算法有：冒泡排序、选择排序、插入排序、希尔排序、归并排序、快速排序、堆排序、计数…

前面我们一起学过十种常见的排序算法，我们一起来看一道和排序有关的LeetCode题目：215.数组中的第K个最大元素。 在未排序的数组中找到第 k 个最大的元素。请注意，你需要找的是数组排序后的第 k 个最大的元素，而不是第 k 个不同的元素。 求解Kth Element问题，…

数组乱序在实际开发过程中是可能碰到的，下面我们一起看看如何实现数组乱序。 我们一开始可能会想到利用数组的sort方法，判断随机出来的0-1的值与0.5的大小，实现排序。该方法实现如下： 上面的实现方法看起来很完美地实现了乱序的需求，但实际的效果如何我们还是要进行测试。 在Chr…

JavaScript的数组去重是前端比较常见的一个问题，今天我们来学习几种常见的数组去重方法。 大部分人最先想到的是通过双层循环来去重。双层循环的实现原理很简单：我们先新建一个空的数组res，通过遍历待去重数组array和res，判断array[i]是否存在于res中，如果不存…

上一篇文章我们将JavaScript中数组的方法汇总了一下，本文我们一起来看看JavaScript数组常见的一个问题：数组扁平化。 数组扁平化：就是讲一个复杂的嵌套多层的数组，一层一层地转化为层级较少或者只有一层的数组。 从上一篇文章中我们可以知道，在ES6 新增的flat()…

自动完成，按照一定频率分析输入，提示自动完成。 鼠标移动和窗口滚动，鼠标稍微移动一下，窗口稍微滚动一下会带来大量的事件，因而需要控制回调的发生频率。 运行该html文件，我们将鼠标在我们定义的矩形区域移动，只是简单的从下往上滑动，mouseMove函数就被触发了99次。 假设m…

在上一篇文章《JavaScript-函数防抖》中我们学习了什么是防抖，并且一步步实现了防抖函数，今天我们一起来学习节流(throttle)。 函数节流(throttle)：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。简单的说，就是让一个函数无法在很短时间间隔内被连…

点击上方“代码视界”，“星标或置顶公众号”第一时间获取好内容面向对象编程面向对象编程——ObjectOrientedProgramming，简称OOP，是一种程序设计思想。OOP把对象作为程序的基本单