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

1.Iconfont是什么？ Iconfont 顾名思义，它是一种字体，只不过这个字体显示的并不是具体的文字之类的，而是各种图标。它的原理就是将很多 icon 做成字体库，通过样式或者字体对应的字符集来显示这个 icon。 目前比较流行的i ...

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

webpack从0到1-使用babel打包 讲下webpack中的loaders的概念，然后结合使用babel-loader来对项目中的es6语法做下转换。 git仓库：webpack-demo 1、什么是loaders？ 先看官网对Loa ...

背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

放眼前端这几年的发展，经历了移动互联网时代的爆发，出现了以 Angular、React、Vue 为代表的三大前端框架，竟然成为了困扰前端工程师的一个“难题”——哪个框架最好？我该学哪个框架？除了框架之外，语言也不甘示弱，近期就有 TypeS ...

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

近期，Vue3.0即将发布，而Vue，React这样的框架可以说是现在前端的必备技能，一个刚入门两三个月的前端都是要会Vue的。但是大家有没有想过一个问题？Vue，React这样的框架已经是基本功，我们凭什么敢说比别人厉害呢？能够独立用Vu ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

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