FE Review 2016
Env - Frameworks - Keywords
ENV
BROWSER
Tmall: Farewell IE8
Polyfillable (Then, Evergreen*)
HTTPS、HTTP2、Promise、fetch
Node.js
6.x LTS
97% ES6
7.x
DevTools + async*
module*
3 FRAMEWORKS
Angular 2
ALL-IN-ONE
TypeScript
Agressive
Vue 2
高速成长的一年
大量的 VUE vs React
Weex 加持
优势:
上手简单
配套齐,契合好
吸收了 React 的经验
国内口碑好
React
生态圈最繁荣
HMR、Flux、Cli 成为标配
核心的重构和进化
RN 有了更多实践
尤小右:Vue.js 渐进式前端解决方案
Key Words
ES6
全面普及
Babel / Polyfill
ES:Living Standard
WebAssembly
Asm.js + NaCl
Mozilla, Google, Microsoft, Apple
MVP + Demo
Spec @ 2017
SSR - Server Side Rendering
SPA+
ng, vue, react
Next.js
PWA - Progressive Web App
Offline First (Service Worker)
Progressive
App Experience + Web Dist
Progressive
- Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenant.
Responsive
- Fit any form factor, desktop, mobile, tablet, or whatever is next.
Connectivity independent
- Enhanced with service workers to work offline or on low quality networks.
App-like
- Use the app shell model to provide app-style navigations and interactions.
Fresh
- Always up-to-date thanks to the service worker update process.
Safe
- Served via TLS to prevent snooping and ensure content hasn’t been tampered with.
Discoverable
- Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
Re-engageable
- Make re-engagement easy through features like push notifications.
Installable
- Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
Linkable
- Easily share via URL and not require complex installation.
小程序
BlahBlahBlah
PWA Final in WeiXin
Open Message*
Web-RTC
Audio/Video
P2P
Peer CDN
WebTorrent
IPFS, BTFS
Web-Components
Shadow DOM /
Custom Elements /
HTML Import
Unpolyfillable
2017 & Beyond
Vue - React - Angular
Performance (HTTP2, SSR, PWA)
Node.js
WebAssembly
WebVR
Made with Slides.com