無標題文檔

使用 CSS 异步跨域获取数据

这是个非常「猥琐」的异步获取数据的方法,原理是通过动态载入一段 CSS,然后解析其中的字段提取数据( DEMO )。

先来说说它的优点。首先是跨域,数据获取的实质其实就是载入一段 CSS 。其次避免了类似 JSONP 的跨站脚本注入攻击。

然后考虑下可能会出现的问题。首先是通过 rawurlencode 编码 过的数据容量会大很多,而且不可读。

其次,如果使用不当可能会影响页面渲染,看作者的 Javascript 代码中加入了段

e.setAttribute("media", "print, csshttprequest");

很有意思。还有就是使用

@import url(about:chr:data);

真的让人感觉太太「猥琐」了。

原官方有个 [Python 编写的 Encoder 实现](http://nbio.googlecode.com/svn/csshttprequest/trunk/python/nbio/csshttprequest/

闭包的秘密

Javascript 中的闭包其实很改语言中很难理解的一部分。 感谢 Stuart 提供了那么棒的 PPT ,它深入浅出的解释了 Javascript 的闭包技术。

而我「自作主张」地在这份 PPT 中加入了部分的注释(希望没有影响阅读),主要的内容在这里简要整理下。

闭包的概念

「官方」的解释

「闭包」,是指拥有多个变量和绑定了这些变量的环境的
表达式(通常是一个函数),因而这些变量也是该表达式
的一部分。

但不要咬文嚼字,我们简单的可以理解为

闭包是个函数,而它「记住了周围发生了什么」。表现为由「一个函数」体中定义了「另个函数」
function outer () {
    ...
    function inner () {
        ...
    }
}

闭包的作用

  1. setTimeout/setInterval
  2. 回调函数(callback)
  3. 事件句柄(event handle)

模块化代码

function Container(param) {
    var sercert = 3;
    this.member = param;
    var that    = this; // 注意这行

    function dec() {
        return (sercert > 0) ? --secret : false;
    }

    this.service = function() {
        return (dec()) ? that.member : null;
    }
}

其中 dec 为私有,that 变量引用 Container 同时 service 函数构成了个闭包。

注意 Exploer 下闭包的「特殊情况」

  1. 循环问题
  2. 垃圾回收

最后,PPT 可以 在这里下载 ,同时需要进一步有关闭包的信息,为之漫笔翻译了份很 详实的文档 ,强烈建议看下。

JSON 格式化工具

https://friable.rocks/_/2009_11_05/5732962c2d03.jpg

前端人员和后台开发交换的数据常常是 Json 格式 的,但 Json 的内容往往是一行输出,不容易阅读。虽然有时候可以简单的在 Firfox 地址栏里面输入

javascript:console.info(eval('(' + json + ')'));

但这样的做法甚为麻烦,而且不适用于 Json 非常长的情况。于是花了点时间,写了个 Json 格式化工具

http://friable.rocks/json-formater/ 框架、 以及 PHP 的 jsondecode 标准

最后,有任何的意见或者建议,欢迎联系。

我的照片

您好!我叫「明城」,八零后、码农、宁波佬,现居杭州。除了这里,欢迎您通过 GitHubTwitterInstagram 了解我的更多动态。

本博客原名 Gracecode.com 、现更名 「無標題文檔」「精于心、简于形」以此践行极简、务实的理念。 在工作之外的个人生活方面,我崇尚简单、追求平淡,偶尔也带着一些可能不被所有人理解的幽默感。

同时为避免争议和麻烦,在此郑重声明:本站所有内容为非 AI 生成,所有观点及立场均仅代表我个人,不代表任何我所就职或关联的公司与组织。

如果您想联系我,可以发我邮件 `echo bWluZ2NoZW5nQG91dGxvb2suY29tCg== | base64 -d`

分类

搜索

文章