「Stay hungry，stay foolish.」

作为一个程序员，一些基本的排序算法是必须要掌握的。以前人们总觉得算法是后端程序员去学的，前端只需要专注于网页的美观以及 JS 的基本逻辑交互就行，然而，近几年随着前端行业的发展，前端越来越注重逻辑交互，如果你还像很久之前那样只知道用 HTML + CSS 去构建网页，那就落伍了。如今，前端程序员也需要对算法有一定的了解，不说别的，多掌握点东西总是好的。今天的文章介绍的是排序算法中的选择排序。... 阅读全文…

作为一个程序员，一些基本的排序算法是必须要掌握的。以前人们总觉得算法是后端程序员去学的，前端只需要专注于网页的美观以及 JS 的基本逻辑交互就行，然而，近几年随着前端行业的发展，前端越来越注重逻辑交互，如果你还像很久之前那样只知道用 HTML + CSS 去构建网页，那就落伍了。如今，前端程序员也需要对算法有一定的了解，不说别的，多掌握点东西总是好的。这篇文章记录下很常见的一种排序算法——冒... 阅读全文…

最近，谷歌正式发布了旗下浏览器的最新版本，也就是 Chrome 69，这对程序员来说真是一个大好消息，要知道，很早之前的程序员都是用苦逼的 IE 系列浏览器，各种 bug 不说，偶尔还要兼容下低版本的例如绝望的 IE6，不过这都已经成为过去式了，因为近些年来的快速发展，Chrome 的市场份额越来越多，人们正在逐渐习惯使用谷歌或者火狐浏览器，现在 IE 估计只有一些政府部门还有国企在苦苦坚持... 阅读全文…

网格布局（CSS grid）是一种网页设计的新布局，目前许多主流浏览器已经支持了这一布局，对前端开发人员来说，是需要了解并学会使用的一种很方便快捷的布局。接下来我会用一段代码来展示 grid 布局的效果，然后在对代码中的每一个属性进行说明，希望读者能通过这篇文章对 CSS 的网格布局有一个大致的了解。12345678910<div class="grid"> ... 阅读全文…

正则表达式是很多程序语言中都支持的字符串操作模式，它使用单个字串来描述、匹配一系列匹配某个句法规则的字符串。经常使用的两个方法是 test() 和 match() 。 字符规则\d 可以匹配一个数字，例如\d\d可以匹配 ‘01’\D 匹配一个非数字字符\w 可以匹配一个字母、数字、下划线,例如\w\w可以匹配 ‘js’\W 匹配非字母、数字、下划线. 可以匹配任意字符，例如js.可以匹配’... 阅读全文…

在前端的面试或笔试中，经常会碰到让你写一段数组去重的代码，今天就带大家一起来学习数组去重的 6 个方法，所谓人无我有，人有我优。当别人掌握了一两种方法时，你就要努力掌握比别人更多的方法，这样就可以让自己更有竞争力些。 直接遍历法这种方法直接遍历数组，利用 JavaScript 的 indexOf 方法，新建一个新数组，用这个数组去判断旧数组中的每一个数是否等于-1,如果是，说明该数在新数组中... 阅读全文…

链表是由一组节点组成的集合，每个节点使用一个对象的引用指向它的后继，指向另一个节点的引用就是链。在 JavaScript 中，数组也可以存储元素，但是数组说到底也是一个对象，与其他语言相比效率比较低，因此出现了链表，它可以更方便地代替数组来实现同样的数据存储与移动效果。 定义链表为了更形象地表示链表，我从网上找了一张表示图，如下 ... 阅读全文…

数据结构有许多种，上篇文章分享的是可以存储简单数据的列表，例如待办事项，购物清单等。今天要跟大家分享的是两种非常常见的也必须了解的数据结构——栈与队列。 栈的定义什么是栈呢？它是一种“后入先出”的数据结构，它跟列表一样，都是可以用来存储数据，但是却要比列表严格的多，栈的数据只能在栈顶添加或删除。举个例子，在麦当劳用餐时的那些盘子，捡餐员在拿盘子时，总是从一摞盘子的最上端拿（栈顶），然后放上食... 阅读全文…

列表是一种数据结构，在生活中也有广泛应用，例如待办事项清单、购物清单等都可以做成列表。在开发中，我们就可以把列表抽象成一个数据类型，将它写成一个可以循环使用并能用来解决问题的程序，这就是一个列表抽象类。 类的定义用 JavaScript 定义一个 List 类，代码如下：12345678910111213141516171819202122function List() { th... 阅读全文…

程序员可能都听说过：算法 + 数据结构 = 程序。今天就来了解下数据结构的其中一种——数组吧。数组的标准定义是：一个存储元素的线性集合。许多编程语言都有相应语法的数组，而在 JavaScript 中，数组其实是一种特殊的对象。 数组的创建与读写以下两种方式都可创建数组：1234567// 字面量方式,常用var num = [1,5,6,10];print(num.length); //... 阅读全文…