上周需要做一个把页面左侧列表内容拖拽到右侧区域，并且绘制成关系树的功能。 看了设计图，第一反应是用canvas绘制关系线。 吭哧吭哧搞定这个功能后，发现用canvas绘图，有一个很...

html5自带表单验证 很多朋友进行表单验证的时候，都是自己用jquery或者js手工验证，或者用一下jquery插件进行验证。因为大家觉得html5自带验证不是很好！其实，现在html5自带表单验证，...

XMLHttpRequest 是一个浏览器接口，通过它，我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一种常用的前后台交互数据的方式。2008年 2 月，XMLHttpRequest Level 2 草案提...

在家休陪产假，无聊，看自己以前的项目，突然发现之前写的购物车都是用数据库实现的，数据库实现购物车原则上没什么问题，但是需要和数据库交互，这样无意之间降低了程序的效...

废话不多说了，直接给大家贴代码了，具体代码所示： !DOCTYPE html html lang=en head meta charset=UTF-8 meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no / tit...

前言 什么是HTML5:HTML5 是下一代的HTML,将成为 HTML、XHTML 以及 HTML DOM 的新标准。今天来谈谈前端面试中基本上每次一面的时候都会被问到的一个问题，那就是html5的新特性。这个是学习前...

最近做项目为了解决全局异常信息记录，研究了一下浏览器全屏截图功能，方便用户发现异常时能够快速截图发给管理员。最终记录的异常信息如下，上面的【截图报告管理员】就是使...

因为今天8月28日就是中国的情人节七夕，作为程序猿一枚的我就只有在家敲代码咯！但我还是有一颗脱单的心；制作了h5+css+js界面祝小伙伴们：七夕快乐 具体的功能有： 1.下雪的背景动...

最近项目中需要实现一个下载图片的功能(如下图) 一开始考虑使用a标签的download属性进行下载： a href=图片src download=下载海报下载海报/a 但是通过测试，发现再safari中，下载的文件不能...

用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrom...

前言 最近看到两个好玩的 demo，效果图如下： 今天趁着周末有空，用 H5 的 Canvas 仿了一下。这篇文章只实现第一个效果图。 这是我实现的效果： 实现原理 实现原理是参考简书的那篇文...

废话不多说了，直接给大家贴代码了，具体代码如下所示： div class=loading p100span/span/p/div *{margin:0;padding:0;} .loading{ height:100%;width:100%;position:fixed;background:rgba(255,255,255,1); } .loading p{positio...

SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形...

专用 Web Worker (Dedicated Web Worker) 提供了一个简单的方法使得 web 内容能够在后台运行脚本。一旦 worker 创建后，它可以向由它的创建者指定的事件监听函数传递消息，这样该 worker 生成的...

一、html5技术优势 1 关于视频不用插件播放，点击就能看 2 跨平台、好升级、好维护，开发成本相对原生APP低很多 3 对移动的良好支持，支持手势，本地存储和视频续播等，通过H5就可以...

拖放（Drag 和 drop）是 html5 标准的组成部分。 浏览器支持 Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 被拖元素，dragElement : 1、添加事件： ondragstart 2、添加属性： d...