A junior developer who has a more than 10-person team, here's the secret!

Today's headlines are hot, as a developer who likes to delve into their apps and find themselves developing an RPC framework that developers should understand how difficult the framework is to build. If there is a well-developed framework in front of me, I will not hesitate to use him, like node. js or Imag.js.

Imag.js is a mobile cross-platform development framework that enables developers to quickly and easily develop apps by invoking the underlying API interface with JavaScript and packaged UI modules. The controls in the Imag.js framework are native, like the label control, which is the Uilabel control that calls the system on iOS, and the TextView control that is called on Android, to ensure that the app is developed to match the performance of the native app.

Let's take a look at the news app that Xiao Meng provided based on the development of Imag.js technology.

So many pages to write a lot of code it? This is a big feature of Imag.js: The code is small, the development efficiency is fast! As long as a <list> control can complete a portion of the layout.

Attach the source code to see (login page)

<?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" > Mobile phone number login </label></center>

</title>

<content style= "background: #f4f5f6" >

<list type= "Transparent" style= "margin:28" >

<item style= "Padding:1 1 0;border:1 #efefef" >

<row>

<input type= "text" placeholder= "mobile phone number" 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= "password" 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" > Retrieve password </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" > Login </label></row> </col>

</item>

<item style= "padding:0" >

<col><row><label style= "color: #1a88d5; font-szie:14;align:center" > Registered account </label></row ></col>

</item>

</list>

</content>

</page>

</imag>

From the code, where <imag> is the root node of an XML document, page contains the contents of the entire page, which is the abstraction and encapsulation of the page. In the code above <page> includes <title> and <content> two sections, respectively, the title and content of the page. Title is the page title navigation bar, there are <center>, <left>, <right> three sub-nodes, respectively, to center on the title, left and right to place text and buttons. <content> has a <list> control, quite a container for displaying input boxes and buttons.

Here is just part of the code, detailed code can be clicked link https://github.com/imagjs/news-app/tree/master

A junior developer who has a more than 10-person team, here's the secret!