`
前进的路中没有月亮
  • 浏览: 20734 次
  • 性别: 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在...

    Java框架对初级开发者的束缚及化解策略.pdf

    因此,框架在一定程度上来说是一个广泛的半成品,也就是开发者的大体思想已经被规定下来,开发者就必须在这个大思想下进行开发。 初级开发者在使用Java框架时,容易受到框架的束缚,限制了自己的思想和设计思路。...

    UOS 一键开启开发者模式(启用root权限)

    统信UOS的开发者模式是一个为系统开发者或高级用户提供的特殊模式,它类似于Windows系统的管理员权限,允许用户对系统文件进行任意操作,并具备root权限和可执行sudo命令的能力。在开发者模式下,用户可以执行如安装...

    Steam平台开发者游戏上传

    开发者需要输入第一个VDF文件的地址,例如run_app_build空格D:\work\steamworks_sdk_137\sdk\tools\ContentBuilder\scripts\app_build_543150.vdf。 六、 查看上传结果 在上传游戏后,开发者需要查看上传结果,...

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

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

    Android开发者资料大全

    Android开发者资料大全

    微信web开发者工具

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

    苹果开发者账号注册流程.docx

    个人开发者适合独立开发者,而公司和企业/政府组织适用于团队开发,费用和权限有所不同。 6. 填写申请信息: 根据所选的开发者类型,填写相应的公司或个人信息。务必确保信息与营业执照一致,以顺利通过审核。 7...

    推特开发者账户申请

    本文是2018年7月twitter开发者账号不好申请,而写的。

    IOS开发者账号区别

    IOS开发者账号区别IOS开发者账号区别IOS开发者账号区别

    HarmonyOS鸿蒙应用开发者高级认证题库(覆盖99%考题)

    ### HarmonyOS应用开发者高级认证...2. **每一个自定义组件都有自己的生命周期**(正确) - **解析**:在HarmonyOS开发中,自定义组件确实拥有自己的生命周期,这与标准UI组件类似,包括初始化、显示、隐藏等阶段。

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

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

    解决chrome提示:请停用以开发者模式运行的扩展程序

    - 在扩展程序列表中,找到以开发者模式运行的扩展,你会看到旁边有一个“已启用(开发者模式)”的标签。 - 取消勾选扩展程序下方的“开发者模式”选项,这样该扩展将不再以开发者模式运行,警告提示应会消失。 2...

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

    总之,《软件开发者路线图》为有志于成为软件工匠的读者提供了一条明确的成长路径,它不仅关注技术技能的提升,更注重培养适应变化、解决问题和与人协作的能力。通过学习和实践书中的模式,开发者可以更好地适应行业...

    如何成为十倍效率开发者

    本文教你如何成为一个高效开发者,而不是代码工人

    抖音小程序开发者工具包抖音小程序开发者工具包

    抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包抖音小程序开发者工具包...

Global site tag (gtag.js) - Google Analytics