精华内容
下载资源
问答
  • webapp 框架

    2014-04-30 16:29:28
    webapp 框架
  • webapp框架

    2017-09-14 18:21:22
    包含登录、主界面框架、播放器Demo可直接运行。包含登录、主界面框架、播放器Demo可直接运行。包含登录、主界面框架、播放器Demo可直接运行包含登录、主界面框架、播放器Demo可直接运行
  • WebApp框架

    2017-04-05 23:43:00
    我所知道的webapp开发框架,欢迎补充, Framework7包含ios和material两种主题风格并且有vue版和react版, vue发现一个vue-material, react有一款material-ui官方组件比较齐全, 基于jquery的jqweui, 用react...

    我所知道的webapp开发框架,欢迎补充,

    Framework7包含ios和material两种主题风格并且有vue版react版

    vue发现一个vue-material

    react有一款material-ui官方组件比较齐全,

    基于jquery的jqweui

    用react写的amaze-ui-touch

    转载于:https://www.cnblogs.com/stumpx/p/6671274.html

    展开全文
  • WebAPP框架资源你知道几个?》要点:本文介绍了WebAPP框架资源你知道几个?,希望对您有用。如果有疑问,可以联系我们。下面是开发WEBAPP会用到的框架资源。比如light7是一款十分轻量好用的框架,你会喜欢的。...

    《WebAPP框架资源你知道几个?》要点:

    本文介绍了WebAPP框架资源你知道几个?,希望对您有用。如果有疑问,可以联系我们。

    下面是开发WEBAPP会用到的框架资源。比如light7是一款十分轻量好用的框架,你会喜欢的。

    react-native 一个基于 React 的创建原生APP的框架

    8bdccb2b6223c7ea4c25105cd0fd41de.png

    html5-boilerplate 一个用来构建快速、强大、可适配的 web app 的前端模板

    c0a0259ddcdaed592b78697a0cfa1788.png

    Ionic 领先的HTML5 移动开发框架和 SDK,利用你所熟知的web 技术构建难以置信的移动应用,是AngularJS最好的朋友

    b2333e70893f217af1c12d7526bedb6d.png

    weui 由微信官方设计团队为微信 Web 开发量身打造的框架,包含移动web应用开发中有用的组件和模块

    1880914fd699c8fc61845bcda025a51c.png

    Ratchet 用简单的 HTML, CSS, 和 JavaScript 组件创建移动应用

    e8f317da9adbfad5c51d68fa8ca5bfd4.png

    jquery-mobile jQuery 移动开发框架

    a846ebe8e2cbaced5c5c78a64d08a45d.png

    weex 阿里推出的跨平台的移动端开发框架,具有轻量级、可扩展和高性能的特点

    1ddfe33b79a53dfbed919e7089d2273f.png

    amazeui 移动端优先的开源 HTML5 跨屏前端框架,俗称妹子UI

    18d681b2b454257bac063103d960c115.png

    Framework7 功能强大的创建 iOS & Android APP 的 HTML 框架

    096f57af001d9911ddc0e8598d1b9826.png

    mui 最接近原生APP体验的高性能框架

    9ee83b5fd14e6f2f30501c07d47ec011.png

    vux 基于 Vue 和 Weui 的移动端框架

    fda5e889fed716fbfac61de705e89a29.png

    SUI-Mobile SUI Mobile (MSUI)是由阿里巴巴国际UED前端出品的一个手机端的UI库,轻量精美。更多信息请参考官网

    ee1d60040040659f3348000455d1e2bb.png

    OnsenUI 用来构建混合移动端APP的 HTML5 UI 框架

    6f7281e68c79bba6b02e7d24499c9680.png

    mint-ui 基于 vue.js 的移动端 UI 框架

    b02aa0fb2c4f2ee53d92bb118551f711.png

    react-native-elements React Native UI 组件库

    Lungo.js 一个给开发者提供的设计、构建、分享跨设备应用的框架

    45f68dc867299a89d9acb381f1896691.png

    app App.js 是一个用来创建移动 webapp 的轻量级 JavaScript UI 框架,可以表现得像原生 APP而又不牺牲性能和优雅

    4feb4b13e25754703e44dc89c017f0b1.png

    jquery-weui 创建微信混合 app 的UI库

    c4a2a6cb7bd6d517d7911fac6c5be97f.png

    mobi.css 一个关注于移动端的轻量级的、灵活的 css 框架

    79a757f85dd98e4de56380c651d169c2.png

    展开全文
  • GAE之webapp框架

    2016-09-21 17:22:21
    GAE平台开发应用时,简单的webapp框架的使用
  • 主要介绍了webapp框架AngularUI的demo改造之路,需要的朋友可以参考下
  • 主要介绍了浅析webapp框架AngularUI的demo以及对demo的简单修改,需要的朋友可以参考下
  • 在分析传统Web应用(Webapplication,WebApp)流程控制方式的基础上,提出了一种基于WebApp组件和WebApp框架来实现流程控制的新思想,基于这一思想构建了面向流程控制的WebApp框架体系,对其中WebApp组件化、组件间数据...
  • google webapp框架

    千次阅读 2012-02-16 09:58:43
    1, google webapp框架是什么?  Google App Engine 支持完全用 Python(符合 CGI)编写的任何框架(以及使用 CGI 编写器的与 WSGI 兼容的框架),包括 Django、CherryPy、Pylons 和 web.py。可以通过将...
     
    
    1, google webapp框架是什么?

         Google App Engine 支持完全用 Python(符合 CGI)编写的任何框架(以及使用 CGI 编写器的与 WSGI 兼容的框架),包括 DjangoCherryPyPylonsweb.py。可以通过将应用程序代码复制到应用程序目录来捆绑所选框架和应用程序代码。

    App Engine 包括其自己的简单网络应用程序框架,称为 webappwebapp 框架已安装在 App Engine 环境和 SDK 中,因此无需将其与应用程序代码捆绑即可使用。

    (--http://code.google.com/intl/zh-CN/appengine/docs/gettingstarted/usingwebapp.html

    使用标准的python CGI库

    The Web Server Gateway Interface (WSGI) is a standard interface between web server software and web applications written in Python. Having a standard interface makes it easy to use an application that supports WSGI with a number of different web servers.

    (--http://www.python.org/doc/2.5.2/lib/module-wsgiref.html

    WSGI request and response object

    WebOb provides wrappers around the WSGI request environment, and an object to help create WSGI responses.

    The objects map much of the specified behavior of HTTP, including header parsing and accessors for other standard parts of the environment.

    (--http://pypi.python.org/pypi/WebOb/0.9.4--)

    要弄清楚google 的webapp是什么,需要明白google app engine, WebApp,WSGI,webob的关系

    google app engine 就是提供了python(据说今后可以提供更多其他语言)的运行环境(python解析器,标准库,网络及硬件)

    WebApp就是google 提供的一个运行于 google app engine之上的一个框架。对webob及WSGI进行了封装。

    WSGI是Python标准库中对http协议及CGI标准的一个实现。

    WEBOB是对wsgi的封装,主要的类有request,respond。

    2,WebApp框架的架构及功能:

    webapp框架主要是简单封装了webob两个类request及respond。关键是接管所有的http request然后根据编程配置调用不同的对象进行处理。(基本所有的框架都是采用类似的机制)为了实现mvc模型,webapp引用了django的template类。webapp是google app engine实现mvc模型中的mapping功能。

    3.Webapp的使用:

    引用:

    from google.appengine.ext import webapp
    from google.appengine.ext.webapp.util import run_wsgi_app
    
    使用数组定义request与控制类的对应关系:
    application = webapp.WSGIApplication([('/', MainPage),
                                          ('/newentry', NewEntry),
                                          ('/editentry', EditEntry),
                                          ('/deleteentry', DeleteEntry),
                                         ],
                                         debug=True)
    
    展开全文
  • QWE 基于QPython的WEBAPP框架的QPython WEB编辑器
  • Peco:轻巧的Deno Webapp框架。 内置Preact和htm。 Peco最轻巧的Deno webapp框架。 内置Preact和htm。 简介一流的前端-服务器端渲染,然后通过优化JavaScript包快速添加。 生产就绪的后端-通过本机Typescript和Redis...
  • 为什么需要转战WebApp开发随着...合适的WebApp框架AndroidUI4Web是一个高性能的WebApp框架, 在移动浏览器上有与原生App一致的体验.对Android开发者们来说, 更重要的是:框架移植自Android, 开发方式和API调用与A...

    为什么需要转战WebApp开发

    随着移动端设备越来越多, 微信应用号即将发布, 越来越多的页面需要被移动浏览器承载, HTML5开发大热, 我们需要掌握Web开发的技能来适应时代变化.

    合适的WebApp框架

    AndroidUI4Web是一个高性能的WebApp框架, 在移动浏览器上有与原生App一致的体验.

    对Android开发者们来说, 更重要的是:

    框架移植自Android, 开发方式和API调用与Android开发保持一致, Android们可以低成本快速上手开发.

    框架优点

    流畅度. 框架使用Web Canvas渲染页面, 能有接近60fps的流畅度.

    原生级别体验. 页面过渡动画, 滚动回弹, 点击响应等等细节都是原生级别的体验.

    稳定. 所有UI组件都是移植自Android, 组件内部逻辑与原生Android的一致, 稳定度也一致.

    易用. 对Android开发者可以超低成本上手开发.

    开发者社区. 所有API文档用法和问题等都可以从Android社区找到.

    Sample App

    高性能的原因:Canvas

    Android中的视图是通过Android的Canvas对象渲染的, AndroidUI4Web框架接管Android的视图层, 所有渲染最终由Web Canvas实现.

    主流的Web开发是DOM开发, 而DOM节点的性能是公认的慢的, 其他框架不能胜任一个复杂的WebApp开发.

    参考

    与Android开发相似

    整个WebApp的开发流程与AndroidApp基本一致

    HTML语法布局:

    TypeScript代码:

    module my.app {

    import Activity = android.app.Activity;

    export class MainActivity extends Activity{

    protected onCreate(savedInstanceState?:android.os.Bundle):void {

    super.onCreate(savedInstanceState);

    this.setContentView(R.layout.activity_main);

    }

    }

    }

    Note: 代码使用TypeScript书写, 风格和语法与Java相似, 就算没有接触过TypeScript, 可以很快上手: www.typescriptlang.org/Handbook

    准备环境

    下载IDE: 支持Typescript的IDE或者编辑器. (推荐使用WebStorm)

    安装Typescript: npm install -g typescript

    安装Babel转码器: npm install -g babel-cli

    下载打开Hello World工程: 下载地址

    如果使用WebStorm, 打开工程后, 需要在设置中开启TypeScript编译以获得更好代码提示和错误检查:

    Preferences -> Languages & Frameworks -> TypeScript: 1.Enable TypeScript Compiler. 2.use tsconfig.json

    Hello World工程一览

    388e79cc23ceb713a37050c7913b2d79.png

    目录/文件说明:

    app.html

    App入口页面, 可以修改'title'标签为你的App名字, 'android-ui'标签里定义activity为App的入口Activity

    androidui-sdk

    AndroidUI框架存放的目录, 如果框架版本有更新, 需要升级替换其中的文件.

    build

    存放最终构建生成的js文件.

    res & gen

    res文件夹放图片,布局等资源, 在构建时会生成R文件在gen目录, 在代码引用R文件调用资源

    src

    代码的存放目录

    查看WebApp

    需要先起一个本地服务器, 然后打开app.html文件的地址.

    如果使用WebStorm, 可以直接对app.html文件右键->Open In Browser 就可以查看.

    打开页面后, 需要打开浏览器的开发者模式和手机模拟器, 具体参考这里

    布局代码

    与Android工程一致, 布局文件存放在res/layout文件夹, 目前仅支持'.html'后缀的布局文件.

    布局代码内容与Android工程一致, 如HelloWorld工程中的activity_main.html文件:

    需要注意的是目前不支持self-closing, 如上例中的TextView不能写成:

    另外layout_width和layout_height属性不是必须项, 如果没有定义则以父节点的默认定义为准. 参考ViewGroup.generateDefaultLayoutParams

    如果新增了布局文件, 需要先手动执行build脚本, 才可以在代码中以 R.layout.xxx 方式引用到这个布局:

    TypeScript代码

    代码存放在src目录, 使用TypeScript书写, 代码风格和语法和Java较为接近, 可以很快上手并书写代码.

    框架的API和Android的一致, 上手TypeScript后, 就可以立马开始使用框架了.

    需要注意的一些事项是:

    Java中可以省略this调用方法和属性, 但TypeScript中必须带上. 如: this.setContentView(...)

    一个类不能有多个同名的方法

    其他常见的Java开发开始写JavaScript会遇到的问题.

    修改代码后必须手动执行build脚本:

    然后刷新浏览器看到最新结果.

    开发效率

    WebStorm + TypeScript 使得代码提示和错误检查十分友好, 代码书写的效率不会低于目前Android开发.

    布局开发暂无属性提示补全和错误属性检查, 建议先在AndroidStudio里写好复制过来. 后期会以WebStorm插件方式提供支持.

    在Chrome开发台的调试和断点能力比原生开发体验更优, 界面和代码的调试都比原生Android开发更友好.

    界面调试:

    f6b11d1d909222d7a19bfa9094247473.png

    实时查看View属性:

    ec28ef52513e349325fb3b4a54981cb8.png

    代码调试:

    aceb83296f316c6bf595ea863f268afa.png

    移动端的性能

    IOS端稳定在50fps+, 全程原生级别的流畅度.

    Android端Chrome浏览器根据机子性能在40-50fps左右.

    Android4.x系统WebView:30fps左右. 不过国内主流机型都是定制过的系统(小米系统等), 默认浏览器内核已是较新版本, 能有40-50fps.

    打包成App发布

    目前可以使用Cordova(PhoneGap)打包方案, 同时建议Android端打包进CrossWalk内核保证4.x系统的流畅度.

    进入调试

    在'android-ui'标签加上debug属性, 所有Android视图节点都会以DOM节点的形式输出到'android-ui'标签里, 可以看到每个节点的大小位置.

    Chrome开发台里选中对应节点后, 可以在节点的Properties里看到DOM节点的字段值, 所有Android节点的信息都在AndroidView字段里.

    特别感谢

    汤涛 为框架的推广做的贡献!

    展开全文
  • 为什么需要转战WebApp开发随着移动端设备越来越多, 微信应用号即将发布, 越来越多的页面需要被移动浏览器承载, HTML5开发大热, 我们需要掌握Web开发的技能来...合适的WebApp框架AndroidUI4Web是一个高性能的WebApp框架
  • 使用 webapp 框架 App Engine 包括其自己的简单网络应用程序框架,称为 webappwebapp 框架已安装在 App Engine 环境和 SDK 中,因此无需将其与应用程序代码捆绑即可使用。 Hello, webapp! 一个 webapp 应用程序...
  • 我在之前呆过一家公司,他们前端封装了一套基于JQuery和bootstrap的单页面WebApp框架,虽然技术栈方面可能比较落后了,且是基于CSS,Html,JavaScript分层的。与现在的模块化开发有些不同。但是它的一些封装思想是...
  • 开发中的WebApp框架Demo

    2011-12-28 13:58:06
    最近一直在开发一个模块化的WebApp框架项目,下面是一个DEMO,用iOS和Andriod的自带浏览器打开也可以哦,添加到主界面打开效果更佳: [url]http://60.191.59.46:22385/9Box/[/url] 关键词:兼容触屏交互、模块...
  • 1.5 版本更新说明 BUI 1.5版本以后变化很大,统一新的风格,新的规范750,新增基于Dom的数据驱动,完善了单页路由页面的生命周期等等,在...后续我们还会整理一些实战类的教程,欢迎关注BUI Webapp专栏。 一...
  • HTML5 webapp框架

    2019-07-07 13:48:50
    PhoneGap应用程序对平台API的使用依赖于PhoneGap框架本身,目前还只支持各平台基础的API特性。对于各平台新升级发布或者特殊的API特性,只有依靠PhoneGap新版本的升级或插件来满足使用上的需求。   3. jQuery ...
  • 国内外webapp框架

    2018-02-06 11:58:00
    http://blog.csdn.net/daimomo000/article/details/54728804
  • 基于Vue2 搭建移动端 webapp 框架

    万次阅读 2018-02-23 18:36:11
    Vue.js2.0作为国内热门并广为人知的前端框架,其与其他主流框架的优势在此不做过多赘述。搭建框架步骤如下:安装Node.js搭建框架需要使用最新稳定版Node.js,请选择LTS版本。tip1:如果本机有其它项目需要早期版本,...
  • AndroidUI4Web框架AndroidUI4Web是一个高性能的WebApp框架, 在移动浏览器上有与原生App一致的体验.对Android开发者们来说, 更重要的是:框架移植自Android, 开发方式和API调用与Android开发保持一致, Android们可以低...
  • 原文出处:林法鑫的博客。ps:原以为又是一篇前端从业者人云亦云的水文,其实是篇干货,文中提到的AndroidUI4Web也是作者开发的。为什么需要转战WebApp...合适的WebApp框架AndroidUI4Web是一个高性能的WebApp框架,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,197
精华内容 20,478
关键字:

webapp框架