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

Source: Internet
Author: User

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!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.