2019-10-10html5阅读(1168)
本文介绍HTML5新特性，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储等
2019-09-03html5阅读(947)
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框(box，也译为“盒子”)。但是不同的元素显示的方式会有所不同，例如
2019-08-26html5阅读(940)
面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获...
2019-08-22html5阅读(1543)
本文简介 在本文中，您将使用最新的 Web 技术开发 Web 应用程序。这里的大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 发人员的核心技术。所需的最重要的工具是用于进行测试的浏览器。本文大部分代码将在最新桌...
2019-08-22html5阅读(919)
本文简介 在本文中，您将使用最新的 Web 技术开发 Web 应用程序。这里的 大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 开发人员的核心技术。所需的最重要的工具是用于进行测试的浏览器。本文大部分代码将在最...
2019-08-22html5阅读(786)
本文简介 在本文中，您将使用最新 Web 技术开发 Web 应用程序。这里的大多数代码只是 HTML、JavaScript 和 CSS — 任何 Web 开发人员的核心技术。需要的最重要的东西是用于测试代码的浏览器。本文中的大多数代码将运行...
2019-08-22html5阅读(708)
本文简介 常用缩略语 在本文中，您将使用最新 Web 技术开发 Web 应用程序。这里的大多数代码只是 HTML、JavaScript 和 CSS — 任何 Web 开发人员的核心技术。需要的最重要的东西是用于测试代码的浏览器。本文中的大多...
2019-08-22html5阅读(809)
本文简介 本文中，您将使用最新的 Web 技术开发 Web 应用程序。这里大多数代码是 HTML、JavaScript 和 CSS — 所有 Web 开发的核心技术。您最需要的东西是用来测试的浏览器。对于本文，强烈建议您使用 Mozilla...
2019-08-20html5阅读(851)
一个简单的高性能懒加载实例，为了节约 window.onscroll的次数 ,提高性能, 设计了函数节流和函数防抖两种模式。 1.简单懒加载 这里有坑请注意!!! 如果复制上面的代码,首次加载进页面发现所有图片均已经加载完毕,没有实现懒加载...
2019-08-20html5阅读(1185)
作为网页内容的一部分，图像和视频通常要消耗很多资源加载。要提高网页应用的性能，如何避免资源浪费在加载图像和视频上就很重要了。但是，很多时候我们都不愿意减少网页上的媒体资源，所以我们经常无从下手。幸运的是，我们有懒加载这个绝招，它可以帮助我们...
2019-08-20html5阅读(2599)
一、什么是图片懒加载 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次)，当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。 俗一...
2019-08-19html5阅读(960)
懒加载简介 什么是图片懒加载 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 什么时候用懒加载 当页面...
2019-08-19html5阅读(3069)
在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技...
2017-01-19html5阅读(6695)
如何使用GoEasy实现PHP与Websocket实时通信 实现步骤如下： 1. 获取GoEasy appkey. 在goeasy官网上注册一个账号，并新建一个app. APP创建好后系统会为该app自动生成两个key, 一个既可以用来接收...
2016-12-15html5阅读(5492)
Accelerometer模块管理设备加速度传感器，用于获取设备加速度信息，包括x(屏幕水平方向)、y(垂直屏幕水平方向)、z(垂直屏幕平面方向)三个方向的加速度信息。通过plus.accelerometer获取设备加速度传感器管理对象。
2016-12-14html5阅读(4945)
开篇 学习任何一门编程语言，都会从hello world开始。对于一门从未接触过的语言，在短时间内我们都能用这种语言写出它的hello world。然而，对于hello world这个简单程序的内部运行机制，我相信还有很多人都不是很清楚。 ...
2016-12-08html5阅读(4188)
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时...
2016-12-06html5阅读(3641)
在几年前HTML5还没有流行的时候，我们的项目经理曾经向我提出这样一个需求：让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能：打开浏览器，登录，进入评审意见页，页面最下部有个方块区域，用户在这里...
2016-12-05html5阅读(3714)
这篇文章了我将介绍一下如何将一张图片拷贝到canvas里，以及反过来，如何将画布内容保存成图片格式。 使用JavaScript将图片拷贝进画布 要想将图片放入画布里，我们使用canvas元素的drawImage方法： // Converts...
2016-12-02html5阅读(3069)
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机...
2016-12-01html5阅读(2663)
起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的I...
2016-11-23html5阅读(2650)
之前在介绍HTML5 input新增的几种类型(数字、日期、颜色选取、范围)时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看，CSS3里提供了专门的规则属性来美化用placeholde...
2016-11-22html5阅读(3570)
你可能已经听说过，HTML5里引入了几种新的input类型。在HTML5之前，大家熟知的input类型包括：text(输入框)，hidden(隐藏域)，submit(提交按钮)等。而HTML5到来之后，新增的input类型包括：number...
2016-11-21html5阅读(2620)
这篇文章我们来看看什么是input输入框背景文字提示效果，如下图所示： 这种效果现在网上非常的普遍流行，但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式，不需要任何的JavaScript，只需要在你...
2016-11-21html5阅读(3133)
HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势，同时在智能手机和平板中也是开发利器。 在...
1
...
共 6 页
1834
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
