<table>

table标签最早是时常用来布局,至今还有大量的页面是由table来布局之,table布局遭到了前者工程师们的平等唾弃,使得广大新手不敢下此标签了,这里而强调的是table的语义是表格,如果要列有有些统计数据等,table标签是首选。

6)其他

leakcanary

自我批评内存泄露,square出名,必属精品

blockcanary

检测UI卡顿, 阿里工程师出品

DebugDrawer

帮扶您速的当debug版本分析,诊断问题

ANR-WatchDog

检查ANR问题之利器

ViewServer

当你用真机调试连休达到Hierarchy Viewer,它好辅助您到解决问题

androidtool-mac

唯独在mac上针对Android手机和智能手表进行同样键截屏、录制视频及安装APK等操作


<em>和<strong>

就有限单标签的语义是强调与要紧强调,代替了未曾其他语义的价签<i>和<b>。

4)测试相关

testerhome

支付宝Monkey先生引荐的测试社区,里面有那么些干货

bugtags

乍一代之、专为移动测试而充分之弱点发现同管理工具

testin

免费移动App真机云测试平台

Emmagee

网易出品的,是督查指定给测应用在使用过程被占机器的CPU、内存、流量资源的习性测试小器。

GT

腾讯出品的,对APP进行快捷的性测试(CPU、内存、流量、电量、帧率/流畅度等等)、开发日志的查看、Crash日志查看、
网络数据包的抓取、APP内部参数的调剂、真机代码耗时统计等

awesome-android-testing

募集了成千上万测试用到之library.


3. 描写规范的HTML代码

装有的HTML标签应该是闭合;所有的元素定义都使有开始与关标签,即使元素的价值为空,除了如下这些标签,如下的价签是足以由闭合:<br/><hr/><input/><img/>等。

艾规范非支持之竹签,如下的签标准已经不引进以,尽管浏览器可正确的剖析:<center><font><s><strike><u><menu>等。

停止使用规范非支持之属性,如下的性能已不引进应用:body的background属性,某些标签的align属性,td和th上的nowrap属性,某些标签的width和height属性等。其实这些专业不推荐的标签和性能都是片影响外观的价签及性,都可经CSS样式来装。

应该时时验证代码的标准性,可以利用w3c提供的征器:Unicorn。

至于如何高效率开发App,开发前待举行什么样准备也?之前以知乎和segmentfault回到了类似的问题,在此地依划分功能模块—设计APP框架—APP质量将关—内测,正式揭晓的流水线来总。

2. 精简HTML代码

进一步简单的HTML代码,页面的导的时日便见面愈加短,页面的渲染的日子为会见再也快,相应的用户体验就会进一步好,所以十分有必不可少精简页面加载的HTML代码。

页面的简要主要由如下几只地方下手:

2)架构设计

本条得得询问下MVC,MVP,MVVM还有设计模式这些,这里产生几只开源项目推介下

philm

Movie collection and information app for Android.

SimpleNews

基于Material Design和MVP的消息客户端

GankDaily

A application show technical information every working days, use MVP
pattern.

SimplifyReader

一致慢基于Google Material Design设计开之Android客户端

NBAPlus

A concise APP about NBA News and Event with RxJava and EventBus

PhotoNoter

Material Design风格的开源照片笔记。(MVP+Dagger2+RxJava+Dex分包异步加载)

Meizhi

gank.io unofficial client, RxJava & Retrofit


2 CSS代码和HTML代码分离

体制可以一直写以标签的style属性里面,也可以描绘于页面head区域之style标签中,这片栽艺术还是糟糕的艺术,尤其第一种植方法。应该将体制单独写及css样式文件中,方便代码的任用和保护。

5)APP内测,分发

APP开发成功了,想透过链接方式发放别人利用测试,下面两只阳台可以帮到您

FIR.im

蒲公英


1. CSS文本于面前,JavaScript文件在继,JavaScript代码放到页面底部

JavaScript文件的下载和解析会阻塞页面的加载,所以于head部分,CSS的援写以头里,而JavaScript文件之援写在后;

除此以外script标签有一定量单特性async和defer,defer设置也true,则意味着此JavaScript文件滞后执行,不影响页面HTML的渲染,async是HTML5着初引入的性能,已经获取了大部分现代浏览器的支撑,此属性设置为true意味着文件异步加载与实践。两个属性之区别是async下充斥完成后即见面实施,而defer则会还是论在页面的之次序来施行,所以下载和履行不肯定会一连。可以根据实际的类型情况设置这片独特性,提高页面加载的快。

**正文摘自同行说用户“星星”分享的章,原文链接:http://forum.memect.com/blog/thread/app-2016-02-25-3946526155290692/,如涉及版权问题请及时联系小编!******

关心简书同行说账号,加粉丝福利qq群420078331,不定期发送红包哦!

1. HTML底命名暨格式

另外代码的混乱还是从命名和格式的紊乱开始之,所以一定要出统一和规范的命名暨格式,以下是一些中心的规范。

HTML代码有的标签名和特性应该都也稍写,虽然HTML代码是深浅写不灵活的,但是W3c的正规化建议吧稍写;属性值应该据此对引号包括。

被有的关键要素定义元素的id和class,便于与CSS,JavaScript的相;id名称中之最主要词用下划线(_)连接,class的重中之重词用中写道(-)连接,根据实际的含义以及Dom树的层级关系定义合适的号。

