前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。 相信很多人都没有逛 GitHub 的习惯，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 从 201…

2020 年 6 月 22 日，苹果召开了第一次线上的开发者大会 - WWDC20。这可谓是一次可以载入史册的发布会，宣布了 ARM 架构 Mac 芯片、软硬件的生态大统一、iOS 14 系统界面大改等一系列激动人心的消息。 当然，最让我感兴趣的就是让 iOS 界面大改的 Wi…

在三大框架盛行的时代, 基本上会个Vue就能在小公司浑水摸鱼。但是当想突破的时候就会意识到基础的重要性。 JavaScript中有很多重要特性及概念。比如原型,原型链,this,闭包,作用域,隐式转换等等。如果不能熟练掌握,在进阶中级前端开发工程师的道路上必定是困难重重。 用一…

1.不能判断变量具体的数据类型比如数组、正则、日期、对象，因为都会返回object,不过可以判断function，如果检测对象是正则表达式的时候,在Safari和Chrome中使用typeof的时候会错误的返回"function",其他的浏览器返回的是object. 明明都是n…

ES6允许按照一定的模式从数组和对象中提取值，然后从变量进行赋值，这种方式被称为解构赋值。 在ES6中允许写成这样的: let [a,b,c] = [1,2,3] ,这种方式表示可以从数组中提取值，并按照对应的位置对变量赋值。本质上这种写法属于“匹配模式”,只要等号两边的模式相…

在 JavaScript 中 数组（Array）随处可见，使用ECMAScript 6 中的新特性 扩展运算符 我们可以做很多很棒事情。 1. 迭代一个空数组 JavaScript 中直接创建的数组是松散的，以至于会有很多坑。试着用数组的构造方法创建一个数组，你就会瞬间明白了。…

在学习flex布局之前，我们是如何让如下四个盒子排在一列呢？我们也许会用浮动、定位等等。当我们使用的时候我们会觉得很麻烦，需要调间距、量距离等。然而学习了felx布局，我们可以轻松的解决这些问题。 2009年，W3C 提出了一种新的方案——Flex 布局，可以简便、完整、响应式…

对于事件循环，这是每个 JavaScript 开发人员必然会遇到或者需要理解的内容之一。 但是对于初级开发者来说，理解起来可能有些混乱。 因为我是一个视觉学习者，所以我通过低分辨率 gif 图的可视化方式来帮助你理解它。 JavaScript 是 单线程的：一次只能运行一个任务…

原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。 另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。 在开始介绍 WeakMap 之前…