海边的月亮

如果你用Chrome调试工具，还是停留在console阶段，赶紧来学习一波吧，绝对是满满的干货，让你效率UpUP。 本文侧重点就是关于Chrome DevTools。通过梳理Chrome DevTools 中的小技巧，这些技巧可以帮我们节省很多的时间，直接提升工作效率！ 上面是…

编写CSS样式时，其实有很多技巧可以节省HTML元素和让CSS更加的DRY，在这跟大家分享下。 文章将大量举各种示例，让同学们能更加清楚CSS的魅力所在。 文章将持续输出，增加一些新奇的或者唯美的示例。。。 半透明边框相信很多前端小伙伴都经常遇到过，UI设计师也经常性设计出这类…

前端模块开发已经成为了开发标准。模块开发带来的一大便利就是让我们可以跨页面甚至跨应用复用代码。当我们跨应用复用模块时，就需要借助 npm 把模块发布出去供各个系统调用。今天介绍的 wml 是一个进行模块调试的利器。 wml 侦听某个文件夹中的更改（使用Watchman），然后将…

在讲连续内存前，先来了解下什么是内存，知道的本节直接绕过。 通俗理解，在计算机中，CPU用于数据的运算，而数据来源于硬盘，但考虑到CPU直接从硬盘读写数据效率低，所以内存在其中扮演了“搬运工”的角色。 DRAM由于结构简单，可以做到面积很小，存储容量很大。用芯片短暂存储数据，读…

上一篇《前端科普系列（2）：Node.js 换个角度看世界》，我们聊了 Node.js 相关的东西，Node.js 能在诞生后火到如此一塌糊涂，离不开它成熟的模块化实现，Node.js 的模块化是在 CommonJS 规范的基础上实现的。那 CommonJS 又是什么呢？ 我们…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳理一下渲染流程，也就是浏览器是怎么把HTML，CSS，JS，图片等资源最后显示漂亮的页面。」 「这篇主要是…

毕竟这两种工具开发中用到的频率都相当高，应用起来也是比较简单的，可当我准备回复他的时候，竟然不知道从哪说起，支支吾吾了半天，场面炒鸡尴尬有木有，工作这么久一个基础问题答成这样，丢了大人了。 平时觉得简单的知识点，但通常都不会太关注细节，一旦被别人问起来，反倒说不出个所以然来。 …

两者区别：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组（**注意：**这是指一个有7个空位(empty)的数组，而不是由7个undefined组成的数组）。 Array.isArray() 用于确定传递的值是否是一个 …

本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了，只是没有特别多实用的场景，在实战中…