用 Vue 做一个酷炫的 menu：15篇前端热文回看

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

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

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

最近看到一个非常酷炫的menu插件，一直想把它鼓捣成vue形式，谁让我是vue的死灰粉呢，如果这都不算爱😔。😆开个小玩笑，我们一起来探索黑魔法吧。观看本教程的读者需要具备一定的vue和css3的知识。

学习者综合征的主要表现：学而不用，不停学习，却没有真正实际应用知识来做东西。如果过去的一年里，学习的语言或框架超过三个，那可能已经感染学习者综合征了。Web 开发是重灾区咯。

iPhone X的出现，一方面对于整个手机行业的发展极具创新领头羊的作用，另一方面也对现有业务的页面适配带来了新的挑战。 对于手Q中的各业务来说，受iPhone X影响的H5页面挺多，应该采取什么快速有效的办法来应对呢？

iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。

Visual Studio Code 公布了其 2018 发展路线图。开发团队表示，他们通常会先制定目标，然后将工作分解在后续的 6-12 个月时间内。在当前的规划中，主要会从以下三个角度进行改进

我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦！这又是一个主版本，包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、更好用的一贯目标。

在每个月，我们都会为大家分享一些最新、有趣的前端库，希望它们中的一些会对你的项目有所帮助。当然，如果你也发现了一些有趣、实用的库，框架或是工具，也欢迎留言与大家一同分享。

伴随国内经济的高速发展，人们对安全的要求越来越高。为了防止下列情况的发生，您需要考虑安装安防系统： 提供证据与线索：很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件，这个是非常重要的一个线索。

合理的截断多行文本是件不容易的事情，我们通常采用几种方法解决：overflow: hidden直接隐藏多余的文本；text-overflow: ellipsis只适用于单行文本的处理；各种比较脆弱的javascript实现。之所以说这种实现比较脆弱是由于需要文本长度的变化时刻得到回流（relayout）后的布局信息，如宽度

俗语说，女怕嫁错郎，男怕入错行。程序员这行当，不贫不富，靠技术吃饭，一直还算个体面职业。进了程序员这行的兄弟们，即便日后飞黄腾达了，谈起早年的编程生涯，都还是自豪的。

我们测试了谷歌爬虫是如何抓取 JavaScript，下面就是我们从中学习到的知识。认为 Google 不能处理 JavaScript ？再想想吧。Audette Audette 分享了一系列测试结果，他和他同事测试了什么类型的 JavaScript 功能会被 Google 抓取和收录。

前端优化有很多，图像优化也是其中的一部分。无论是渐进增强还是优雅降级，图像优化成为了开发上不可忽视的一部分。

GitHub 最近联手 Facebook 推出了 Atom-IDE，为其 Atom 编辑器带来了下面这些更深度的开发功能

如果 NPM 是快递公司，那他们给你送一个包裹，你会收到一堆……

为了扭转颓势，Mozilla发力研发，终于Firefox 57发布，使用了全新的引擎，性能大增，官方特地正式将其命名为Firefox Quantum，翻译过来就是火狐量子！

往期热文回顾

10月：《Vue 2.5 发布了：15篇前端热文回看》

9月：《WordPress 宣布停止使用 React，网传百度也停用 React：15篇前端热文回看》

8月：《前端跨域知识总结：15篇前端热文回看》

7月：《这是我最见过的最牛叉的代码：15篇前端热文回看》

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

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

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

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

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

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

淘口令：复制以下红色内容，再打开手淘即可购买

范品社，使用￥极客T恤￥抢先预览（长按复制整段文案，打开手机淘宝即可进入活动内容）