HTML代码的层级缩进为4个空格;值为空的素定义应该单独占用一行;包含子元素的要素的苗头标签及关闭标签分别独立占用一行。

例子:

<div id="info_container" class="info-container">
    <div class="container-top"></div>
    <article>
         ...
    </article>
    <div class="container-bottom"></div>
</div>

(3)高性能的HMTL代码

1)功能模块

网络模块

okhttp

android-async-http

volley

retrofit

事件总线

otto

EventBus

借助于注入

Dagger

RoboGuice

ButterKnife

图形模块

Fresco

Glide

picasso

数码存储

greenDao

ormlite

LitePal

realm

tray:支持多进程的轻量级存储

Paper

响应式编程

RxJava

RxAndroid

日志输出

logger

android-CLog

KLog

Debug

LogUtils

JSON

fastjson

gson

jackson

LoganSquare

XML

xstream


1. 当的地方用适量的价签

HTML代码不是纯为了为浏览器展现,也急需好好的可读性,方便代码的自我批评以及保安,更关键的凡各种搜索引擎也能重复好地辨认页面内容,所以如果描写起语义的HTML代码,即经常提到的HTML标签语义化。

div和span是个别独独立的尚未任何语义的竹签,所以使用即时半单标签之前先行确认,是否生重具有语义的价签可以替代。

前言

(1)HTML代码的中坚标准

3)崩溃统计平台

针对APP崩溃统计是要的啦,Crittercism和Crashlytics有上用梯子,你了解的。ACRA需要好来搭建。

腾讯bugly

金山Crasheye

Crittercism

Crashlytics

ACRA:搭建方法


3. 兢兢业业运用iframe

iframe有些许只短:1,iframe会阻塞主页面的Onload事件;2,iframe和主页面共享连接池,而浏览器对相同域的连起限量,所以会见影响页面的并行加载。使用iframe之前用考虑当下简单独缺陷。
如果需要利用iframe,最好是经过javascript动态为iframe添加src属性值,这样好得绕开以上两个问题。

后话

则这些开源库好用,能给你快的支付有一款APP。但使用前极端好只要了其有的有些bug和坑,遇到问题得以让作者提issue,能寻找清楚原理更好了。还有就是是绝不过度追求开源库,过多引入会导致您的代码臃肿,更会招致65535方法数限制的题目,这时你得用Multidex来解决问题了,在此间可以查询而apk的计数apk-method-count。


团伙开支了平等磨蹭工程师、产品经理、设计师必备神器【同行说】APP,找大牛、看行最好热干货,勾搭妹纸,快来与履说吧!

抹多余标签

剩余的标签大多是为了便利布局要加入的,例如如下的代码:

<div>
    <ul>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
</div>

代码中极外层的div标签大部分状态下是从未必要,其内层的ul标签可以完全承担其意图,可以一直去此标签,并适度调整ul的体。

3. 永不简单某些标签的性

<img>标签的alt属性的来意是当图片未能够健康显示的早晚的轮换文字,<a>标签的title属性可作验证信息,并且当鼠标hover时显示为提示信息。

<ul>,<ol>,<li>

<ul>是无序列表,<ol>是雷打不动列表,所以网页的领航菜单最合适用ul,而有的不变的列表,比如章节列表等,则应用ol标签。

不好的例证:

<div class="title">文章标题</div>

<p>
正文内容,<b>需要强调的内容</b>
</p>

<div class="main-menu">
    导航1
    导航2
    导航3
</div>

标准之事例:

<h1>文章标题</h1>

<p>
正文内容,<strong>需要强调的内容</strong>
</p>

<ul class="main-menu">
    <li>导航1</li>
    <li>导航2</li>
    <li>导航3</li>
</ul>

总结

以上是有泛的HTML开发过程遭到使小心的地方,其实关于HTML还有众多细节的技巧,需要我们在实践中不断的总。本文的目的在抛砖引玉,让大家重视代码的可读性,可维护性,以及代码的习性,在付出的进程遭到有觉察地去考虑这些题目,养成好的编码习惯于习某项开发技术更要。

2. 被页面添加必要的meta

meta信息描述有关页面的信息,放在页面的head部分,用于搜索引擎更友善之甄别。如下是常用的有些定义:

<meta name="author" content="John Doe">
<meta name="copyright" content="&copy; 1997 Acme Corp.">
<meta name="keywords" content="corporate,guidelines,cataloging">
<meta name="date" content="1994-11-06T08:49:37+00:00">

<h1>~<h6>

h1到h6是作标题的,h1是最高级别的标题,网页遭到形标题的地方应该使用这些题目标签。

Web前端代码中,HTML是素,CSS和JavaScript也是围绕着既有的HTML结构来构建,所以可以的HTML代码结构,除了加强了HTML代码的可读性,可维护性和推行性外,也得以为交互呼应的CSS和JavaScript代码更好之构建。距前面两篇探讨JavaScript(前端代码标准最佳实践:JavaScript篇)和CSS(前端代码标准最佳实践:CSS篇)之后,我们今天来探索Web前端HTML的部分至上实践。

(2)高可读性的HTML代码

动态加载与渲染非重要区域

当页面被一些区域并无是用户主要关注的区域,例如页面的广告,一些统计信息等,此类内容可以等页面关键区域加载后透过javascript代码动态加载与出示。