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
- 通过定制orabbix监控分析潜在的Oracle问题 (r6笔记第32天)
- 【C语言练手】C语言画太极图
- 关于奇怪的并行进程分析(一) (r6笔记第41天)
- 关于ora-02391问题的总结(r6笔记第40天)
- 一次数据库响应慢的问题诊断(r6笔记第39天)
- 贝叶斯分类器及Python实现
- R语言中文分词工具
- orabbix结合python发送图形报表(二) (r6笔记第38天)
- 14(01)正则表达式,Pattern,Mactcher,Math,BigInteger,BigDeximal,System等
- oracle的TAF浅析 (r6笔记第37天)
- R语言高级绘图命令(标题-颜色等)
- 14(02)正则表达式,Pattern,Mactcher,Math,BigInteger,BigDeximal,System等
- R语言 判别分析
- Apache、struts1、struts2文件上传下载的3种方式
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 杂谈小程序
- pytest封神之路第四步 内置和自定义marker
- (译)SDL编程入门(3)事件驱动编程
- 一个简单的Angular search UI实现
- (译)SDL编程入门(2)在屏幕上显示图像
- 【Vue进阶】手把手教你在 Vue 中使用 JSX
- (译)SDL编程入门(1)Hello SDL
- Django使用Channels实现websocket
- (译)SDL编程入门(6)扩展库SDL_image
- 牛客网剑指offer-2
- 牛客网剑指offer-1
- (译)SDL编程入门(5)Surface 优化和软拉伸
- (译)SDL编程入门(4)按键操作
- webpack实战——生产环境配置【中】
- MongoDB权威指南学习笔记(1)--基础知识与对文档的增删改查