博客园 - CatherineGao
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=178281
2015-09-07T08:20:49Z
CatherineGao
https://www.cnblogs.com/gaoxue/
feed.cnblogs.com
https://www.cnblogs.com/gaoxue/p/4789185.html
100行代码实现现代版Router - CatherineGao
原文:http://www.html-js.com/article/JavaScript-version-100-lines-of-code-to-achieve-a-modern-version-of-Router当前到处可见单页应用,而对于单页应用来说我们必须有一个有效的路由机制。像Emberj...
2015-09-07T08:21:00Z
2015-09-07T08:21:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://www.html-js.com/article/JavaScript-version-100-lines-of-code-to-achieve-a-modern-version-of-Router当前到处可见单页应用,而对于单页应用来说我们必须有一个有效的路由机制。像Emberj... <a href="https://www.cnblogs.com/gaoxue/p/4789185.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4668322.html
gulp plugins 插件介绍 - CatherineGao
原文:http://ju.outofmemory.cn/entry/103253鸟窝 2014-11-28 3020 阅读gulpGulp是一个构建工具, 功能类似grunt, 以及Java生态圈的ant, maven, gradle等。 其它的javascript生态圈的构建工具可以参考: Lis...
2015-07-22T10:59:00Z
2015-07-22T10:59:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://ju.outofmemory.cn/entry/103253鸟窝 2014-11-28 3020 阅读gulpGulp是一个构建工具, 功能类似grunt, 以及Java生态圈的ant, maven, gradle等。 其它的javascript生态圈的构建工具可以参考: Lis... <a href="https://www.cnblogs.com/gaoxue/p/4668322.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4385033.html
呼起客户端 - CatherineGao
我的摄影作品 --> #黑科技# 跳出浏览器 张楠 ·7 个月前当移动浪潮来袭,不论是传统 PC 网站/应用,还是新兴的移动互联网,都一并蜂拥的走进用户的手机。提供一个便于手机浏览的 Web 页面,再造一个功能丰富的移动 App 成了每个产品的标配。提供移动 Web 页面,可以使得用户更易获取产...
2015-04-01T11:48:00Z
2015-04-01T11:48:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】我的摄影作品 --> #黑科技# 跳出浏览器 张楠 ·7 个月前当移动浪潮来袭,不论是传统 PC 网站/应用,还是新兴的移动互联网,都一并蜂拥的走进用户的手机。提供一个便于手机浏览的 Web 页面,再造一个功能丰富的移动 App 成了每个产品的标配。提供移动 Web 页面,可以使得用户更易获取产... <a href="https://www.cnblogs.com/gaoxue/p/4385033.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4344253.html
AMD与CMD的异同 - CatherineGao
AMD与CMD的异同?1、从官方推荐的写法上面得出:CMD ----- 依赖就近Js代码//CMDdefine(function(require,exports,module){vara=require('./a');a.doSomthing();});AMD ----- 依赖前置Js代码//AMD...
2015-03-17T06:08:00Z
2015-03-17T06:08:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】AMD与CMD的异同?1、从官方推荐的写法上面得出:CMD ----- 依赖就近Js代码//CMDdefine(function(require,exports,module){vara=require('./a');a.doSomthing();});AMD ----- 依赖前置Js代码//AMD... <a href="https://www.cnblogs.com/gaoxue/p/4344253.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4330739.html
gulp使用 - CatherineGao
原文:http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/原文:http://www.w3ctech.com/topic/134Building With Gulp=================...
2015-03-11T11:09:00Z
2015-03-11T11:09:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/原文:http://www.w3ctech.com/topic/134Building With Gulp=================... <a href="https://www.cnblogs.com/gaoxue/p/4330739.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4330728.html
看看别人的演讲 - CatherineGao
淘宝:http://www.w3cmark.com/2014/137.html
2015-03-11T10:55:00Z
2015-03-11T10:55:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】淘宝:http://www.w3cmark.com/2014/137.html <a href="https://www.cnblogs.com/gaoxue/p/4330728.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4330110.html
BigPipe学习研究 - CatherineGao
原文:http://www.searchtb.com/2011/04/an-introduction-to-bigpipe.html1. 技术背景 FaceBook页面加载技术试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒;同时另外一个网站提供了相似的服务,但响应时间只需3 ...
2015-03-11T07:43:00Z
2015-03-11T07:43:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://www.searchtb.com/2011/04/an-introduction-to-bigpipe.html1. 技术背景 FaceBook页面加载技术试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒;同时另外一个网站提供了相似的服务,但响应时间只需3 ... <a href="https://www.cnblogs.com/gaoxue/p/4330110.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4329623.html
JavaSript模块规范 - AMD规范与CMD规范介绍 - CatherineGao
原文:http://blog.chinaunix.net/uid-26672038-id-4112229.html原文:https://www.imququ.com/post/amd-simplified-commonjs-wrapping.htmlJavaSript模块化 在了解AMD,CMD规...
2015-03-11T05:15:00Z
2015-03-11T05:15:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://blog.chinaunix.net/uid-26672038-id-4112229.html原文:https://www.imququ.com/post/amd-simplified-commonjs-wrapping.htmlJavaSript模块化 在了解AMD,CMD规... <a href="https://www.cnblogs.com/gaoxue/p/4329623.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4268579.html
WebSocket - CatherineGao
WebSocket API简介首先看一段简单的javascript代码,该代码调用了WebSockets的API。var ws = new WebSocket(“ws://echo.websocket.org”); ws.onopen = function(){ws.send(“Test!”); ...
2015-02-02T12:21:00Z
2015-02-02T12:21:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】WebSocket API简介首先看一段简单的javascript代码,该代码调用了WebSockets的API。var ws = new WebSocket(“ws://echo.websocket.org”); ws.onopen = function(){ws.send(“Test!”); ... <a href="https://www.cnblogs.com/gaoxue/p/4268579.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4213085.html
图片链接转成base64 - CatherineGao
一半需要我的图像转换为base64字符串,这样我们可以把我的形象到服务器。现在我们提供一个js:function convertImgToBase64(url, callback, outputFormat){var canvas = document.createElement('CANVAS')...
2015-01-09T05:25:00Z
2015-01-09T05:25:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】一半需要我的图像转换为base64字符串,这样我们可以把我的形象到服务器。现在我们提供一个js:function convertImgToBase64(url, callback, outputFormat){var canvas = document.createElement('CANVAS')... <a href="https://www.cnblogs.com/gaoxue/p/4213085.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4208093.html
css3 animation - CatherineGao
详细参考:http://css.doyoe.com/是否回到初始状态: animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;animation-fill-mode : none | forwards | backwar...
2015-01-07T04:01:00Z
2015-01-07T04:01:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】详细参考:http://css.doyoe.com/是否回到初始状态: animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;animation-fill-mode : none | forwards | backwar... <a href="https://www.cnblogs.com/gaoxue/p/4208093.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4208055.html
Fiddler 教程 - CatherineGao
原文:http://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html#httpsFiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用F...
2015-01-07T03:50:00Z
2015-01-07T03:50:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html#httpsFiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用F... <a href="https://www.cnblogs.com/gaoxue/p/4208055.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4087861.html
android chrome iframe设置src属性无法启动app - CatherineGao
0x01 Android Intents with ChromeAndroid有一个很少人知道的特性可以通过web页面发送intent来启动apps。以前通过网页启动app是通过设置iframe的src属性,例如:此方法适用version 18或者更早版本。其他android浏览器也适用。 这个功能...
2014-11-10T11:06:00Z
2014-11-10T11:06:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】0x01 Android Intents with ChromeAndroid有一个很少人知道的特性可以通过web页面发送intent来启动apps。以前通过网页启动app是通过设置iframe的src属性,例如:此方法适用version 18或者更早版本。其他android浏览器也适用。 这个功能... <a href="https://www.cnblogs.com/gaoxue/p/4087861.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4087255.html
css 相对单位rem详解 - CatherineGao
CSS3新增了一个相对单位rem(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又...
2014-11-10T07:21:00Z
2014-11-10T07:21:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】CSS3新增了一个相对单位rem(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又... <a href="https://www.cnblogs.com/gaoxue/p/4087255.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4080886.html
移动端Web Meta标签 - CatherineGao
原文 http://blog.segmentfault.com/jianjian_532633/1190000000654839 添加到推刊 在介绍移动端特有 meta 标签之前,先简单说一下 HTML meta 标签的一些知识。meta 标签包含了 HTTP 标题信息 (http-equiv) ...
2014-11-07T03:36:00Z
2014-11-07T03:36:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文 http://blog.segmentfault.com/jianjian_532633/1190000000654839 添加到推刊 在介绍移动端特有 meta 标签之前,先简单说一下 HTML meta 标签的一些知识。meta 标签包含了 HTTP 标题信息 (http-equiv) ... <a href="https://www.cnblogs.com/gaoxue/p/4080886.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/4062047.html
cdn是什么和作用有些 - CatherineGao
步骤/方法1CDN (内容分发网络)1.CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,...
2014-10-30T02:54:00Z
2014-10-30T02:54:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】步骤/方法1CDN (内容分发网络)1.CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,... <a href="https://www.cnblogs.com/gaoxue/p/4062047.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/3885796.html
pushState onpopstate - CatherineGao
参考MDN: https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_history https://developer.mozilla.org/zh-CN/docs/Mozilla_event_r...
2014-08-01T12:27:00Z
2014-08-01T12:27:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】参考MDN: https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_history https://developer.mozilla.org/zh-CN/docs/Mozilla_event_r... <a href="https://www.cnblogs.com/gaoxue/p/3885796.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/3824683.html
HTML5 Form Data 对象的使用 - CatherineGao
HTML5 Form Data 对象的使用MDN: https://developer.mozilla.org/zh-CN/docs/Web/Guide/Using_FormData_Objects XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 Fo...
2014-07-04T08:55:00Z
2014-07-04T08:55:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】HTML5 Form Data 对象的使用MDN: https://developer.mozilla.org/zh-CN/docs/Web/Guide/Using_FormData_Objects XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 Fo... <a href="https://www.cnblogs.com/gaoxue/p/3824683.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/3824489.html
多图片上传 显示本地缩略图 - CatherineGao
原文:http://www.zhangxinxu.com/wordpress/2011/09/%E5%9F%BA%E4%BA%8Ehtml5%E7%9A%84%E5%8F%AF%E9%A2%84%E8%A7%88%E5%A4%9A%E5%9B%BE%E7%89%87ajax%E4%B8%8A%E4%...
2014-07-04T07:39:00Z
2014-07-04T07:39:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】原文:http://www.zhangxinxu.com/wordpress/2011/09/%E5%9F%BA%E4%BA%8Ehtml5%E7%9A%84%E5%8F%AF%E9%A2%84%E8%A7%88%E5%A4%9A%E5%9B%BE%E7%89%87ajax%E4%B8%8A%E4%... <a href="https://www.cnblogs.com/gaoxue/p/3824489.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/gaoxue/p/3806670.html
RequestAnimationFrame更好的实现Javascript动画 - CatherineGao
一直以来,JavaScript的动画都是通过定时器和间隔来实现的。虽然使用CSS transitions 和 animations使Web开发实现动画更加方便,但多年来以JavaScript为基础来实现动画却很少有所改变。直到Firefox 4的发布,才带来了第一种对JavaScript动画的改善的...
2014-06-24T10:16:00Z
2014-06-24T10:16:00Z
CatherineGao
https://www.cnblogs.com/gaoxue/
【摘要】一直以来,JavaScript的动画都是通过定时器和间隔来实现的。虽然使用CSS transitions 和 animations使Web开发实现动画更加方便,但多年来以JavaScript为基础来实现动画却很少有所改变。直到Firefox 4的发布,才带来了第一种对JavaScript动画的改善的... <a href="https://www.cnblogs.com/gaoxue/p/3806670.html" target="_blank">阅读全文</a>