Web 前端知识体系精简：15篇前端热文回看

（点击上方公众号，可快速关注）

本文精选了「前端大全」2017年6月的15篇热门文章。其中有职场分享、技术分享和技术资源。

注：以下文章，点击标题即可阅读

Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。

对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编程？原因就是速度快。

本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！

前一段时间一直在不断地面试，无奈个人技术能力有限、项目经验缺乏，最终都没有进入到HR面试环节，全~~挂~~了~~面试了这么多，结果不是太好，有点儿受打击，也促使我近期静下心来反思自己的问题：哪些技术知识掌握的还不错，哪些还有待提高，哪些是需要去恶补的。

本文作者是 react-css-modules 和 babel-plugin-react-css-modules 的作者。并不是对 CSS in JavaScript: The future of component-based styling，或是使用样式组件的反对，而是一种补充，web 开发者要了解自己的需求，明白自己使用 styled-components 的真正原因。

Ben Northrop 在 2016 年满了 40 岁，本文是他对职业生涯的思考。他认为从长远来看，应该多投资一些不容易过期、衰竭期较长的知识领域中。

这里有一些 Javascript初学者应该知道的技巧和陷阱。如果你已经是专家了，顺便温习一下。Javascript也只不过是一种编程语言。怎么可能出错嘛?

你想通过网络实现增强现实吗？现在你只需要 10 行 HTML 代码！真的！让我带你看一看代码，非常简单。我们最近发布了AR.js。你不需要安装任何应用，用你的手机通过网络就能体验到强大的增强现实。

相比于JavaScript开发人员的数量，目前JavaScript框架、类库和工具的数量似乎更多一些。截至2017年5月，GitHub上的快速搜索显示，有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包，每月下载量近100亿次。

正如我们之前提到的，WordPress 的核心团队正争论着为应该将哪款（前端框架）加入现在的架构之中。目前看来，暂时脱颖而出的是React与Vue.js，社区中的很多成员正权衡着这两款框架的利弊。

首先我们看看这个效果具体有那些要点。首先，这么炫酷的效果肯定是要用到 Canvas 了，每个星星可以看作为一个粒子，因此，整个效果实际上就是粒子系统了。

随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。

平时在移动端开发拼页面的过程中总会遇到一些问题，主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧，希望对看官有所帮助！

时过境迁，Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用，看看哪些可以用来改善延迟，渲染时间以及整体性能吧！

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。

往期热文回顾

5月：《GET和POST有什么区别？及为什么网上多数答案都是错的：15篇前端热文回看》

4月：《纯 CSS3 实现小黄人动效：10 篇前端热文回看》

2月：《不装逼地说，在 Google 到底能学到啥：重温 10 篇热文》

觉得本文对你有帮助？请分享给更多人

关注「前端大全」，提升前端技能