ugeda是专业级HTML5交互动画内容制作云平台，拥有业界最为强大的动画编辑能力和最为自由的创作空间，可以帮助专业设计师和团队高效的完成面向移动设备的H5专业内容的制作发布、帐号管理、协同工作、数据收集等功能。你的创作灵感像梦一样自由，Mugeda帮你把它完美的实现！

第一课：Mugeda舞台介绍

第二课：剪切／复制／粘贴

第三课：Mugeda 排列／对齐／翻转

未完待续，每日会更新3课程，请随时关注

现在的App当中，我们经常需要在原生界面中插入HTML5页面，需要在两者之间交互，也就是原生代码和HTML5互调方法，一起来了解一下如何实现的吧！

1.原生代码调用HTML5页面方法

例如，app要调用HTML5页面的changeColor(color)的方法，来改变HTML5页面的颜色

1）HTML5

<script type="text/javascript">

2）Android

 wvMain.getSettings().setJavaScriptEnabled(true); //开启JavaScript支持

---------------分割线---------------

2.HTLM5页面调用原生方法

例如，点击HTML5页面的文字，回调原生代码中的callAndroidMethod方法

1）HTML5

 <a onClick="baobao.callAndroidMethod(100,100,'ccc',true)">CallAndroidMethod</a>

除此之外，

html5代码不完全整理

html5文件头

<_meta name=”viewport” content=”width=device-width,initial-scale=1.0,user-scalable=no”>

<_meta name=”format-detection” content=”telephone=no”>

第二句是给苹果手机把数字都识别成手机号的功能的禁用代码，苹果数字都当成手机号拨打很恶心。

css部分

a,button,input,optgroup,select,textarea {

-webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/

}

注意下面这句非常有用，不写这句代码苹果手机下默认的圆角，代码重置css也无效。

button,input,optgroup,select,textarea {

-webkit-appearance:none; /*去掉webkit默认的表单样式*/

}

a,button,input,optgroup,select,textarea {

-webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/

}

body {

-webkit-text-size-adjust: 100%!important; /*禁止IOS调整字体大小*/

}

打电话，发短信、发邮件

<_a href=”tel:020-10086″>打电话给:020-10086

<_a href=”sms:10086″>发短信给: 10086

<_a href=”mailto:me@22278.club”>发送邮件: mine@ismyspace.com

css省略号：

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

备注：注意css 已经能够实现多行省略号，但是只能webkit用所以没太大意义不说。

css三角形

border-width: 10px 10px 10px 0; //左箭头

border-color: transparent #fff;

border-style: solid;

width: 0;

盒模型代码简写

盒模型外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。

拿margin示例：

margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/

1、如果top、right、bottom、left的值相同，如下面代码：

margin:10px 10px 10px 10px;

可缩写为：

margin:10px;

2、如果top和bottom值相同、left和 right的值相同，如下面代码：

margin:10px 20px 10px 20px;

可缩写为：

margin:10px 20px;