• 天下游子吟 齐聚莫干山 2019-04-15
  • 百米长“向日葵田”亮相西安 2019-04-02
  • 特朗普团队前竞选主席被判入狱 特朗普:有点糟 2019-04-02
  • 为英烈权益划出法治红线(纵横) 2019-03-31
  • 《国风·秦韵》庆祝2018年文化和自然遗产日惠民演出开演 2019-03-27
  • VAR技术再抢镜 瑞典队1-0点杀韩国 2019-03-27
  • 世相【镜头中的陕西人】 2019-03-24
  • 应采儿晒和陈小春写真庆结婚七周年 两人又亲又抱甜炸 2019-03-18
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-03-18
  • 因监管趋严等多方承压 车贷行业不断涌现清盘潮 2019-03-15
  • 中国的宗教信仰自由:深刻真诚一贯牢固 2019-03-15
  • 圆茄子炒炖,长茄子蒸拌 2019-03-14
  • “世界杯时间”,以独特方式展现中国元素 2019-02-14
  • Top
    湖北楚天福彩30选5 > IT产品和服务 > 软件服务 > 资讯 > 正文

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架,基于 Web Components,用来开发 PC、手机浏览器或者微信、手Q webview 的 Web 页面。自今年5月开源以来,该项目共获得 Star 数 5000+,拥有贡献者29人。
    发布时间:2018-11-15 02:03        来源:赛迪网        作者:

    湖北楚天福彩30选5 www.dwmq.net 破界!Omi生态omi-mp发布,用小程序开发生成Webomi-mp 是什么

    Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架,基于 Web Components,用来开发 PC、手机浏览器或者微信、手Q webview 的 Web 页面。自今年5月开源以来,该项目共获得 Star 数 5000+,拥有贡献者29人。经过 Omi 原始开发团队和社区贡献者的共同努力,Omi 的生态发展非常迅速,包括:

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    其中,Omi 近期发布 omi-mp,旨在打破小程序和 Web 的边界,让"小程序员"能够使用小程序技术栈开发 Web HTML5 的单页应用(SPA), 也可让已有小程序生成 Web 页面。一次开发,多处运行。比如小程序官方模板生成的 Web 页面:

    破界!Omi生态omi-mp发布,用小程序开发生成Web微信小程序生态

    11月7日,马化腾在第五届世界互联网大会上透露了一组数字:目前,已经有150 万开发者加入到了小程序的开发,小程序应用数量超过100万,已覆盖200多个细分行业,日活用户达到2亿。近10个月的时间,小程序的数量几乎翻了一番,开发者数量增长了50万,小程序日活增长了3000万。

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    据统计,开发小程序用的最多的技术栈是使用小程序提供的语法和工具, 腾讯也在加大小程序基础能力和平台生态的建设。在可以遇见的未来,微信小程序将不仅仅拥抱 Web Components,还会更好的支持NPM、小程序云、可视化编程、分包。小程序的可视化布局体系,能够让开发者拖拖拽拽搭积木一样快速搭建小程序。

    微信小程序和 Omi

    微信小程序和 Omi 框架都是使用 Web Components(CustomElements 和ShadowDom)渲染组件,以搭积木的方式搭建 Web 页面,小程序在定制的 WebView 中渲染组件,Omi 在 PC、Mobile、TV 等现代浏览器环境渲染组件,Omi 使用 JSX 作为 UI 表达式,小程序使用模板引擎,JSX 是图灵完备,可以表达一切模板引擎。比如举个99乘法表的例子:

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    编译成 javascript 之后:

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    小程序支持 rpx 布局,Omi也增强了CSS,支持基于750屏幕宽度,支持 rpx 布局。比如定义一个半屏宽度的 div:

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    小程序和 Omi 有很多共性,自然而然地可以打通二者之间的边界,让小程序在更多的平台上体现其价值,节约公司人力成本,一次开发,多处运行。

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    这次公开测试的 omi-mp 旨在挖掘小程序的平台潜力和优势,让开发者使用现有的小程序快速生成基于 Web Components 的 HTML5 单页应用,基于 Omi和omi-router 的前端项目,让小程序不仅仅可以运行在微信里,也可以运行在微信内置的浏览器、手Q内置的浏览器、QQ浏览器以及 PC、Mobile、TV 等等的其他浏览器里。你可以同时使用 OMI 开发这工具或者微信开发者工具调试,既然 Omi 使用了 Web Components 和 Shadow-DOM, 所以不需要像 React 一样安装其他元素面板,只需要使用 Chrome 自带的 Elements' sidebar 便可,它和 React开发者工具一样强大。

    破界!Omi生态omi-mp发布,用小程序开发生成Web

    omi-mp 是一次全新的、突破性的挑战,希望通过开源社区的合力开发能够让 omi-mp 越来越好,让小程序发挥更大的价值。

    合作站点
    stat
  • 天下游子吟 齐聚莫干山 2019-04-15
  • 百米长“向日葵田”亮相西安 2019-04-02
  • 特朗普团队前竞选主席被判入狱 特朗普:有点糟 2019-04-02
  • 为英烈权益划出法治红线(纵横) 2019-03-31
  • 《国风·秦韵》庆祝2018年文化和自然遗产日惠民演出开演 2019-03-27
  • VAR技术再抢镜 瑞典队1-0点杀韩国 2019-03-27
  • 世相【镜头中的陕西人】 2019-03-24
  • 应采儿晒和陈小春写真庆结婚七周年 两人又亲又抱甜炸 2019-03-18
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-03-18
  • 因监管趋严等多方承压 车贷行业不断涌现清盘潮 2019-03-15
  • 中国的宗教信仰自由:深刻真诚一贯牢固 2019-03-15
  • 圆茄子炒炖,长茄子蒸拌 2019-03-14
  • “世界杯时间”,以独特方式展现中国元素 2019-02-14