<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[蔡畅-HTML5工程师]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/caichang8</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; caichang8]]></copyright><item><title><![CDATA[我有故事，你有酒吗？]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/73849689</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/73849689</guid><author>caichang8</author><pubDate>Thu, 29 Jun 2017 11:57:22 +0800</pubDate><description><![CDATA[上班闲暇之余看了下大冰的《阿弥陀佛，么么哒》，其中一篇的故事名字为“我有故事，你有酒吗？”。文章开头醒目的写道“任何一种长期单一模式的生活，都是在对自己犯罪。明知有多项选择的权利却不主张，更是错上加错。谁说你没权利过上那样的生活：**既可以朝九晚五，又能浪迹天涯**。”]]></description><category></category></item><item><title><![CDATA[js正则表达式语法]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/51543158</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/51543158</guid><author>caichang8</author><pubDate>Tue, 31 May 2016 09:36:47 +0800</pubDate><description><![CDATA[1. 正则表达式规则
1.1 普通字符

    字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。

    举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。（注：下标从0开始还是从1开始，因当前编程]]></description><category></category></item><item><title><![CDATA[px、em和rem的区别和使用案例]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/50113803</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/50113803</guid><author>caichang8</author><pubDate>Mon, 30 Nov 2015 16:05:02 +0800</pubDate><description><![CDATA[由于最近在做公司移动项目的开发，所以在开始项目之前，我第一步要做的就是统一单位。在之前写PC端网站时，都是使用px作为长度单位，在接下来的手机项目中为了实现响应式开发，开始使用em，然后出现了一个可怕的问题，那就是当<input
 type="text">获得焦点时，整个页面会放大，至于为什么会出现这种情况，然后又该怎么解决呢？当初真的是弄得头都大了，后来没有办法，我的解决办法就是把会放大的页面]]></description><category></category></item><item><title><![CDATA[利用HTML5分片上传超大文件]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49947135</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49947135</guid><author>caichang8</author><pubDate>Fri, 20 Nov 2015 15:16:12 +0800</pubDate><description><![CDATA[在网页中直接上传大文件一直是个比较头疼的问题，主要面临的问题一般包括两类：一是上传时间长中途一旦出错会导致前功尽弃；二是服务端配置复杂，要考虑接收超大表单和超时问题，如果是托管主机没准还改不了配置，默认只能接收小于4MB的附件。

比较理想的方案是能够把大文件分片，一片一片的传到服务端，再由服务端合并。这么做的好处在于一旦上传失败只是损失一个分片而已，不用整个文件重传，而且每个分片的大小可以控]]></description><category></category></item><item><title><![CDATA[WebSocket 实战]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49943687</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49943687</guid><author>caichang8</author><pubDate>Fri, 20 Nov 2015 10:18:48 +0800</pubDate><description><![CDATA[本文介绍了 HTML5 WebSocket 的由来，运作机制及客户端和服务端的 API 实现，重点介绍服务端（基于 Tomcat7）及客户端（基于浏览器原生 HTML5 API）实现的详细步骤；并通过实际客户案例描述了客户端如何在 WebSocket 架构下使用 HTTP 长连接与服务器实现实时通信及消息推送的功能，读者通过阅读本文中案例示例代码的实现，能够更深刻理解 WebSocket 框架的技术原理和开发方法。]]></description><category></category></item><item><title><![CDATA[html5桌面通知(Web Notifications)实例解析]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49796469</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49796469</guid><author>caichang8</author><pubDate>Thu, 12 Nov 2015 11:24:36 +0800</pubDate><description><![CDATA[通过Web Notifications（桌面通知系统），网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。
一、Notification API
在 Notification API 中会用到两个对象， notification 对象和NotificationCenter
 接口。

1、notification 对象
interfac]]></description><category></category></item><item><title><![CDATA[jQuery中wrap、wrapAll和wrapInner用法以及区别]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49779027</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49779027</guid><author>caichang8</author><pubDate>Wed, 11 Nov 2015 11:07:45 +0800</pubDate><description><![CDATA[wrap、wrapAll和wrapInner都是包裹节点，但是在使用的时候总是容易混淆，不太明白具体的区别。简单的来说；

wrap(): 将所有匹配元素单独包裹起来wrapAll(): 将所有匹配元素一起包裹起来wrapInner(): 将所有匹配元素的子内容包裹起来
这么官方的解释是不是脑袋还是云里雾里的呢？不用担心，看了下面这几个例子你就定能搞定~
源代码如下：

  苹果
  橘]]></description><category></category></item><item><title><![CDATA[xhEditor使用指南]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49757157</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49757157</guid><author>caichang8</author><pubDate>Tue, 10 Nov 2015 11:20:04 +0800</pubDate><description><![CDATA[在Web程序应用中，经常会有编辑文章等需求。为了文章的排版布局如word文档编辑器一样美观方便，如：加粗、下划线、左右对齐等等，以使文字信息能够更形象更美观的传达给阅读者，同时也提高信息发布的工作效率。在这个需求的背景下，HTML在线编辑器就应运而生了。
1、导入JS库

您可以访问xhEditor官方网站下载最新版本的xhEditor编辑器，xhEditor官方网站地址为：http://x]]></description><category></category></item><item><title><![CDATA[jQuery  ColorBox弹出窗口插件]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49662739</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49662739</guid><author>caichang8</author><pubDate>Thu, 05 Nov 2015 14:53:10 +0800</pubDate><description><![CDATA[一、Colorbox插件介绍

ColorBox是一个基于jQuery 1.3 的轻量级，在压缩后只有10K的大小，自定义灯箱插件，功能非常强大，支持图片，图片组，ajax，inline和iframed内容，灯箱样式完全由用户控制，可自定义CSS样 式，不需要改写ColorBox库文件就能重写展示效果设置，支持加载预处理提示等等。



Colorbox项目的主页地址是：http://]]></description><category></category></item><item><title><![CDATA[如何使用swfobject（中文版）]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49660573</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49660573</guid><author>caichang8</author><pubDate>Thu, 05 Nov 2015 11:35:22 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[表单验证插件jquery.validate.js]]></title><link>https://blog.youkuaiyun.com/caichang8/article/details/49660551</link><guid>https://blog.youkuaiyun.com/caichang8/article/details/49660551</guid><author>caichang8</author><pubDate>Thu, 05 Nov 2015 11:33:22 +0800</pubDate><description><![CDATA[最近进行的项目中需要用到jquery.validate.js这个插件，所以就整理了一下demo，给项目组的成员进行培训了解该插件的用法。所以在本篇文章中我会详细的讲解具体用法。

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个]]></description><category></category></item></channel></rss>