2015年11月_caichang8

原创 px、em和rem的区别和使用案例

由于最近在做公司移动项目的开发，所以在开始项目之前，我第一步要做的就是统一单位。在之前写PC端网站时，都是使用px作为长度单位，在接下来的手机项目中为了实现响应式开发，开始使用em，然后出现了一个可怕的问题，那就是当<input type="text">获得焦点时，整个页面会放大，至于为什么会出现这种情况，然后又该怎么解决呢？当初真的是弄得头都大了，后来没有办法，我的解决办法就是把会放大的页面

2015-11-30 16:05:02 4757 1

转载利用HTML5分片上传超大文件

在网页中直接上传大文件一直是个比较头疼的问题，主要面临的问题一般包括两类：一是上传时间长中途一旦出错会导致前功尽弃；二是服务端配置复杂，要考虑接收超大表单和超时问题，如果是托管主机没准还改不了配置，默认只能接收小于4MB的附件。比较理想的方案是能够把大文件分片，一片一片的传到服务端，再由服务端合并。这么做的好处在于一旦上传失败只是损失一个分片而已，不用整个文件重传，而且每个分片的大小可以控

2015-11-20 15:16:12 1109

本文介绍了 HTML5 WebSocket 的由来，运作机制及客户端和服务端的 API 实现，重点介绍服务端（基于 Tomcat7）及客户端（基于浏览器原生 HTML5 API）实现的详细步骤；并通过实际客户案例描述了客户端如何在 WebSocket 架构下使用 HTTP 长连接与服务器实现实时通信及消息推送的功能，读者通过阅读本文中案例示例代码的实现，能够更深刻理解 WebSocket 框架的技术原理和开发方法。

2015-11-20 10:18:48 727

原创 html5桌面通知(Web Notifications)实例解析

通过Web Notifications（桌面通知系统），网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。一、Notification API在 Notification API 中会用到两个对象， notification 对象和NotificationCenter 接口。1、notification 对象interfac

2015-11-12 11:24:36 2708 1

原创 jQuery中wrap、wrapAll和wrapInner用法以及区别

wrap、wrapAll和wrapInner都是包裹节点，但是在使用的时候总是容易混淆，不太明白具体的区别。简单的来说；wrap(): 将所有匹配元素单独包裹起来wrapAll(): 将所有匹配元素一起包裹起来wrapInner(): 将所有匹配元素的子内容包裹起来这么官方的解释是不是脑袋还是云里雾里的呢？不用担心，看了下面这几个例子你就定能搞定~源代码如下：苹果橘

2015-11-11 11:07:45 559

原创 xhEditor使用指南

在Web程序应用中，经常会有编辑文章等需求。为了文章的排版布局如word文档编辑器一样美观方便，如：加粗、下划线、左右对齐等等，以使文字信息能够更形象更美观的传达给阅读者，同时也提高信息发布的工作效率。在这个需求的背景下，HTML在线编辑器就应运而生了。1、导入JS库您可以访问xhEditor官方网站下载最新版本的xhEditor编辑器，xhEditor官方网站地址为：http://x

2015-11-10 11:20:04 1443

原创 jQuery ColorBox弹出窗口插件

一、Colorbox插件介绍ColorBox是一个基于jQuery 1.3 的轻量级，在压缩后只有10K的大小，自定义灯箱插件，功能非常强大，支持图片，图片组，ajax，inline和iframed内容，灯箱样式完全由用户控制，可自定义CSS样式，不需要改写ColorBox库文件就能重写展示效果设置，支持加载预处理提示等等。Colorbox项目的主页地址是：http://

2015-11-05 14:53:10 1500

转载如何使用swfobject（中文版）

1.SWFObject是什么?SWFObject 2提供两种优化flash播放器的嵌入方法：基于标记的方法和依赖于js的方法。SWFObject 2提供一个js的API,为嵌入SWF文件和获取Flash播放器的相关信息提供了一个完整的工具箱。只用了一个很小的js文件 (10Kb / GZIPed: 3.9Kb)。是SWFObject 1.5, UFO and the Adobe Fla

2015-11-05 11:35:22 746

原创表单验证插件jquery.validate.js

最近进行的项目中需要用到jquery.validate.js这个插件，所以就整理了一下demo，给项目组的成员进行培训了解该插件的用法。所以在本篇文章中我会详细的讲解具体用法。jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个

2015-11-05 11:33:22 534

蔡畅-HTML5工程师