- 浏览: 20426 次
- 性别:
- 来自: 上海
最新评论
-
前进的路中没有月亮:
masuweng 写道那个爱码哥怎么用呢,我是初学者.还望指教 ...
仅用了一天开发了这样的app,再也不用担心排队的问题了 -
masuweng:
那个爱码哥怎么用呢,我是初学者.还望指教...
仅用了一天开发了这样的app,再也不用担心排队的问题了
最近今日头条很火,作为一名喜欢钻研的开发者,仔细研究了他们的APP,发现他们自己开发了一个RPC 框架,开发者应该很了解框架是有多么难构建。如果有一个开发好的框架摆在我面前,我会毫不犹豫的使用他,就像node.js或者imag.js.
imag.js是移动跨平台开发框架,通过JavaScript调用底层API接口结合封装好的UI模块,可以帮助开发者简单快速的开发APP。imag.js框架中的控件都是原生的,就像Label控件,在iOS上是调用系统的UILabel控件,而在Android上则是调用的TextView控件,确保开发出的APP在性能流畅上和原生APP相媲美。
下面我们来看看小孟提供的基于imag.js技术开发的新闻类APP。
这么多页面要写好多代码吧?这就讲到了imag.js的一大特点:代码量少、开发效率快!只要一个<list>控件就可以完成下图部分的布局。
附上源码瞧瞧(登录页面
从代码中看,其中<imag>是XML文档的根节点,page包含整个页面的内容,是对页面的抽象和封装。上面的代码中<page>包括<title>和<content>两个部分,分别是页面的标题和内容。title是页面标题导航栏,有<center>、<left>、<right>三个子节点,分别用来在title上居中、居左和居右来摆放文本和按钮。<content>里有个<list>控件,相当一个容器,用来展示输入框和按钮。
这里只是部分代码,详细代码可以点击 链接
imag.js是移动跨平台开发框架,通过JavaScript调用底层API接口结合封装好的UI模块,可以帮助开发者简单快速的开发APP。imag.js框架中的控件都是原生的,就像Label控件,在iOS上是调用系统的UILabel控件,而在Android上则是调用的TextView控件,确保开发出的APP在性能流畅上和原生APP相媲美。
下面我们来看看小孟提供的基于imag.js技术开发的新闻类APP。
这么多页面要写好多代码吧?这就讲到了imag.js的一大特点:代码量少、开发效率快!只要一个<list>控件就可以完成下图部分的布局。
附上源码瞧瞧(登录页面
<?xml version="1.0" encoding="utf-8"?> <imag> <page> <title style="background:#ffffff"> <left><button role="back" style="color:#1f1f1f"/></left> <center><label style="color:#1f1f1f;font-size:17">手机号登陆</label></center> </title> <content style="background:#f4f5f6"> <list type="transparent" style="margin:28 19"> <item style="padding:1 1 0;border:1 #efefef"> <row> <input type="text" placeholder="手机号" style="font-size:14;color:#0a0a0a;background:#ffffff;height:40"/> </row> </item> <item style="padding:1;border:1 #efefef;background:#ffffff;col-width:*,1,70"> <col> <row><input type="text" placeholder="密码" style="font-size:14;color:#0a0a0a;height:40;background:#ffffff;"/></row> </col> <col><row style="height:14;background:#efefef"></row></col> <col><row><label style="font-size:14;color:#8c8c8c;align:center">找回密码</label></row></col> </item> <item style="margin:20 0;padding:14;background:#999999;corner-radius:4"> <col><row><label style="color:#ffffff;font-size:15;align:center">登 录</label></row></col> </item> <item style="padding:0"> <col><row><label style="color:#1a88d5;font-szie:14;align:center">注册账号</label></row></col> </item> </list> </content> </page> </imag>
从代码中看,其中<imag>是XML文档的根节点,page包含整个页面的内容,是对页面的抽象和封装。上面的代码中<page>包括<title>和<content>两个部分,分别是页面的标题和内容。title是页面标题导航栏,有<center>、<left>、<right>三个子节点,分别用来在title上居中、居左和居右来摆放文本和按钮。<content>里有个<list>控件,相当一个容器,用来展示输入框和按钮。
这里只是部分代码,详细代码可以点击 链接
发表评论
-
访问后台数据库有多6,看看这里便知
2016-10-14 17:29 569相信使用爱码哥的小伙 ... -
label和slideimage共存|用得到的就拿去
2016-09-13 18:12 525要求:Label标签置于slideimage之上并透明 限制: ... -
新技能get|有了它你也可以做电商app
2016-09-13 18:03 728使用imag.js开发过很多类型的模板,比如新闻、社交、办公类 ... -
imag.js|快速掌握全局方法
2016-08-29 17:17 558使用爱码哥进行移动应用开发时,除了了解基本的内容控件、表单控件 ... -
imag.js|教你如何智做原生APP
2016-08-17 18:03 655手机计算器是我们日常中很熟悉并且使用起来非常简单的应用了,这样 ... -
开发技巧汇总|对于imag.js你不知道的事
2016-08-03 16:48 5531. imag.js里有哪些标准JavaScript对象? i ... -
爱码哥移动开发平台|让制作app更加便捷
2016-04-26 15:14 557本文来自爱码哥CTO邱杨(Terry)同学 随着HTM ... -
关于使用iMAG.js出现的问题及解决方法
2016-05-05 18:05 510●list子标签的Item默认交互效果能取消吗? se ... -
移动开发|浅谈list列表布局控件
2016-05-11 10:54 470在iMAG开发app中界面布 ... -
iMAG中的复用列表的使用说明
2016-05-11 17:29 446复用列表(resue list)在爱码哥中是不同于普通列表的 ... -
iMAG(爱码哥)新建应用
2016-05-18 14:22 440在爱码哥移动应用开发平台如何新建应用? 在首页找到工作台 ... -
微信页面的代码|你一定没有看过这么神奇的代码
2016-05-18 16:01 900Android iOS: 代码: &l ... -
移动开发|绘制饼图、柱状图、2d、3d统计图表
2016-05-31 12:29 598通过HTML5的canvas来绘制图表功能,需要用到web控 ... -
作为开发者不可不收藏的十大开发语言和框架
2016-06-02 09:48 4311.Android SDK Android开发者不可 ... -
作为开发者不可不知的Native App,Web App,Hybrid App等技术的对比
2016-06-12 18:10 365随着移动开发需求的不断增多,五花八门的开发方式也层出不穷,作 ... -
移动应用开发跨平台工具imag.js入门
2016-07-05 15:47 442imag.js是一种NativeScript形式的框架,它兼 ... -
爱码哥移动开发平台的4大开发环境
2016-07-06 14:16 431imag.js是一种NativeScript形式的框架,它兼 ... -
推荐爱码哥移动开发平台十大常用的原生UI控件
2016-07-06 17:52 419imag.js是一种NativeScript形式的框架,它兼 ... -
移动应用开发技术过多,该如何做选择
2016-08-01 18:11 405随着互联网创业的持续 ... -
H5实现APP和原生方式有多大差距,多少坑?JS才是王道!
2016-07-15 12:52 6922纯H5的APP,虽然开发起来要比纯原生开发畅快的多,但最终效果 ...
相关推荐
因此,框架在一定程度上来说是一个广泛的半成品,也就是开发者的大体思想已经被规定下来,开发者就必须在这个大思想下进行开发。 初级开发者在使用Java框架时,容易受到框架的束缚,限制了自己的思想和设计思路。...
初级开发者培训资料旨在帮助新手快速掌握Mendix的核心概念和技术,通过10个阶段的学习,逐步构建起完整的应用开发技能树。 首先,我们来看“Rapid Developer - Module 10 移动端.pdf”。这个模块重点讲解了Mendix在...
每一个自定义组件都有自己的生命周期。 9. 首选项preferences的使用 首选项preferences是以Key-Value形式存储数据,其中Key是唯一的。 10. @Component修饰的自定义组件 所有使用@Component修饰的自定义组件都支持...
无论是团队代理人、管理者还是成员,每个角色都有其独特的职责和权限,这有助于确保团队内的成员能够高效地协同工作,同时保护苹果平台的安全性和稳定性。对于希望加入苹果开发者生态的团队和个人而言,了解这些角色...
11. **Ability**:Ability是HarmonyOS中最小的功能单元,可以独立完成特定任务,一个应用可以包含一个或多个Ability。 单选题部分: 12. **页面入口组件装饰器**:使用`@Entry`修饰的组件可以作为页面的入口组件,...
IOS 开发者账号政府单位申请函是苹果公司 Apple Developer Programs 的一个重要组件,该函件用于政府单位申请加入 Apple Developer Programs 的过程中。以下是该函件中所包含的关键知识点: 一、法律授权 申请函中...
从给定的文件信息来看,标题、...尽管部分内容显示不全,但根据已有的信息,我们可以推测这份报告将涵盖开发者规模与分布、技能与专业领域、生存状态、行业发展趋势与挑战等多个方面,为读者勾勒出一幅详实的行业画卷。
2019-2020 中国开发者调查报告完整版,CSDN年度出品。 为了更准确的绘制出中国开发者整体图谱,同时也为未来IT行业趋势和人才发展提供指导,CSDN从2004年开始发起中国开发者大调查并发布年度调查报告,报告中的数据...
统信UOS操作系统离线进入开发者模式安装包,安装后重启即打开开发者模式,无需申请官方账号。适用于arm64版,安装包已签名。
本文是2018年7月twitter开发者账号不好申请,而写的。
小程序开发者承诺函
微信开发者工具,最近微信开发者中心推出了微信web开发者工具,对于我们这些开发微信公众平台的非常实用,所以来安装起来用用
- 在扩展程序列表中,找到以开发者模式运行的扩展,你会看到旁边有一个“已启用(开发者模式)”的标签。 - 取消勾选扩展程序下方的“开发者模式”选项,这样该扩展将不再以开发者模式运行,警告提示应会消失。 2...
去找一个玩具项目来帮你重拾解决问题的乐趣吧,这叫“培养激情”。 感觉要被新知识淹没了?做点以前做过的事情,重新探索一下自己熟悉的领域,然后通过“以退为进”再次前进。 学习停滞了?那就去寻找一支由富有...
总之,《软件开发者路线图》为有志于成为软件工匠的读者提供了一条明确的成长路径,它不仅关注技术技能的提升,更注重培养适应变化、解决问题和与人协作的能力。通过学习和实践书中的模式,开发者可以更好地适应行业...
本文教你如何成为一个高效开发者,而不是代码工人
DeFi开发者路线图是一个精心策划的开发者手册,其中包括dapp开发的最佳工具,资源和参考资料的列表!.zip
在Java开发领域,即使是经验丰富的开发者和架构师也可能会陷入一些常见的...以上就是有经验的Java开发者和架构师容易犯的十个错误,了解并避免这些错误,将有助于提升个人和团队的开发效率,打造出更高质量的软件产品。