`
前进的路中没有月亮
  • 浏览: 20929 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

一个初级开发者完胜十几人团队,此处有秘诀!

阅读更多
最近今日头条很火,作为一名喜欢钻研的开发者,仔细研究了他们的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>控件就可以完成下图部分的布局。

附上源码瞧瞧(登录页面 
<?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>控件,相当一个容器,用来展示输入框和按钮。 

这里只是部分代码,详细代码可以点击 链接
0
0
分享到:
评论

相关推荐

    Mendix 初级开发者培训资料英文版.rar

    初级开发者培训资料旨在帮助新手快速掌握Mendix的核心概念和技术,通过10个阶段的学习,逐步构建起完整的应用开发技能树。 首先,我们来看“Rapid Developer - Module 10 移动端.pdf”。这个模块重点讲解了Mendix在...

    华为开发者学堂试题答案.zip

    华为开发者学堂试题答案.zip,HarmonyOS NEXT 开发者预览版 Beta 招募开启,一个实名账号具有 5 次机会,通过要求为 100 分(即满分)。 IT之家注: HarmonyOS NEXT 开发者预览版是在正式版本发布前,为更全面地验证...

    c#完全中文手册 给初级开发者用

    一本很好的c#入门书,从简单入手,帮助提高编程水平

    IOS 开发者账号政府单位申请时所需申请函

    IOS 开发者账号政府单位申请函是苹果公司 Apple Developer Programs 的一个重要组件,该函件用于政府单位申请加入 Apple Developer Programs 的过程中。以下是该函件中所包含的关键知识点: 一、法律授权 申请函中...

    软件开发(开发者必看)

    在软件开发领域,无论是新手还是经验丰富的开发者,都需要对整个开发流程...总之,软件开发是一个复杂而细致的过程,理解并掌握这一流程,注意其中的关键点,将有助于开发者更高效地完成项目,创造出高质量的软件产品。

    软件开发者路线图从学徒到高手英文版.pdf

    《软件开发者路线图:从学徒到高手》一书,为开发者们提供了一条清晰的职业成长路径,它不仅关注于技术层面的提升,更着眼于如何培养一个人全面的专业素养。 本书的作者David H. Hoover和Adewale Oshineye通过深入...

    数据驱动的软件开发者智能协作技术.docx

    数据驱动的软件开发者智能协作技术是当前软件工程领域的一个重要研究方向。软件开发是一个高度依赖开发者智力和协作的活动,特别是在大数据时代,开发者群体的协作效率直接影响到软件项目的质量和进度。传统的软件...

    《2020-2021中国开发者调查报告》

    本报告是基于一年一度的CSDN开发者大调查数据分析结果形成。CSDN最早从2004年开始针对中国开发者进行大规模调查,是迄今为止覆盖国内各类开发者人群数量最多,辐射地域、行业分布最广的调查活动。该调查旨在全面和...

    微信web开发者工具

    微信web开发者工具 ,大家直接下载吧!

    2018 AI开发者大会全日程

    多年经验淬炼,如今蓄势待发:2018年11月8-9日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能...

    让前端开发者学习“机器学习”!

    让前端开发者学习“机器学习”!

    2019-2020 中国开发者调查报告完整版.pdf

    2019-2020 中国开发者调查报告完整版,CSDN年度出品。 为了更准确的绘制出中国开发者整体图谱,同时也为未来IT行业趋势和人才发展提供指导,CSDN从2004年开始发起中国开发者大调查并发布年度调查报告,报告中的数据...

    统信UOS进入开发者模式.deb

    统信UOS操作系统离线进入开发者模式安装包,安装后重启即打开开发者模式,无需申请官方账号。适用于arm64版,安装包已签名。

    vue开发者工具最新版,vue-devtools6.1.4

    vue开发者工具最新版,vue-devtools6.1.4 使用方法: 打开chorme浏览器的设置,选择扩展程序,把下载好的.crx 文件拖进去即可。...这个是vue开发者工具的最新版本,亲测能用! 欢迎大家下载使用!

    Andorid官方开发者培训教程中文版

    Android官方开发者培训教程中文版,入门系列培训教程。欢迎来到安卓开发者培训。...现一个特定的任务并附带样例代码可供你在你的程序中重用。这些课程以几个分 组来组织,你可以在左边导航栏目的顶级节点看到这些分组。

    面向软件安全性缺陷的开发者推荐方法.pdf

    【摘要分析】 ...综上所述,本文介绍的SecDR方法提供了一个全面的解决方案,用于改善软件安全性缺陷的开发者推荐,它考虑了开发者的多维度能力和经验,有助于提升软件安全性,并优化开发团队的工作流程。

    Django优秀项目收录与开发者指引仓库!本仓库致力于为广大Django开发者提供一个交流、学习和分享的平台

    本仓库致力于为广大Django开发者提供一个交流、学习和分享的平台。 1. 精选Django优秀项目:我们精心挑选了一系列具有代表性的Django项目。 2. 开发者指引:我们整理了Django开发的最佳实践、常用技巧和注意事项。 3...

    DeFi开发者路线图是一个精心策划的开发者手册,其中包括dapp开发的最佳工具,资源和参考资料的列表!.zip

    DeFi开发者路线图是一个精心策划的开发者手册,其中包括dapp开发的最佳工具,资源和参考资料的列表!.zip

    WebRTC零基础开发者教程(纯净版)

    本文中提供下载的《WebRTC 零基础开发者教程》将以一个初学者的角度,从0开始逐步引导你掌握WebRTC开发的方方面面(当然,教程中更多的是操作性的内容,具体到技术原理和实现,显然不是本教程的讨论范畴)。...

    flex的demo案例(初级flex开发者适用)

    让开发者快速了解flex,简单的小案例,能清晰高效的了解flex,让初学这早日学会

Global site tag (gtag.js) - Google Analytics