小技巧

cordova与css结合实现在android上透明状态栏兼容齐刘海等异形屏

应该会有人觉得百度(google)有的东西为什么我会写出来?有我还写啥啊~手上有一个项目,是用cordova+vue的,这个不是重点,由于ios的app上架比较困难,所以优先上架android。因为习惯了在ios上透明状态栏的样式,在android上也想拥有。得赖于ios的css中safe-area-inset-*的属性,可以在cordova的ios端结合c …

html5中判断用户是否正在浏览页面方法

现在,html5里页面可见性接口就提供给了程序员一个方法,让他们使用visibilitychange页面事件来判断当前页面可见性的状态,并针对性的执行某些任务。同时还有新的document.hidden属性可以使用。document.hidden这个新出现的document.hidden属性,它显示页面是否为用户当前观看的页面,值为ture或false。do …

HTML5表单之新的表单元素

三、 新的表单元素除了之前提到的对于input元素新增的类型和属性之外,html5还新增了几个有用的元素。下面也来介绍一下。1、 meter--显示度量这个元素的应用很简单,只需要定义这样一个标签就可以<meter value=”百分比”><meter>其中百分比可以通过js计算出来再动态的改变标签的va …

HTML5表单之input attribute

二、表单元素的属性除了上面的新的类型以外,html5还为表单元素提供了一些新的属性,使得之前只能通过js完成的工作同样可以依靠html就能完成。1、  autofocus(自动聚焦)属性相信很多攻城湿们在写表单的时候,都会被PM要求页面载入之后需要将焦点默认指向第一个需要填写的元素上,通常的方法都是$.focus(),现在有了html5,就不用这么 …

HTML5表单之input type

HTML5规范中,关于表单的内容占了很大一部分,因为我们平时浏览网页的时候用到表单的地方很多,在这之前,我们对于表单元素的操作往往是通过大量的JS来进行的,比如表单验证,比如时间选择等等,虽然现在有很多关于表单操作的插件,诸如jquery.validate.js,my97datepicker.js等,但是插件所带来的流量对于许多追求高效的攻城湿们来说是很难忍 …

Chrome 控制台新玩法-console显示图片以及为文字加样式

 在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下:在输出信息前面会有一个带感叹号的黄色三角警告符号。似乎比一般的console信息要友好得多了。虽然图标是黄色的,但输出的文字仍然是 …

前端不为人知的一面--前端冷知识集锦

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行 …

返回顶部的插件

今天没事情干,写了一个返回顶部和到页面底部的插件,直接页面引入JS即可, 没有加配置文件,有定制需要的直接改js吧效果就是网站右下的那个。<script src="..jstopdown.js" type="textjavascript"><script>JS代码如 …

Jquery Ajax提交

Query的serialize()方法通过序列化表单值,创建URL编码文本字符串,处理中文不会乱码,就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:<form action="">First name:<input name="fname" value="hou" …