2016.05 第二周 群问题分享
HTML+CSS
如何实现360浏览器默认为极速模式打开网页
2016.05.09~2016.05.13
核心概念
meta参数设置
参考答案
<meta name="renderer" content="webkit">国内主流浏览器大部分都是双核浏览器：基于webkit内核来渲染主流的网站；基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，优先通过webkit内核渲染主流网站，只有小量的网站通过IE内核渲染，以保证页面兼容。
只要在网站里增加一个meta标签，告诉360浏览器这个网站应该用哪个内核渲染，那么360浏览器就会读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有的网站。在meta标签中添加一行代码：<meta name="renderer" content="webkit|ie-comp|ie-stand">content的取值为webkit/ie-comp/ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
input设置为type=number，如何实现点击一次加0.01？
2016.05.09~2016.05.13
核心概念
input标签step属性
参考答案
<input type="number" step="0.01" />input的step属性默认值是1；
关于step，我在这里做简单的介绍，input 中type=number，一般会自动生成一个上下箭头，点击上箭头默认增加一个step，点击下箭头默认会减少一个step。设置step=0.01，可以允许输入2位小数，并且点击上下箭头分别增加0.01和减少0.01。
假如step和min、max一起使用，那么数值必须在min和max之间。
<input type="number" step="3.1" min="1" />首先，最小值是1，那么可以输入1.0，第二个是可以输入（1+3.1）那就是4.1，以此类推，每次点击上下箭头都会增加或者减少3.1。
如果想了解关于表单的其他问题，可以在HTML5学堂官网搜索“form表单”，进一步深入了解。
JavaScript
input设置为type=number，maxlength属性不能用
2016.05.09~2016.05.13
核心概念
获取标签的内容、字符串方法
参考答案
用JS获取
<input type="number" oninput="checkTextLength(this, 10)>
<script type="text/javascript">
function checkTextLength(obj, length) {
if(obj.value.length > length) {
obj.value = obj.value.substr(0, length);
}
};
</script>在移动端 HTML5 audio autoplay 怎么不生效？怎么解决？
2016.05.09~2016.05.13
核心概念
用户通过touchstart，触发播放并暂停
参考答案
<script type="text/javascript">
document.addEventListener('touchstart', function () {
document.getElementsByTagName('audio')[0].play();
document.getElementsByTagName('audio')[0].pause();
});
</script>在移动端，由于自动播放网页中的音频或视频，会给用户带来一些困扰或者不必要的流量消耗，所以苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放，必须由用户来触发才可以播放。先通过用户 touchstart 触碰，触发播放并暂停（音频开始加载，后面用 JS 再操作就没问题了）。
怎么截取字符串var str = "2016-05-14"中的05?
2016.05.09~2016.05.13
核心概念
字符串方法
参考答案
str.substring(5, 7)；
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substring()语法：stringObject.substring(start, stop)；返回值是一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。
HTML5学堂小编 - 陈林 耗时4h