Green's Blog

导航

 

2015年7月6日

摘要: 常用的调试工具有Chrome浏览器的调试工具,火狐浏览器的Firebug插件调试工具,IE的开发人员工具等。它们的功能与使用方法大致相似。Chrome浏览器简洁快速,功能强大这里主要介绍Chrome浏览器的调试工具。打开 Google Chrome 浏览器,通过下面任何一种方式进入开发人员工具:-点... 阅读全文
posted @ 2015-07-06 21:59 GreenBlog 阅读(201) 评论(0) 推荐(0) 编辑
 
摘要: 本文承接上一篇博文,上一篇博文介绍了跨域的相关概念、测试demo的相关配置和JSONP和CORS两种跨域方式的实现。本文主要介绍document.domain、URL.hash、cross-fragment、window.name和postMessage这五种方式的跨域实现。document.dom... 阅读全文
posted @ 2015-07-06 21:58 GreenBlog 阅读(274) 评论(0) 推荐(0) 编辑
 
摘要: 这几天看了鬼道师兄的《跨终端Web》这本书,该书从解决实际业务出发,讲述了跨终端的优势与未来,受益良多。其中,书中第九章介绍了作者在阿里内部的一个参赛作品Storage,该作品巧妙的使用了跨域知识,让我见识到跨域其实不仅仅是JSONP。以前,对前端跨域这块或多或少有点了解,但真正动手实践的不是很多。... 阅读全文
posted @ 2015-07-06 21:56 GreenBlog 阅读(1181) 评论(0) 推荐(0) 编辑
 
摘要: Meta标签:Crayon Syntax Highlighter v2.7.11[Format Time: 0.0019 seconds]这个想必大家都知道,当页面在手机上显示时,增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放... 阅读全文
posted @ 2015-07-06 21:41 GreenBlog 阅读(156) 评论(0) 推荐(0) 编辑
 
摘要: 这两天在熟悉kissy框架的时候,看到了Promise模块。Promise对于一个Jser并不陌生,Promise类似于一个事务管理器,它的作用就是将各种内嵌回调的事务用流水形式表达。利用Promise可以让异步编程更符合人的直觉,让代码逻辑更加清晰,把开发人员从回调地狱中释放出来。这么“高大上”的... 阅读全文
posted @ 2015-07-06 21:40 GreenBlog 阅读(5054) 评论(0) 推荐(1) 编辑
 
摘要: 对于传统的页面模型来说,数据的拉取+渲染模型如下:在页面的head部分,使用jsonp预拉取cgi资源,然后在资源加载完成之后,检查预拉取的数据是否已经返回,如果已返回,则直接用该数据渲染(避免了先用缓存数据渲染再用cgi数据渲染导致的二次刷新),否则才用缓存数据渲染。对于上面的优化方式,我们可以用... 阅读全文
posted @ 2015-07-06 21:23 GreenBlog 阅读(1045) 评论(0) 推荐(0) 编辑
 
摘要: 原文:http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/作者:Addy Osmani译者按:本人第一次翻译外文,言语难免有些晦涩,但尽量表达了作者的原意,未经过多的润色,欢迎批... 阅读全文
posted @ 2015-07-06 21:11 GreenBlog 阅读(215) 评论(0) 推荐(0) 编辑
 
摘要: 最近搞Android项目的时候,遇到一个比较蛋疼的需求,需要从Client App调用系统浏览器打开一个页面,进行杂七杂八的一些交互之后,返回到App。如何打开浏览器和如何返回App这里就不说了,有兴趣的童鞋可私下交流。之所以说这个需求蛋疼,是因为Android有个物理返回键啊……返回键啊……键啊…... 阅读全文
posted @ 2015-07-06 21:06 GreenBlog 阅读(3392) 评论(0) 推荐(0) 编辑
 
摘要: Aop又叫面向切面编程,用过spring的同学肯定对它非常熟悉,而在js中,AOP是一个被严重忽视的技术点,这篇就通过下面这几个小例子,来说说AOP在js中的妙用.1, 防止window.onload被二次覆盖.2,无侵入的统计代码.3, 分离表单请求和校验.4,给ajax请求动态添加参数.5,职责... 阅读全文
posted @ 2015-07-06 21:00 GreenBlog 阅读(132) 评论(0) 推荐(0) 编辑
 
摘要: 腾讯:http://www.alloyteam.com/http://alloyteam.github.io/http://ju.outofmemory.cn/feed/133/javascript教程:http://www.liaoxuefeng.com/wiki/001434446689867b... 阅读全文
posted @ 2015-07-06 20:29 GreenBlog 阅读(104) 评论(0) 推荐(0) 编辑
 
摘要: 本篇,主要普及promise的用法。一直以来,JavaScript处理异步都是以callback的方式,在前端开发领域callback机制几乎深入人心。在设计API的时候,不管是浏览器厂商还是SDK开发商亦或是各种类库的作者,基本上都已经遵循着callback的套路。近几年随着JavaScript开... 阅读全文
posted @ 2015-07-06 20:23 GreenBlog 阅读(183) 评论(0) 推荐(0) 编辑
 
摘要: 【Web缓存机制系列】1 – Web缓存的作用与类型【Web缓存机制系列】2 – Web浏览器的缓存机制【Web缓存机制系列】3 – 如何构建可缓存站点【Web缓存机制系列】4 – HTML5时代的Web缓存机制【Web缓存机制系列】5 – Web App时代的缓存机制新思路【Web缓存机制系列】6... 阅读全文
posted @ 2015-07-06 19:59 GreenBlog 阅读(119) 评论(0) 推荐(0) 编辑