首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…

在 BlinkOn9 会议中，Google Blink 团队开发者 Philip Rogers 与 Stefan Zager 进行了《Blink Rendering - Rebuilding the Engine Mid-Flight》分享，旨在介绍 Blink 渲染的基本原理…

网上的面试题一大堆，鱼龙混杂，一方面多数题目质量不高，另一方面有答案的很少，即使拿到面试题对自己的帮助也不大。 最近我花了一些时间，为大家整理了2020年各一、二线互联网公司的前端面试题，内容包括JavaScript、算法、网络&安全、Vue、React等大量的前端知识点和相关…

之前在学习 ES6 的时候，看到 Set 和 Map，不知道其应用场景有哪些，只觉得很多时候会用在数组去重和数据存储，后来慢慢才领悟到 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set 函数可以…

春节的假期刚刚过去不久，大脑还没有从假期综合症中缓过来，就迎来了开工的日子，不知道各位有没有收到开工大红包？有没有被虐狗？ Web 页面上的每个独立的可视/可交互区域视为一个组件，组件就好像我们的 PC 组装机一样，整个机器（应用）由不同的部件组成，例如显示器、主板、内存、显卡…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

为什么要学 electron？作为一个 web 前端工程师，一定不会主动去学习这个东西的，真的没必要，做 web 不香吗！嗯，当然，前面的论述是基于你在你的团队中有威望、独立自主（也就是团队大佬级别），否则，乖乖就范吧！像我，两年前，刚入职，web 都没有玩得明白，就被我导师安…

在前端三大框架并存的今天，vue已经是前端必须掌握的一部分。而对于很多入门者，或者转行前端的小伙伴们，个人觉得vue是一个非常适合入门的框架的之一。笔者个人觉得，无论从api的易学的角度出发，还是从原理层面解析，vue还是比react的简单一些。记得某个大神的面试分享：如果面试…

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…