咪咕TSG前端技术月刊第002期

MIGU-TSG-FE

前/端/技/术/月/刊

2018 / 01

Vol.002

卷首语

小天同学

时光荏苒，2017已经悄然过去了，2018年的路已经展开在我们面前。

前端在历史的长河中，也变得越来越重要，随着大前端概念的出现，在软件工程中也扮演者愈加重要的角色。

过去的一年，对于我们来说是成长的一年、是收获的一年。跟着公司一起，我们不断的寻求突破，助力业务落地，一起成长。

凡是过去，皆为序章！

无论过去的一年如何，我们都应该以此为基础，在新的一年里更加努力的追寻着前方的目标。技术月刊也是2017年从无到有做起来的，虽然还不是很成熟，但是我们坚持学习、坚持输出的见证。

2018年，我们在大前端的背景下，会努力学习更多的知识，也会把学习的成果以月刊的形式输出，与大家一块分享我们的收获。

2018年的第一期月刊，让我们一起看看在前端领域，有哪些是过去值得回顾的，有哪些是值得学习关注的趋势。

2018年的月刊内容中，你不仅能看到前端相关的内容，也能看到有关设计、产品、后端等的内容。所以，希望大家能够多多关注，并给予建议。

新的一年让我们一起带着，铿锵有力的脚步，一直在路上。

前沿新知

前端技术

深入理解 webpack 文件打包机制

推荐人：小千

简介：webpack 单文件如何进行打包？webpack 多文件如何进行代码切割？webpack1 和 webpack2 在文件打包上有什么区别？webpack2 如何做到 tree shaking?webpack3 如何做到 scope hoisting?

链接：

http://mp.weixin.qq.com/s/BVYgLeOEIJp5xY55Rcrszg

前端慌不慌？用深度学习自动生成HTML代码

推荐人：小天同学

简介：如何用前端页面原型生成对应的代码一直备受关注的问题，文章作者根据 pix2code 等论文构建了一个强大的前端代码生成模型，并详细解释了如何利用 LSTM 与 CNN 将设计原型编写为 HTML 和 CSS 网站。

链接：

https://mp.weixin.qq.com/s/4b4TPkIRPJ3VBkCOA6kbxw

原创分享

一周一库系列之自动化库Nightmare介绍

作者： 凌晨

简介：nightmare 是一个基于 electron 的自动化库（意思是说它带有可视化的浏览器），用于实现爬虫或自动化测试。相较于传统的爬虫框架（scrapy/pyspider），或者dom操作库（cheerio/jsdom），或者基于浏览器的自动化框架（selenium/phantomjs），他的优势在于提供了一个简洁的语义化模型。

链接：一周一库系列之自动化库Nightmare介绍

一周一库系列之 Tracking.js 介绍

作者：TopGrd

简介：tracking.js库将不同的计算机视觉算法和技术带入浏览器环境。通过使用现代HTML5规范，让你能够进行实时的颜色跟踪，人脸检测等等。所有这些都使用轻量级核心（〜7 KB）和直观的界面。

链接：一周一库系列之 Tracking.js 介绍

W3C发布预加载(Preload)候选推荐标准

作者：卢卡斯

简介：web性能工作小组于10月26日发布了预加载的候选标准（CR），该规范定义了HTML中link元素使用的 preload 关键字。在HTML link 元素中使用 preload 关键字，可以提供一种显式声明，实现对远程资源的预先加载。

链接：W3C发布预加载(Preload)候选推荐标准

W3C发布页面可见性提案推荐标准

作者：卢卡斯

简介：web性能工作小组于10月17日发布了页面可见性第二版的提案标准（PR），该规范定义了通过程序的方式来确定页面可见性的状态，从而有助于开发高效的web应用程序。第二版规范取代了第一版并添加了一些新的特性。

链接：W3C发布页面可见性提案推荐标准

携手并进，共攀技术高峰 --- 前端虚拟小组视觉特效交流会

作者：郭振

简介：号外，号外！前端虚拟小组视觉特效交流会于2017年10月30日下午在4001会议室成功举行啦！这天，作为菜鸟的小编我不仅仅学到了非常多的前沿技术知识， 更加感受到组员们的激情和创造力。

链接：前端虚拟小组视觉特效交流会

H5中的JS和Native的交互

作者：青桥

简介：在移动端的开发中，通常会有这样的场景：我们在APP中嵌套或者远程访问一些H5的应用。但不可避免地会遇到一些交互的问题，具体是怎样解决呢？

链接：H5中的JS和Native的交互

欢乐一刻

漫画来自：咪咕UCD

咪咕TSG前端团队 出品

我们爱学习，爱前端，爱折腾，爱分享