【阿里云 TXD 前端月刊】- 热点前端手艺快报，聚焦业界新视界；前端范畴急速生长的节拍从未停歇，行将流逝的四月里，Nodejs 宣布了 v12 版本，Chrome75 也将原生支撑懒加载……或许是大潮将至，亦或是功德快要，总之，鄙人还能学！！！
本期小编：
佐七
进修专栏
2019 前端工程师手册（front-end-handbook-2019）
这个受迎接的前端细致指南于本年度再次回归。更新了大批有效的资本、进修材料和开辟东西。内容异常周全，值得一看。
Css Layout Cookbook
MDN 官网为前端开辟者总结的一些经常运用规划模块的完成计划。包含面包屑，分页，导航栏等，值得参考。
11 个教程中不常被说起的 JavaScript 小技能
本文作者选取了 11 个在我们工作中经常出现却轻易被疏忽的 JavaScript 小技能，能够协助我们更高效的举行编码。
45 个值得珍藏的 CSS 外形
本文列举了一些我们一样平常会用到的一些 CSS 外形，值得参考。另外，在Houdini 已到来的当下，或许一句 –shape: ‘triangle’ ，即可运用，无需反复编写这些 CSS 外形。
消息快报
第五届 CSS 大会顺遂举行
第五届 CSS 大会于 2019 年 3 月 30 日在深圳举行，本次集会共邀请了 7 位演讲佳宾列席演讲，个中有我们熟习的大漠，张鑫旭，勾三股四等，为我们分享了一些新时代下的 CSS 手艺。
Chrome75 将原生支撑懒加载
过去我们一向经由过程 js 来完成图片的耽误加载，而 Chrome75 的到来将原生支撑该功用。我们能够经由过程设置 loading 属性来掌握浏览器是不是耽误加载屏幕外的图象和 iframe。示例代码以下：
<img src="celebration.jpg" loading="lazy" alt="..." />
<iframe src="video-player.html" loading="lazy"></iframe>让我们看一下结果：
微软宣布基于 Chromium 的预览版 Edge
2018 年 12 月，微软宣布 Edge 将采纳 Chromium，这是由谷歌 Chrome 支撑的开源项目，个中包含了不少值得我们期待的新特征像自定义元素和 shaodw dom，javascript 字体加载API等。如今预览版如今已能够在 Windows 上运用，很快便可以够在 Mac 上运用。
jQuery 3.4.0 版本宣布
4月10 日，jQuery 官博发文宣布 jQuery 3.4.0 正式宣布。间隔 2018 年 1 月宣布 v 3.3.0 版已有一年多了。jQuery 官方示意，这是 3.x 系列的末了一个版本，他们将尽力预备 jQuery 4.0。本次更新重点放在一些bug的修缮和机能的提拔。
Nodejs 12宣布
时隔一年，Node.js 12 履约而至，正式宣布第一个 Current 版本。（根据当前的节拍一年两更，2063 年我们便可以迎来 Node v100 了……）
该版本带来了诸如：
- V8 版本更新带来许多不错的特征；
- HTTP 剖析速率提拔；
- 启动速率大幅提拔；
- 更好的诊断报告和堆剖析东西；
- ESM 模块更新；
同时 Node v6 也行将住手保护。
第三届 VueConf 将在上海举行
一年一度的 VueConf 又来啦！VueConf 2018 是在杭州举行的，Vue.js 作者尤雨溪采纳了长途介入的体式格局，给人人带来了出色了演讲。这一次，VueConf 2019 上海来啦，集会将在 6 月 8 号上海徐家汇华山路举行，尤大将亲临现场，给人人带来主题演讲，连忙点击链接抢票吧！
东西引荐
Shepherd: Guide Your Users Through a Tour of Your App
Shepherd是一款便于我们为一款产物做新手指引的东西库，经由过程一些简朴的api便可以够完成该功用，如今关于Vue，React，Angular，Ember框架都有支撑。
CloudConvert: 文件花样在线转换平台
CloudConvert 是一款壮大万能花样在线转换云在线运用，支撑跨平台。 … 支撑输入文件 URL、Dropbox、Google Drive 文件源或许直接从电脑上传文件举行转换，你只需要一个浏览器便可以够运用它，异常轻易。
Ink: 运用 React 编写命令行界面
Ink 是一款运用 React 作风开辟命令行界面运用 (CLI App) 的 Nodejs 东西，也就是说，我们能够运用像 React 那样的体式格局来构造代码，开辟出运行在命令行的东西运用。Ink 2.0 能够无缝支撑 React 的某些特征，比方 Hooks 或Context，还能够与 React 生态系统中的其他主要组件（比方 Redux ）发作交互。
官方文档供应了以下的示例：
import React, {Component} from 'react';
import {render, Color} from 'ink';
class Counter extends Component {
constructor() {
super();
this.state = {
i: 0
};
}
render() {
return (
<Color green>
{this.state.i} tests passed
</Color>
);
}
componentDidMount() {
this.timer = setInterval(() => {
this.setState({
i: this.state.i + 1
});
}, 100);
}
componentWillUnmount() {
clearInterval(this.timer);
}
}
render(<Counter/>);
终端上的输出：
热点文章
我在阿里云做前端
“捉住我们中心的竞争力，并同时发明营业中的题目，跨端推动处理，这是最好的前途。” 让我们看看阿里巴巴高等前端手艺专家城池大大报告他过去几年在阿里云的前端履历。
Winter 眼中的前端十年：醒悟、全栈、包袱，将来无不可为
为何他能在前端圈瓮中之鳖？为何他总能拿到大公司的高薪 Offer？在他眼中：前端 Leader 都该焦炙什么？为何过去十年是前端醒悟的十年？在杭州家里，本篇文章采访了本期佳宾 Winter，听他报告前端行业十年的得与失。
运用 Typescript 两年以后，它值得引荐吗
Typescript 近两年热度不减，许多大公司都挑选去拥抱 TS，但它真的值得被引荐吗？本篇文章站在比较客观的角度从多方面报告 TS 的长处和瑕玷。
