Ваш апрельский пакет поставки для внешнего интерфейса прибыл, пожалуйста, проверьте ~

[Alibaba Cloud TXD Front-End Monthly] — популярные бюллетени по передовым технологиям, посвященные новым горизонтам в отрасли; ритм быстрого развития в области передовых технологий никогда не останавливался.NodejsВыпущена версия v12,Chrome75 也将原生支持懒加载……也许是大潮将至，亦或是好事将近，总之，在下还能学！ ! !

Добро пожаловать подписка & СпособствоватьРедактор этого номера:Саки

колонка исследования

Справочник фронтенд-инженера 2019 (front-end-handbook-2019)

Это популярное подробное руководство по интерфейсу снова возвращается в этом году. Обновлено множество полезных ресурсов, учебных материалов и средств разработки. Содержание очень всеобъемлющее, его стоит посмотреть.

Css Layout Cookbook

Официальный сайт MDN подытоживает реализацию некоторых распространенных модулей компоновки для фронтенд-разработчиков. Включая хлебные крошки, разбивку на страницы, панели навигации и т. д., на него стоит ссылаться.

11 приемов JavaScript, о которых редко упоминают в руководствах

Автор этой статьи выбрал 11 советов по JavaScript, которые часто встречаются в нашей работе, но легко упускаются из виду, что может помочь нам писать код более эффективно.

45 любимых фигур CSS

В этой статье перечислены некоторые формы CSS, которые мы используем каждый день и которые заслуживают упоминания. Кроме того, теперь, когда появился Houdini, возможно, можно использовать предложение --shape: 'triangle' без повторного написания этих фигур CSS.

Новости вспышка

Успешно прошла 5-я конференция CSS

5-я конференция CSS прошла в Шэньчжэне 30 марта 2019 года. Всего для выступления на этой конференции было приглашено 7 спикеров, в том числе знакомые Да Мо, Чжан Синьсюй, Гоу Сангу Си и др., которые поделились с нами некоторыми новыми эпох под технику CSS.

Chrome 75 изначально поддерживает ленивую загрузку

В прошлом мы реализовывали ленивую загрузку изображений через js, и появление Chrome 75 будет изначально поддерживать эту функцию. Мы можем контролировать, будет ли браузер лениво загружать закадровые изображения и фреймы, установив свойство загрузки. Пример кода выглядит следующим образом:

<img src="celebration.jpg" loading="lazy" alt="..." />
<iframe src="video-player.html" loading="lazy"></iframe>

Посмотрим на эффект:

Microsoft выпускает предварительную версию Edge на базе Chromium

Декабрь 2018 года Microsoft объявила о том, что EDGE будет использовать Chromium, который поддерживается проектом с открытым исходным кодом Google Chrome, который включает в себя много новых функций, которые мы можем ожидать в качестве пользовательских элементов и Shadow DOM, JavaScript API для загрузки шрифтов и так далее. В настоящее время версия превью теперь доступна в Windows, она скоро будет использоваться на Mac.

Выпуск jQuery 3.4.0

10 апреля в официальном блоге jQuery было объявлено об официальном выпуске jQuery 3.4.0. Прошло больше года с тех пор, как в январе 2018 года была выпущена версия 3.3.0. jQuery официально заявили, что это последняя версия серии 3.x, и они будут полностью готовиться к jQuery 4.0. Это обновление направлено на исправление некоторых ошибок и улучшение производительности.

Выпущен Nodejs 12

Через год Node.js 12 прибыл, как и было обещано, и официально выпустил первыйCurrentВерсия. (При нынешнем ритме два раза в год у нас будет Node v100 в 2063 году...)

В этом релизе есть такие вещи, как:

Обновление версии V8 приносит много хороших функций;
Улучшена скорость парсинга HTTP;
Скорость запуска значительно улучшена;
Улучшенные инструменты диагностической отчетности и анализа кучи;
обновление модуля ЕСМ;

в то же времяNode v6Техническое обслуживание скоро прекратится.

Третий VueConf пройдет в Шанхае

Ежегодный VueConf снова здесь! В Ханчжоу прошла конференция VueConf 2018. Автор Vue.js Юси Ю использовал метод удаленного участия и выступил с замечательным докладом. На этот раз в Шанхай приезжает VueConf 2019. Конференция пройдет 8 июня по адресу Huashan Road, Xujiahui, Шанхай.

Рекомендации по инструменту

Shepherd: Guide Your Users Through a Tour of Your App

Shepherd — это библиотека инструментов, которая удобна для нас, чтобы направлять новичков в продукт. Эта функция может быть реализована с помощью некоторых простых API. В настоящее время она поддерживает платформы Vue, React, Angular и Ember.

CloudConvert: онлайн-платформа для преобразования форматов файлов

CloudConvert — это мощное и универсальное облачное онлайн-приложение для онлайн-конвертации, которое поддерживает кроссплатформенность. Поддержка URL-адреса входного файла, Dropbox, источника файла Google Диска или загрузки файлов непосредственно с компьютера для преобразования, вам нужен только браузер, чтобы использовать его, что очень удобно.

Ink: написание интерфейсов командной строки с помощью React

Ink — это стиль, разработанный React для использования приложения интерфейса командной строки (приложение CLI) инструмента Nodejs, то есть мы можем использовать подобный React для организации кода, разработки приложений, которые запускаются в инструменте командной строки. Ink 2.0 React без проблем поддерживает некоторые функции, такие как хуки или контекст, а также может взаимодействовать с другими важными компонентами экосистемы 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/>);

Вывод на терминал: