前端技术周刊 2019-01-21:跨端开发的三条路线

发布时间:2019-07-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了前端技术周刊 2019-01-21:跨端开发的三条路线脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

2019-01-21

前端快爆

  • 微软 Edge 开发者意图为 Chrome 实现 HTML Modules,该规范用来替代之前的 HTML Imports。其优点是基于 ES Modules,可以避免全局对象污染、脚本解析阻塞等问题。????
点评:举报,有人在「秀恩爱」!
<!- 早期HTML Imports ->
<link rel="import" href="myfile.html">

<!- HTML Modules ->
<!- module.html ->
<div id="blogPost">
    <p>Content...</p>
</div>
<script type="module">
    let blogPost = import.meta.document.querySelector("#blogPost")
    export {blogPost}
</script>
<!- blog.html ->
<script type="module">
    import {blogPost} from "module.html"
    document.body.appendChild(blogPost)
</script>
  • Firefox 66 中,CSS grid-template-columns/rows 属性现在支持动画了。????
点评:Firefox 是第一个支持该特性的浏览器,其他浏览器应该会很快跟进,Demo

前端技术周刊 2019-01-21:跨端开发的三条路线

  • Chrome Canary 73 的开发者工具实现了新的悬停工具,可以快速预览当前选中元素的一些 CSS 属性和对比度。????
点评:如果可以直接提示当前文本所实际使用的字体就更好啦。

前端技术周刊 2019-01-21:跨端开发的三条路线

优秀 Demo

前端技术周刊 2019-01-21:跨端开发的三条路线

前端技术周刊 2019-01-21:跨端开发的三条路线

专题:跨端开发的三条路线

2018 年跨端开发对于选择恐惧症来说不是很友好。本刊秉持着一贯抵抗熵增的思路,为大家梳理了跨端开发的三条路线。

路线1: 重量级 App

重量级 App 的开发方式可以控制容器层。这条线路始整体发展思路是:在更动态化的同时,提升性能。参考:????

  1. 原生开发:问题在于需要开发多端,开发效率和动态化能力弱
  2. WebView 能力扩展:WebView 用于渲染,能力扩展通过桥接层,主要问题是性能差

    • 包括 PhoneGap、Cordova、Ionic、Xamarin 等
  3. 跨平台桥接:桥接层同时负责渲染和能力扩展

  4. Flutter:通过编译,取消桥接层,减少通信消耗

    GOOGLE 开源,利用 Dart 语言编译到原生

路线2: 轻量级 App

如果将对容器的控制权给出,挂载到更大平台如 AndROId 系统或超级应用,则是 18 年时兴的小程序或快应用了。

  • 应用级别跨端
微信小程序支付宝小程序百度小程序 、淘宝轻应用
Google 主推,挂载于 Android 系统
厂商联盟主推,挂载于国产 Android 手机的系统,架构有参考 Weex,附 PPT

路线3: 开发方式整合

在上述两条线路的发展之下,前端兼容线再度陷入碎片化:安卓 App、苹果 App、Web、小程序、快应用……为了弥合这样的碎片化,一个可能性即是通过一套 DSL 来编译到各个不同端,这中间包含了多个公司不同方向努力

京东开源,DSL 基于 JSX,通过 React Native 兼容原生开发
阿里开源,DSL 基于 JSX,通过 Weex 兼容原生开发,附赠介绍一枚
滴滴开源,DSL 借鉴 Vue,支持微信、支付宝小程序
美团开源,DSL 借鉴 Vue,支持 Web 和美团小程序
DCloud 开源,DSL 借鉴 Vue,融合 mpvue 的小程序能力,通过 Weex 兼容原生开发
腾讯开源,DSL 借鉴 Vue,支持 Web 和微信小程序

本期编辑:@壹丝;专题供稿:@承虎、@龙笛。

脚本宝典总结

以上是脚本宝典为你收集整理的前端技术周刊 2019-01-21:跨端开发的三条路线全部内容,希望文章能够帮你解决前端技术周刊 2019-01-21:跨端开发的三条路线所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。