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

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2016-05-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏不想当开发的产品不是好测试

Vue.js 入门

背景 为了学习spring,准备写一个通讯录demo,实现增删改查功能。 前端页面同事推荐用vue.js,因为简单快速,当然前提是基于你对前端的html,css...

2405
来自专栏SHERlocked93的前端小站

Vue源码阅读 - 文件结构与运行机制

vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,另外最近的社区涌现了一大票vue源码阅读类的文章,在...

743
来自专栏后端技术探索

2分钟夜读学习:设置图片加载失败时的默认图片

通过程序执行就行呗,程序有时候可能考虑不到这个问题,每次去判断图片是否存在也太麻烦了。最简单的就是通过图片配置实现。

654
来自专栏xingoo, 一个梦想做发明家的程序员

基于RequireJS和JQuery的模块化编程——常见问题解析

由于js的代码逻辑越来越重,一个js文件可能会有上千行,十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块,在一顿纠结是使用requirejs还是sea...

19310
来自专栏小狼的世界

Silverlight学习笔记:改变控件的样式

Silverlight的控件都具有MS为我们赋予的默认样式,虽然这个样式也不怎么难看,但任何产品都很少用这个默认的样式去做最后的呈现,所以我们就需要对其进行修改...

631
来自专栏coolblog.xyz技术专栏

MyBatis 源码分析系列文章合集

我从七月份开始阅读MyBatis源码,并在随后的40天内陆续更新了7篇文章。起初,我只是打算通过博客的形式进行分享。但在写作的过程中,发现要分析的代码太多,以至...

1846
来自专栏PHP实战技术

Html小知识总结

1、跳出新页面: <basetarget=”_blank”>target="_self"不跳转 <form action="xxx.htm" target="_...

30811
来自专栏Django中文社区

页面侧边栏:使用自定义模板标签

我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云。这些内容相对比较固定,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取然后传递给...

3196
来自专栏偏前端工程师的驿站

前端魔法堂:onsubmit和submit事件处理函数怎么不生效呢?

前言  最近在用Polymer增强form,使其支持表单的异步提交,但发现明明订阅了onsubmit和submit事件,却怎么也触发不了。下面我们将一一道来。 ...

1857
来自专栏大内老A

ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现

在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后,我们来介绍ASP.NET MVC是如何利用它实现客户端验证的。...

1856

扫码关注云+社区