首页 html5

html5

  • HTML5常用标签解析

    HTML5常用标签解析

    今天忽然发现以前没有写过html5标签的文章,今天补写一个。在说到这里,首先得说说HTML5的用途,在近几年做的案列中发现HTML5主要针对移动端,因为移动端浏览器的内核基本上是一致的,即Webkit,PC这里相对较少。移动端的项目大概分为三种:原生App(native app):ios和android,优势在于性能高,3d游戏等什么都可以做,但是缺点在于需要团队庞大,人力成本过高,开发周期长。webApp:由html+css+js编写的app,开发周期短,迭代速度快,缺点是性能不高,达不到预期标准,只能依赖浏览器...

    HTML5 2016-03-23 770 0 html5移动端
  • canvas,svg,vml绘图插件

    canvas,svg,vml绘图插件

    看见标题中出现了一个vml,这个很多人不是很熟悉,在这里先简单讲解一下vml的相关知识点5,6vml全名 vector mark language  矢量标记语言微软自带的画笔工具vml出现的时间比较早,早在IE5,6,7的时候被用过,IE8不兼容如果想让IE8也兼容的话,需要加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />vml的基本绘图流程:首...

    js插件 2016-02-29 1491 0 html5svgcanvas
  • svg全面剖析

    svg全面剖析

    SVG基础今天说一下svg,在探讨svg的时候先提一下canvas,虽然canvas的性能高,但是canvas也存在不少缺点,比如canvas画出的图形放大会失真,canvas是位图不擅长交互处理(点击等)没有属性和样式    因此canvas擅长做游戏svg是矢量图,    1.放大不会失真    2.性能一般    3.擅长做交互(图表,点击) ...

    HTML5 2016-02-17 735 0 html5svg
  • canvas高级部分--事件,阴影,渐变,图片操作

    canvas高级部分--事件,阴影,渐变,图片操作

    canvas事件canvas画出来的图形都是一堆的像素点,因此事件都是以检测像素点的方式添加。矩形:坐标和四个边检查,判断当前点是否在矩形上圆:距离和半径作比较矩形检测<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     &l...

    HTML/CSS 2016-01-03 798 0 html5canvas
  • canvas中级部分--运动,弧度,文字,变形

    canvas中级部分--运动,弧度,文字,变形

    canvas运动 本质是一堆像素点的运动,需要用到定时器setInterval及gd.clearRect(x,y,w,h); 原理是先擦除,在重新绘画,这不需要考虑性能,因为canvas的性能相当高。定时器这里给的时间是60fps,保证canvas运动基本流畅*帧频高帧   1000/60 =16 ms低帧    30ms此处是关于运动的演示:<!DOCTYPE html> <html lang="en"&...

    HTML/CSS 2016-01-02 2280 0 canvashtml5
  • 移动WEB前端开发资源整合

    移动WEB前端开发资源整合

    meta篇1.视窗宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中 width=device-width 是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如:width=640 则是640px的宽度(常见于微信);initial-scale=...

  • 移动端布局方式----热门贴

    移动端布局方式----热门贴

    今天给大家讲一下移动端的布局,移动端布局考虑的因素不同于PC端浏览器兼容,而是更为严谨的手机分辨率适配问题,关于这个就不叫蛋疼了,下面说一下在移动端布局前,需要掌握的一些必备知识。必备知识PC盒子模型:    盒子宽度 = width+padding+border移动端布局新增了一个css3属性box-sizing,解决了这个问题    box-sizing:border-box;   padding,border向...

  • Html5获取地理位置应用--webApp定位当前城市接口

    Html5获取地理位置应用--webApp定位当前城市接口

    在做移动端开发中,难免会使用使用地理位置这一项功能,然而在原生的Html5中的navigator.geolocation,只能获取经纬度。    用法:    navigator.geolocation  兼容高版本浏览器    .getCurrentPosition(fnSucc,fnFail)        必须要用于允许   &nb...

    HTML5 2015-07-29 3008 0 html5定位
  • HTML5几个常用的小例子

    HTML5几个常用的小例子

        今天整理了几个HTML5的小demo,平常工作中大都会遇到这些,包括:移动端的轮播图,HTML5写的拖拽,CSS3的3D效果,简单canvas,简单的CSS3的常见效果等,不废话,请看下面的演示吧,部分仅支持手机查看...

    HTML5 2015-07-21 889 0 html5csswebapp
  • 移动端开发-设备像素比devicePixelRatio简单介绍

    移动端开发-设备像素比devicePixelRatio简单介绍

      本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。  本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的。  一、定义  定义如下:  window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips...