iuap-design / front-end-daily

✏️ 前端技术日报
64 stars 2 forks source link

前端技术日报:20170704期(导读:类 React 方案推荐与对比、近期 ECMA 规范的发展、前端 CLI 工具) #17

Open GuoYongfeng opened 7 years ago

GuoYongfeng commented 7 years ago

前端技术日报:20170704期

类 React 方案推荐与对比

React 是一个成熟稳定的优秀框架,但在移动端项目中使用的时候,我们还是会忌惮 React + React-dom 打包并压缩后 170kb 左右的体积,在流量和性能的考虑中,社区和各大公司也在探索基于 React 的思路再造类 React 的方案,其风颇有当年雨后春笋般冒出的各种模拟 JQuery 的气势,So,这次我们也来对比一下:

  1. Preact 是 React 的 3kb 轻量化方案
  2. QReact 一个与 React 高度兼容的 React 迷你实现
  3. react-lite is an implementation of React that optimizes for small script size
  4. An extremely fast, React-like JavaScript library for building modern user interfaces
  5. rax

近期 ECMA 规范的发展

  1. TC39, ECMAScript, and the Future of JavaScript

A thorough explanation of how new features make it into JavaScript, before focusing on some practical examples including Array#includes, named captures, and lookbehind assertions in regexes.

  1. ECMAScript® 2018 Language Specification

好吧,简而言之,这就是 ES2018(不过这个可是官方版哦)。不得不说,发展太快,新的没看完,新新的已经在路上。虽然浏览器暂时也跟不上规范的步伐,但也得同步学习和关注啊,作为 JavaScript 开发者,关注语言的动态发展有助于以后对技术更有取舍和大局观。

前端 CLI 工具 (基于 webpack)哪家强

webpack 作为一款趁手的打包 & 构建工具,在前端领域使用的尤为广泛。但繁多的功能、配置方式、loader使用、plugin的使用以及和其他工具的结合,这些让快速搭建一个适用的项目工程却反而多了一道门槛,这时基于 webpack 的 CLI 工具也应运而生(暂列部分):

  1. preact-cli
  2. create-react-app
  3. tinper-uba
  4. vue-cli
  5. ykit

移动端相关

  1. Element.scrollIntoViewIfNeeded()

Element.scrollIntoViewIfNeeded() 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。