{"id":14990390,"url":"https://github.com/ioing/ioing","last_synced_at":"2025-10-10T05:09:10.862Z","repository":{"id":36658835,"uuid":"40965169","full_name":"ioing/IOING","owner":"ioing","description":" Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine. ","archived":false,"fork":false,"pushed_at":"2022-03-30T11:03:58.000Z","size":74454,"stargazers_count":233,"open_issues_count":0,"forks_count":21,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-05-07T15:06:27.341Z","etag":null,"topics":["framework","ioing","javascript","mvvm","sandbox","shadow-dom","single-page-applications","spa","virtual-dom","webcomponents"],"latest_commit_sha":null,"homepage":"http://www.ioing.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ioing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-18T10:13:19.000Z","updated_at":"2025-04-26T12:09:03.000Z","dependencies_parsed_at":"2022-09-14T13:52:56.652Z","dependency_job_id":null,"html_url":"https://github.com/ioing/IOING","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ioing/IOING","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioing%2FIOING","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioing%2FIOING/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioing%2FIOING/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioing%2FIOING/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ioing","download_url":"https://codeload.github.com/ioing/IOING/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioing%2FIOING/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266221407,"owners_count":23894966,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["framework","ioing","javascript","mvvm","sandbox","shadow-dom","single-page-applications","spa","virtual-dom","webcomponents"],"created_at":"2024-09-24T14:20:02.360Z","updated_at":"2025-10-10T05:09:05.823Z","avatar_url":"https://github.com/ioing.png","language":"JavaScript","readme":"\n\n\n\u003ch1 style=\"font-size: 70px; color: red; text-algin: center\"\u003e新版更名为 Lath\u003c/h1\u003e\n\u003ch1 style=\"font-size: 40px; color: red\"\u003e请访问新版: https://github.com/ioing/Lath\u003c/h1\u003e\n\n\n\n\n\n\n\n\n\u003chr /\u003e\n\n\n---------------------------------该仓库已废弃---------------------------------\n\n## 第一步：sudo npm install -g ioing-cli  （全局安装 ioing）\n## 第二部：ioi init （会车后？Template输入 ioing ，按照引导生成项目）\n## 第三部：ioi build 或者 ioi dev （运行项目）\n\n\n\n\n\nBrand new front-end engine\n======================\n![IOING logo](https://raw.githubusercontent.com/ioing/IOING/master/logo.png)\n\n## Supported\n\u003ctable\u003e\n \u003cthead\u003e\n  \u003ctr\u003e\n   \u003ctd\u003eIE\u003c/td\u003e\n   \u003ctd\u003eEdge\u003c/td\u003e\n   \u003ctd\u003eFirefox\u003c/td\u003e\n   \u003ctd\u003eChrome\u003c/td\u003e\n   \u003ctd\u003eSafari\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n  \u003ctr\u003e\n   \u003ctd\u003e\u003e=9\u003c/td\u003e\n   \u003ctd\u003e\u003e=14\u003c/td\u003e\n   \u003ctd\u003e\u003e=52\u003c/td\u003e\n   \u003ctd\u003e\u003e=49\u003c/td\u003e\n   \u003ctd\u003e\u003e=8\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/tbody\u003e\n\u003c/table\u003e\n\n## HI!\n\nThis is a brand new front-end engine which is going to be released officially in this July.\nReally grateful to meet you all here and bring the differences of experience to the community within IOING.\nContinuous updating would be guaranteed of Docs and Website.\n\n[DEMO](http://www.ioing.com/#discover-index)\n\n## What is IOING?\nIOING is not a simple front-end framework. \nAs 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.\n\n## What can it do？\n\n### Module animation\nanimation = [type]\n\u003ctable\u003e\n \u003cthead\u003e\n  \u003ctr\u003e\n   \u003ctd\u003efade\u003c/td\u003e\n   \u003ctd\u003eslide\u003c/td\u003e\n   \u003ctd\u003ezoom\u003c/td\u003e\n   \u003ctd\u003eflip\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n  \u003ctr\u003e\n   \u003ctd\u003e\u003cimg src=\"https://github.com/ioing/IOING-docs/blob/master/ioing_src/preview/fade.gif?raw=true\" width=\"200\" /\u003e\u003c/td\u003e\n   \u003ctd\u003e\u003cimg src=\"https://github.com/ioing/IOING-docs/blob/master/ioing_src/preview/slide.gif?raw=true\" width=\"200\" /\u003e\u003c/td\u003e\n   \u003ctd\u003e\u003cimg src=\"https://github.com/ioing/IOING-docs/blob/master/ioing_src/preview/zoom.gif?raw=true\" width=\"200\" /\u003e\u003c/td\u003e\n   \u003ctd\u003e\u003cimg src=\"https://github.com/ioing/IOING-docs/blob/master/ioing_src/preview/flip.gif?raw=true\" width=\"200\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Features of IOING\n### Cloud Components\n```html\n\u003cswitch-slider src=http://www.ioing.com/components\u003e\u003c/switch-slider\u003e\n\u003cswitch-slider value=on\u003e\u003c/switch-slider\u003e\n```\n### DOM Plus: Function Tag Development\n```xml\n\u003cscroll\u003e\n  \u003cscrolling\u003e\n    \u003cloop colorful as value key\u003e\n      \u003cdiv style=\"color:{value}\"\u003e{value}\u003c/div\u003e\n    \u003c/loop\u003e\n  \u003c/scrolling\u003e\n\u003c/scroll\u003e\n```\n### Automatic Data Binding\n```html\n\u003cp\u003e{teacher.name} : Hello, what’you name!\u003c/p\u003e\n\u003cp\u003e{user.name} : my name is {user.name}\u003c/p\u003e\n\u003c!-- wang : Hello, what’you name! --\u003e\n\u003c!-- yangyang : my name is yangyang --\u003e\n```\n### Sandbox\n### Comparable Native App\n\n  - Physical Pixel\n  - Module Sandbox\n  - Module Transition\n  - Animation Thread Control\n  - Infinite Page Scroll\n  - Efficiency of DOM\n  - Background Stream of Image\n  - Height Adjustment of Virtual Keyboard\n  - Cursor Position\n  - Parameter Rolling\n  - Module Mirroring\n  - Route Control\n  - Manipulation of multi-fingers\n  - Asynchronous Components\n  - Silent Refresh of Modules\n  - Life Cycle of Resources\n  - Life Cycle of Modules\n  - Data-Driven View\n\n## Documentation\nTo explore more examples and docs of IOING, please click to \u003chttp://www.ioing.com/#docs-started-ioing\u003e\n\n## Questions\nWelcome to submit the issues on \u003chttps://github.com/ioing/IOING/issues\u003e\n\n## Stay In Touch\nTo learn the latest releases and announcements, welcome to follow the Wechat: ioingroot\n\n## Folder Structure\nThe folder structure should look like\n\n\n    --- frameworks(folder)\n        --- lib(folder)\n            --- application.js\n            --- css.js\n            --- dom.js\n            --- fetch.js\n            --- loader.js\n            --- move.js\n            --- promise.js\n            --- proto.js\n            --- query.js\n            --- sandbox.js\n            --- scroll.js\n            --- template.js\n            --- touch.js\n            --- transform.js\n            --- unify.js\n    --- modules(folder)\n    --- components(folder)\n  \n\n## License\n\n[GPL](https://opensource.org/licenses/GPL-3.0)\n\nCopyright (c) 2013-present, Linyang (Lien) You\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fioing%2Fioing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fioing%2Fioing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fioing%2Fioing/lists"}