Skip to content
forked from ioing/IOING

渐进式 Web App 开发引擎,为你的 SPA 产品实施性能策略和组件化方案。 Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.

License

Notifications You must be signed in to change notification settings

keithorbit/IOING

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Brand new front-end engine

IOING logo

支持

IE Edge Firefox Chrome Safari
>=9 >=14 >=52 >=49 >=8

HI!

这是一个全新的前端引擎,并即将在七月份正式上线。很高兴能在此遇到大家,并由此体验到 IOING 所带来的不同。文档持续更新,网站内容将不断丰富。

This is a brand new front-end engine which is going to be released officially in this July. Really grateful to meet you all here and bring the differences of experience to the community within IOING. Continuous updating would be guaranteed of Docs and Website.

DEMO

What is IOING?

IOING 不是一个单纯的前端框架,而是提供了一套完整解决方案的次引擎,其包括解决模块化方案、组件化方案、沙盒方案、内存管理方案、内容预加载方案、与原生差异改善方案等一系列难题和应对方案。

IOING is not a simple front-end framework. As a second engine, it provides a complete solution of modularization, componentization, sandbox, memory management and pre loading of contents to improve the differences of HTML5 in comparison with the native App.

What can it do?

Module animation

为模块配置 animation = [type]

fade slide zoom flip

Features of IOING

  • 云组件 Cloud Components
<switch-slider src=http://www.ioing.com/components></switch-slider>
<switch-slider value=on></switch-slider>
  • DOM+:功能标签扩展 DOM Plus: Function Tag Development
<scroll>
  <scrolling>
    <loop colorful as value key>
      <div style="color:{value}">{value}</div>
    </loop>
  </scrolling>
</scroll>
  • 自动数据绑定 Automatic Data Binding
<p>{teacher.name} : Hello, what’you name!</p>
<p>{user.name} : my name is {user.name}</p>
<!-- wang : Hello, what’you name! -->
<!-- yangyang : my name is yangyang -->
  • 沙盒技术 Sandbox

  • 媲美原生应用 Comparable Native App

    • 物理像素 Physical Pixel
    • 模块沙盒 Module Sandbox
    • 模块转场 Module Transition
    • 动画线程控制 Animation Thread Control
    • 无限滚动 Infinite Page Scroll
    • DOM 性能 Efficiency of DOM
    • 图片背景流 Background Stream of Image
    • 软键盘高度 Height Adjustment of Virtual Keyboard
    • 光标位置 Cursor Position
    • 滚动参数 Parameter Rolling
    • 模块镜像 Module Mirroring
    • 路由控制 Route Control
    • 多指操控 Manipulation of multi-fingers
    • 异步组件 Asynchronous Components
    • 模块静默刷新 Silent Refresh of Modules
    • 资源生命周期 Life Cycle of Resources
    • 模块生命周期 Life Cycle of Modules
    • 数据驱动视图 Data-Driven View

Documentation

想要了解更多 IOING 实例和文档?请点击:http://www.ioing.com/#docs-started-ioing

To explore more examples and docs of IOING, please click to http://www.ioing.com/#docs-started-ioing

Questions

欢迎提交 issues 至https://github.com/ioing/IOING/issues

Welcome to submit the issues on https://github.com/ioing/IOING/issues

Stay In Touch

关于 IOING 的近况,我们可以通过微信深度讨论。我的微信是:ioingroot

To learn the latest releases and announcements, welcome to follow the Wechat: ioingroot

License

MIT

Copyright (c) 2013-present, Linyang (Lien) You

About

渐进式 Web App 开发引擎,为你的 SPA 产品实施性能策略和组件化方案。 Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 50.4%
  • HTML 45.4%
  • CSS 4.2%