文档章节

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

勤奋的小菜鸟
 勤奋的小菜鸟
发布于 2016/07/22 18:56
字数 620
阅读 23
收藏 0

最近今日头条很火,作为一名喜欢钻研的开发者,仔细研究了他们的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>控件,相当一个容器,用来展示输入框和按钮。 这里只是部分代码,详细代码可以点击链接

© 著作权归作者所有

共有 人打赏支持
勤奋的小菜鸟
粉丝 4
博文 19
码字总数 13680
作品 0
普陀
程序员
一个大神开发者的使命感究竟应该是什么

工作了五年的工程师,算不算高级开发者?归类开发者不是简单地看工作年限,因为经验这种东西千金难换但又一文不值。 我们现在工作的行业很奇怪。明明每年都有新的从业人员涌入人才市场,但企...

oschina
2016/03/04
4.6K
24
PHP高级程序员所要掌握的技能

很多工作几年的php开发者都会有这样的迷茫,php开发多了,无外乎“增删改查调接口”,真的是这样吗? 实际上开发者除了把自己当成php程序员,更应该关注php以外的东西,将自己定位于能熟练使...

小田天
2016/11/18
82
0
同样是iOS程序员,6K与30K的差距到底在哪?为什么薪酬差异那么大?

前言: 有人看到这样的问题,第一感觉的答案就是“因为你是初级工程师,他是高级工程师呗~”。这确实是一个很好的答案!不管什么样的职业都有一个从“初级”到“高级”的过程,没有哪个人能一...

原来是泽镜啊
04/26
0
0
成为高级开发工程师必备技术能力

谁都想往高处爬,搞开发的也是一样的。你越爬的高工资越高,对吧?然而好多人都是羡慕别人的高薪,一直在羡慕嫉妒恨,却不知道自己如何才能做到像别人那样拿高薪,下面简单总结几点一个普通开...

AWeiLoveAndroid
01/16
0
0
作为开发人员,这四类Code Review方法你都知道吗?

本文翻译自:https://dzone.com/articles/4-types-of-code-reviews-any-professional-developer 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者...

葡萄城技术团队
08/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Flask 开发填坑

插件的选择: flask-security 真的是个鸡肋啊。自带的页面,好丑。还不如用flask-login来做呢。

pearma
7分钟前
0
0
讲述下 :LVM逻辑卷管理遇到的问题

LVM学习逻辑卷管理创建逻辑卷遇到的问题 1 实验环境 系统 内核 发行版本 CentOS 2.6.32-754.2.1.el6.x86_64 CentOS release 6.10 (Final) 由于是最小化安装没有xfs命令,yum安装如下包支持此...

linuxprobe16
42分钟前
0
0
day95-20180922-英语流利阅读-待学习

Hey Jude 半个世纪传唱不衰的背后故事 毛西 2018-09-22 1.今日导读 2004 年,The Beatles 被《滚石》杂志选为“历史上最伟大的 50 位流行音乐家的第一位”。这四名来自英国利物浦的男孩不仅对...

飞鱼说编程
49分钟前
1
0
OSChina 周六乱弹 —— 放假前期焦虑症晚期

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @andonny :分享Matteo的单曲《Panama》: 《Panama》- Matteo 手机党少年们想听歌,请使劲儿戳(这里) @新垣吉衣OSC :我发现只要去有小朋友...

小小编辑
今天
179
10
wait()被notify()后,接着执行wait()后面的语句

wait()被notify()后,接着执行wait()后面的语句

noteman
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部