达永编程网

程序员技术分享与交流平台

移动WebApp高性能解决方案——MIP

介绍

MIP(Mobile Instant Pages - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。




HTML5 之拖放(Drag 和 Drop)

简介拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。先点击一个小例子:在用户开始拖动 <p> 元素时执行 JavaScript<p draggable="true" ondragstart="myfunction(event)">拖动我</p

前端开发中79条不可忽视的知识点汇总



过往一些不足的地方,通过博客,好好总结一下。

1.css禁用鼠标事件

Web页面如此耗电!到了某种程度,会是大损失



现在用户上网大多使用移动设备或者笔记本电脑。对这两者来说,电池寿命都很重要。在这篇文章里,我们将讨论影响电池寿命的因素,以及作为一个web开发者,我们如何让网页耗电更少,以便用户有更多时间来关注我们的内容。

是什么在耗电?

移动设备的电力消耗有以下几个因素:

前端里的拖拖拽拽

最近在项目中使用了 react-dnd,一个基于 HTML5 的拖拽库,“拖拽能力”丰富了前端的交互方式,基于拖拽能力,会扩展各种各样的拖拽反馈效果,因此有必要学习了解,最好的学习方式就是实操!

网站都变成灰色,几行代码就搞定了


大家看到网站的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢?

五步做一个高保真可交互原型-Principle教程

这篇教程要介绍的案例是:App界面上调整时间的可交互原型。我们先看一下效果:

这个案例用的是Principle这款软件做的。Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型,这样就可以作为最小可行性产品(mvp),在正式开发前就进行用户调查、可用性测试。

Principle有如下几大优点:

  • 容易上手;
  • 支持从sketch导入素材,极大的节约时间;
  • 可以随时查看效果 ;

30种CSS3动画特效按钮

不论是设计还前端开发,设计和制作个特效按钮,对于他们来说,是习以为常的事情,下面是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框,文本动画以及流光动画效果,各种效果都非常有创意。

演示地址:
http://www.htmleaf.com/Demo/201510282718.html

使用方法

计算IE的旋转角度与滤镜详解

在IE中使用CSS3的旋转效果是不能实现的,但是我又想把IE旋转效果跟其他浏览使用CSS3 rotate(deg) 一样。那怎么办呢。我在找了一下,发现IE里面有一款滤镜,可以实现旋转角度。代码如下:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678);

H5网页布局+css代码美化,零基础参考

HTML5的结构化标签,对搜索引擎更友好

li 标签对不利于搜索引擎的收录,尽量少用

banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li

<samp></samp>可用于浅色副标题

display:inline-block; 每个导航块存在水平间隙,解决方法是在父元素上添加font-size:0;


控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言