前端

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等,但是插件所带来的流量对于许多追求高效的攻城湿们来说是很难忍 …

CSS3 渐变(Gradients)

CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。CSS3 定义了两种类型的渐变(gradients):线性渐 …

初识HTML5

 一、结构的精简    一个HTML5文档的最简单结构是:<!DOCTYPE html><html>    <head>    <meta charset=”UTF-8”>  …

HTML5插件之jquery-drawsvg

在html5中,有许多插件,今天小编就为大家分享众多插件中的jquery-drawsvg插件。jquery-drawsvg是什么插件呢?其实,jquery-drawsvg是一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件。该插件使用jQuery内置的动画引擎来使SVG元素中path元素产生动画,其底层实现使用的是stroke-dasharra …

电子邮件营销(EDM)邮件页面制作要注意的几点

1.页面宽度固定,不要太大,推荐500px,最大不要超过750px;2.制作HTML的email页面时,不使用css+div来布局,最好使用table表格来布局,而且<table><table>以外的body、meta和html之类的标签是可以无视的,邮箱系统里会把这些过滤掉,所以不用写这些;3.定义文字或图片的样式时,不要使用外链的 …

前端开发总结(四)

图片最好一种类型的背景图片可以放在一个png里面,且该图片不用repeat,使用background-position来展示,比如左右箭头(可点击与不可点击)全局性的图片,比如loading图,背景图等可以在用户登录页面预先加载,提高用户体验。页面布局酌情考虑是用table还是ul还是div,且在定宽之前要以需显示最多字符的情况为参考要注意的是在EDM(电子 …