搜索内容

HTML5教程
  • HTML5新特性(最全)
    HTML5教程

    HTML5新特性(最全)

    本文介绍HTML5新特性,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储等
    html5 2019年10月10日
  • 内联元素img、input为什么可以设置宽和高
    HTML5教程

    内联元素img、input为什么可以设置宽和高

    元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如<div>和<……
    html5 2019年9月3日
  • HTML/CSS浏览器页面回流和重绘
    HTML5教程

    HTML/CSS浏览器页面回流和重绘

    面呈现流程  在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的……
    html5 2019年8月26日
  • 第5部分:HTML5开发可视化UI应用程序编程界面
    HTML5教程

    第5部分:HTML5开发可视化UI应用程序编程界面

    本文简介 在本文中,您将使用最新的 Web 技术开发 Web 应用程序。这里的大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 发人员的核心技术。所需的最……
    html5 2019年8月22日
  • 第4部分:Web Workers加速移动Web应用程序
    HTML5教程

    第4部分:Web Workers加速移动Web应用程序

    本文简介 在本文中,您将使用最新的 Web 技术开发 Web 应用程序。这里的 大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 开发人员的核心技术。所需的……
    html5 2019年8月22日
  • 第3部分:HTML5移动Web应用程序离线工作
    HTML5教程

    第3部分:HTML5移动Web应用程序离线工作

    本文简介 在本文中,您将使用最新 Web 技术开发 Web 应用程序。这里的大多数代码只是 HTML、JavaScript 和 CSS — 任何 Web 开发人员的核心技术。需要的最……
    html5 2019年8月22日
  • 第2部分:HTML5移动Web应用程序的本地存储
    HTML5教程

    第2部分:HTML5移动Web应用程序的本地存储

    本文简介 常用缩略语 在本文中,您将使用最新 Web 技术开发 Web 应用程序。这里的大多数代码只是 HTML、JavaScript 和 CSS — 任何 Web 开发人员的核心……
    html5 2019年8月22日
  • 第1部分:使用 HTML 5、地理定位 API 和 Web 服务创建移动应用程序
    HTML5教程

    第1部分:使用 HTML 5、地理定位 API 和 Web 服务创建移动应用程序

    本文简介 本文中,您将使用最新的 Web 技术开发 Web 应用程序。这里大多数代码是 HTML、JavaScript 和 CSS — 所有 Web 开发的核心技术。您最需要的东西是……
    html5 2019年8月22日
  • 分步解析js原生实现高性能懒加载
    HTML5教程

    分步解析js原生实现高性能懒加载

    一个简单的高性能懒加载实例,为了节约 window.onscroll的次数 ,提高性能, 设计了函数节流和函数防抖两种模式。 1.简单懒加载 <!DOCTYPE html> <……
    html5 2019年8月20日
  • 图片和视频的懒加载是如何实现的?
    HTML5教程

    图片和视频的懒加载是如何实现的?

    作为网页内容的一部分,图像和视频通常要消耗很多资源加载。要提高网页应用的性能,如何避免资源浪费在加载图像和视频上就很重要了。但是,很多时候我们都不……
    html5 2019年8月20日
  • img 的data-src 属性及懒加载
    HTML5教程

    img 的data-src 属性及懒加载

    一、什么是图片懒加载 当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),当图片出……
    html5 2019年8月20日
  • 原生JS如何实现图片懒加载
    HTML5教程

    原生JS如何实现图片懒加载

    懒加载简介 什么是图片懒加载 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性……
    html5 2019年8月19日
  • 实现图片懒加载(lazyload)的两种方式
    HTML5教程

    实现图片懒加载(lazyload)的两种方式

    在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是……
    html5 2019年8月19日
  • 如何使用GoEasy实现PHP与Websocket实时通信
    HTML5教程

    如何使用GoEasy实现PHP与Websocket实时通信

    如何使用GoEasy实现PHP与Websocket实时通信 实现步骤如下: 1. 获取GoEasy appkey. 在goeasy官网上注册一个账号,并新建一个app. APP创建好后系统会为该app自……
    html5 2017年1月19日
  • Accelerometer—管理设备加速度传感器,获取设备加速度信息
    HTML5教程

    Accelerometer—管理设备加速度传感器,获取设备加速度信息

    Accelerometer模块管理设备加速度传感器,用于获取设备加速度信息,包括x(屏幕水平方向)、y(垂直屏幕水平方向)、z(垂直屏幕平面方向)三个方向的加速度信息。通过plus.accelerometer获取设备加速度传感器管理对象。
    html5 2016年12月15日
  • 从Hello World出发,详解程序运行机制
    HTML5教程

    从Hello World出发,详解程序运行机制

    开篇 学习任何一门编程语言,都会从hello world开始。对于一门从未接触过的语言,在短时间内我们都能用这种语言写出它的hello world。然而,对于hello world这……
    html5 2016年12月14日
  • HTML5的Link prefetch页面资源预加载技术加速页面加载
    HTML5教程

    HTML5的Link prefetch页面资源预加载技术加速页面加载

    不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快:使用……
    html5 2016年12月8日
  • PHP中的HTML5应用 将Canvas图像保存到服务器
    HTML5教程

    PHP中的HTML5应用 将Canvas图像保存到服务器

    在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件……
    html5 2016年12月6日
  • JS实现HTML5 Canvas图像数据和图片的互相转化
    HTML5教程

    JS实现HTML5 Canvas图像数据和图片的互相转化

    这篇文章了我将介绍一下如何将一张图片拷贝到canvas里,以及反过来,如何将画布内容保存成图片格式。 使用JavaScript将图片拷贝进画布 要想将图片放入画布里,……
    html5 2016年12月5日
  • 使用HTML5技术控制电脑或手机上的摄像头
    HTML5教程

    使用HTML5技术控制电脑或手机上的摄像头

    移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上。其中一个应用接口……
    html5 2016年12月2日
  • IE6,7,8支持HTML5/CSS3网站的三种有效途径
    HTML5教程

    IE6,7,8支持HTML5/CSS3网站的三种有效途径

    起初,IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后,它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战,但事实情……
    html5 2016年12月1日
  • HTML5 placeholder美化input背景提示文字
    HTML5教程

    HTML5 placeholder美化input背景提示文字

    之前在介绍HTML5 input新增的几种类型(数字、日期、颜色选取、范围)时,曾实现了一些页面例子让大家参考,但这些例子里的背景文字都是灰色的,样式很单一,……
    html5 2016年11月23日
  • HTML5 input新增的几种类型(数字、日期、颜色选取、范围)
    HTML5教程

    HTML5 input新增的几种类型(数字、日期、颜色选取、范围)

    你可能已经听说过,HTML5里引入了几种新的input类型。在HTML5之前,大家熟知的input类型包括:text(输入框),hidden(隐藏域),submit(提交按钮)等。而HTML5到……
    html5 2016年11月22日
  • HTML5 Placeholder实现input背景文字提示效果
    HTML5教程

    HTML5 Placeholder实现input背景文字提示效果

    这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的。但HTML5给我们提供……
    html5 2016年11月21日
  • 用HTML5打造本地桌面应用
    HTML5教程

    用HTML5打造本地桌面应用

    HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌……
    html5 2016年11月21日