大前端时代－小专栏

大前端时代

作者

OwenGitHub1

文章 32篇

售价

¥ 50

每周一篇文章，紧随前沿动态。五年开发经验，帮你缩短提升的路径。投资自己，相信自己。陪你一起成长，携手一同进步。主要介绍JavaScript在前后端的各种应用以及当下前沿的大前端技术，定期更新是我对你的承诺。Nodejs，Vue，算法等方面高质量的文章不断累积，专栏的价值也会不断增加。我们一起见证~

关于作者：
魏永，滴滴前端全栈工程师。6年前端开发经验，对JavaScript和前端技术有较深的研究。
小专栏《大前端时代》《ES6小册子》作者。
头条号《前端科技》作者。
大鱼号《开发者说》作者。

0b4898f838f18d4f9569c3c8ab2fb615

生活中的算法：寻找小区两栋楼间的最短路线

最近看到一到蓝桥杯比赛的算法题，计算两栋楼之间的最短距离。我忽然意识到这道题其实在实际生活中也有着应用，今天就和大家分享一下这道竞赛算法题。 1.题目概述 X星球居民小区的楼房全是一样...

069bcc4fef13a57d590958d820108bda

使用Proxy创建类型安全的JS对象

由于JavaScript的语言特性，当从对象 GET 一个不存在的属性时会返回 <code>undefined</code> 而不是报错。为对象 SET 一个不存在属性时也能成功设置。由于JavaScript的这个特性，在开发和调试过程中会出...

B9322bcdb1687e7c83cd0be62e83b757

Luhn算法校验银行卡号，再也不用害怕输错卡号

我们再很多情况下都要提供银行卡号，比如入职，办理贷款等。你可能也会担心不小心输错一位数字，然后工资就打到别人的账户里了。其实不必为这种情况担忧，生成卡号的Luhn算法已经考虑周全了。来...

F22f2ef4bce4787cfba8cc480407b669

ES6 Class中如何实现静态属性

我们都知道 ES6 <code>Class</code>支持静态方法，但是不支持静态属性。如果你是习惯强类型语言的开发同学，或者要用JavaScript改写后端服务，ES6 class的这个特性可能会让你难以接受。如果想把与类...

Bf52e05cbe1c9bf54d5646beee608b01

URLSearchParams：解析链接参数的利器

解析页面链接参数是前端开发者在工作中最长使用的操作之一。很多信息是通过页面链接的后缀参数传递的，开发者需要先获取到参数才能判断下一步的操作。相信很多开发者都是自己写函数来解析参数...

6db8c53674e26f9eaa8a091a76961ee1

JavaScript中冷门知识: 位运算和它的巧妙运用

位操作符是JavaScript中相对较冷的知识。即使在《JavaScript高级程序设计》这样大而全的书中，只有5页内容是介绍位操作符的。其实位操作符在JavaScript中有着重要的作用，位操作符能帮助我们理解底层的存...

4f5bb9a9f9d02d3d5bac8ef90fca00be

Node主流框架 Express Koa2 Egg 对比

很多人在选择框架的时候会不知所措，或者在面试时被问到框架间的区别，却不能很好的总结回答。今天就和大家分析对比一下目前主流的三个框架：Express，Koa2 和 Egg。相信能帮你了解它们之间的区别。 ...

185bed72c388d6368390998a8655853a

总结Vue页面元素闪烁的解决办法

在前一篇Vue v-if/v-show/插值表达式导致闪现的原因及解决办法中解释了为什么Vue页面会出现闪烁的原因，今天就解决这类问题做一个总结。 1.原因这个问题是因为Vue要等到HTML DOM加载完成后才会执行JS的编...

64a6aef4bda35d245eb6d90ef9ecc1a1

Vue v-if/v-show/插值表达式导致闪现的原因及解决办法

在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。 1.闪现的原因这个问题是因为Vue要等到HTML DOM加载...

Dfb305333c95de25664f1a36a03a2831

探究 JavaScript 基础数据类型和复杂数据类型的区别

我们都知道JavaScript有五种基本数据类型：字符串、数字、布尔、Null、Undefined。还有复杂数据类型如：对象，数组。但是不知道你有没有思考过基本数据类型和复杂数据类型的区别是什么？今天帮大家研...

94b8acf81509ee06f9a48e85c9c3d92f

JavaScript 浮点数和大整数计算精度丢失的原因及解决办法

很多语言都有浮点数计算精度丢失的问题，JavaScript也不例外。相信你也也发现过这样的问题：那为什么会出现这种问题呢？今天就和大家一起探究一下底层的原因，然后找到解决问题的办法。 1. 浮点数...

3c5633d0c56e373f2d297406fff1aaa0

Vue 全家桶新成员 VuePress 体验报告

先感谢大家对我专栏文章的认可，以后除了继续提高文章质量以外，内容排版和配图图片也会更加精致。给您更好的阅读体验。VuePress是vue作者尤雨溪新出的工具，主要是解决编写技术文档的问题。vuePress...

Ad44c649f0320453c18ad77aceb9abe7

JavaScript 实现微信红包算法

专栏停更了很久，向大家说声抱歉。今天的主题是使用JavaScript模拟实现微信抢红包的算法。这个题目看起来很简单，不就是一个随机函数吗？我们一起实现看看。我们假设有一个100元的红包，要发给10...

2f0f318d98d6fb482d5e52552d7c4660

从一道奇怪的题目谈 JavaScript 隐式转换

如果有人问你<code>let param = new Boolean(false); param == false</code>的结果是什么？你会怎么回答呢？ 1.从一道题开始我先把图片上的代码写出来，防止图片看不清楚。 let bool = new Boolean(false); if (bool) ...

5c10668b11a4a9bb436173ee8c34a542

@MrTung约稿--Vuex 的数据持久化

本篇文章的诞生是因为[@MrTung](https://xiaozhuanlan.com/u/8430674173vue数据持久化相关内容，每一位订阅专栏的用户都是我的客户，而客户的要求是必须满足的。如果你有想了解的内容，欢迎你给我留言。)留言说...

F48a219bf5becf99329b112b0f025477

Vuex 必知必会

Vuex是解决了跨组件沟通的难题，稍微大型的Vue项目都需要vuex的加入。有时候想测试一个人对Vue的熟悉程度，可以问一问vuex相关的问题。今天就和大家分享一下Vuex的用法。 1.Vuex解决的问题我们都知道Vue...

一个判断变量是否为 Number 的 npm 包为什么这么大下载量

Vuex是解决了跨组件沟通的难题，稍微大型的Vue项目都需要vuex的加入。有时候想测试一个人对Vue的熟悉程度，可以问一问vuex相关的问题。今天就和大家分享一下Vuex的用法。 1.Vuex解决的问题我们都知道Vue...

3fd2f3d309b5d5baacf32ba067e3919d

Javascript 经典算法 -- 快速排序

快速排序是非常重要的排序算法，很多人对它的理解都是一知半解。快排的原理以及如何实现，对很多人都是一件困难的事情。我今天争取尽自己最大的努力把这件事情讲清楚，说明白。如果看完文章后...

Ecf81f170bb7f017b32a22dac8d2170a

JavaScript捕获异常该怎么做？

异常捕获是每一种语言都必备的功能，为了增强程序的健壮性，我们需要在有可能出错的地方要加上异常捕获的代码。那么JavaScript中的异常捕获应该如何处理呢？ 1.JavaScript为什么需要异常捕获 JavaScript代...

73f5e6b92a2c7b4cf011e315ae1d7f15

Javascript经典算法 -- 冒泡排序

前端的技术和框架可谓日新月异，不断的有更加优秀的技术和框架涌现。因此经常听到前端的同学抱怨，必须要不断奔跑才能留在原地。变化是永恒的，我们要去抓住那些一直不变的东西，比如经典的算...

9a372bd4e087e8fa0a15e9985aea0698

ES6新数据结构Map、Set详解

Map和Set是ES6新增的两种数据结构，很多前端开发者都听说过。但是对这两种数据结构的功能，用法等还不是很清楚。今天我就和大家分享一下。 1.Map Map和Object比较类似，都属于键值对的结构。Map和Object不...

Cccb3011ee3e38ff39a9fff66202b794

前端面试必答题：页面性能优化指南

前端页面的性能关乎用户体验，其重要性不言而喻。如果开发者千辛万苦制作的页面因为性能的原因不能很好的展示给用户，那之前的工作就没有了价值。前端性能优化的技巧是每一个前端开发者都必须...

0ba3ef2504e209bec9bf5ddf9b91dac1

ES6霸气，一行代码搞定数组去重

数组元素的去重是前端开发中常常遇到的问题，相信大家都有自己的解决方法。今天我来帮大家整理一下数组去重的各种方法。方法一：循环遍历循环遍历也有两种方式，一种是内外两层的嵌套循环。...

遇见 Sass 之后，我再也不想写 CSS 了

作为前端工程师，相信很多人对写CSS样式都深恶痛绝吧。为了满足设计师/产品经理的要求，经常是写了一堆CSS。下次遇到类似的样式，因为大小，颜色之类的不同还要再写一堆类似的CSS。遇到Sass之后，...

《JavaScript》for...in遍历属性的顺序

很久之前就有前辈告诉我用for...in循环对象属性的顺序不是固定的，对此我一直没有去探究循环顺序的规律。最近有空想到了这个问题，顺便就实验了一下。 1.实验开始先声明一个对象，然后设置一些属...

Canvas 绘制图形基础教程

Canvas是一个HTML元素，它可以用来绘制图表，图片，甚至动画。在数据可视化方面有着广泛的应用。百度开源的Echarts和阿里开源的G2都是基于canvas的。既然Canvas的作用如此巨大，我们今天就尝试使用canvas...

JavaScript 判断(a ==1 && a== 2 && a==3)为true？

最近在Stack Overflow上看到国外一位工程师的提问，说在面试的时候被问到：在JavaScript中(a ==1 && a== 2 && a==3)可不可能判断为true？当时他的回答是不可能，但是面试官告诉他“没有什么不可能”...

992cfa1e408a9a7adbd48e6e1fa3f05a

实现栈获取最小值的方法，要求时间复杂度为O(1)

在上一篇介绍栈数据结构的文章前端也要懂的数据结构(1)--栈中，我留下了一个问题：如何实现一个栈的方法，它能够返回栈的最小值且时间复杂度为O(1)。今天我们来说说几种解决问题的方式。结合栈...

4d81eed8a0436ad622508478f7ccdd01

前端也要懂的数据结构(1)--栈

数据结构是开发人员的基础知识，前端开发人员也要对各种数据有了解。相信理解的越深入，越能发现他的强大。今天先和大家介绍一下最简单的数据结构栈。 1.栈的定义栈是一种遵循后进先出原则的...

前端开发优秀工具推荐

常言道“工欲善其事，必先利其器”。今天和大家分享一些我认为比较好的工具，大家可以试一下，看看是否适能提升开发效率。 1.WebStorm WebStorm是JetBrains公司出品的一款开发工具，该公司还出品了Java，...