在外网看到davidshariff这篇关于前端应该学习的内容，给了我很大的启发，也明确了哪些知识是我们应该着重去学习和关注的。所以花了些时间翻译出来，希望给曾经在前端浩瀚学海里面迷茫找不到方向的人一些参考。文中有翻译不够准确的地方欢迎指正 ...

一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

JavaScript框架，库和工具似乎比他们的开发人员多出很多。在2018年底，对GitHub的快速搜索显示了 230 万个JavaScript项目。 npm 已经成为世界上最大的模块系统，在 npmjs.com 上有70万个可用包，每个月 ...

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，小本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...

宇宙中最重的物质 经过这么多年的发展，JavaScript 早已经不是当年那个不太起眼的脚本语言。如今的 JavaScript 可以说是风光无限，在 Web 前端、移动端、服务端甚至物联网设备上都大展身手，到处都有它的身影。 在 Java ...

坑一、页面所有图片和icon都不显示 上周五，有人在群里反馈有些用户（其实就是一个）访问我们的一个页面，icon和图片均不显示；惯性思维以为是用户网络问题，后来想想不对，因为那个页面所有的icon和图片都不显示，因此要么代码的兼容性问题，要 ...

正则表达式是用来描述字符模式的对象。它被用来在文本中执行模式匹配(pattern-matching)以及”查找-替换”(search-and-replace)的任务。 前端开发中，我们常常会在这些地方看到正则： 验证手机号，邮件，身份证号 ...

1.Three.js 超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了、 、CSS3D 和 WebGL渲染器，让我们在设备和浏览器之间创建丰富的交互体验。该库 ...

发现很多选择器已经忘了叫啥了，借此看一下MDN的文档，本文只是抛砖引玉，记录下阅读过程中的一些新知识，或是当作以后查阅的手册。文档地址 1. 通配选择器 一个星号()就是一个通配选择器.它可以匹配任意类型的HTML元素.在配合其他简单选择 ...

互联网上充满着各种出色的工具，这些工具使我们这些前端开发人员的工作变得更加轻松。在这篇文章中，我将快速回顾一下我在开发工作中经常使用的12种工具。1、CanIUse如果你不确定web API是否与特定浏览器兼容，或者在移动浏览器中是否可以访 ...