摘要：
border-radius是最常见的CSS3属性，但你知道他多少东西呢？比如：border-radius:2em;相当于什么？border-top-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em;实际上，其首先都是水平方向（top or bottom）的弧度，然后才是垂直方向的弧度（left or right）。忘记在哪里的一道题目请用CSS实现如上图一样的椭圆，有兴趣的同学可以思考一下。回到Bootstrap 3.0OK，我们回到B 阅读全文
随笔档案-2013年11月
bootstrap 3.0 LESS源代码浅析（一）
2013-11-19 16:15 by Justany_WhiteSnow, 6065 阅读, 收藏, 编辑
摘要：
我一直以为Bootstrap的LESS源代码精髓在mixins.less，所以这个系列主要也是讲解mixins.less的。什么是mixins？混入，或者翻译成混合。官网的说法是：我们可以定义一些通用的属性集为一个 class，然后在另一个 class 中去调用这些属性。看起来非常难理解，没事，我们来看例子，比如有这样一个class：.bordered { border-top: dotted 1px black; border-bottom: solid 2px black;}那如果我们现在需要在其他 class 中引入那些通用的属性集，那么我们只需要在任何 class 中像下面... 阅读全文
你可能不知道的跨域解决方案
2013-11-18 19:34 by Justany_WhiteSnow, 2228 阅读, 收藏, 编辑
摘要：
出于浏览器的同源策略，我们经常会遇到浏览器跨域的问题。简单的说跨域基本解决方案是：GET请求用JSONP其他请求用同源iframe做代理JSONP的介绍很多，这里就不多说了。而同源iframe做代理主要是主窗口与iframe的通讯问题，因为这里也有同源策略。常见的方法是使用window.name或者通过url param来通讯。但这些方法都需要反复加载iframe来完成的，资源消耗较高，有没有更好的方案呢？window.postMessagewindow.postMessage最早由IE8引入，主要为了解决跨文档通讯问题，以下使其支持列表：FeatureChromeFirefox (Gecko 阅读全文
高级Javascript调试——console.table()
2013-11-18 11:58 by Justany_WhiteSnow, 12018 阅读, 收藏, 编辑
摘要：
原文：http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable本文只是简单翻译，部分不重要部分略去，请原谅。通过console.log()打印数组试想一下，假如你创建了一个编程语言以及其文件后缀名列表：var languages = [ { name: "JavaScript", fileExtension: ".js" }, { name: "TypeScript", fileExtension: ".ts& 阅读全文
NodeJS的url验证库模块url-valid
2013-11-17 15:31 by Justany_WhiteSnow, 3889 阅读, 收藏, 编辑
摘要：
这是我10月份做的项目其中的一个部件，主要用于url检验的。我们知道Javascript做url检验，通常是使用正则表达式来判定，其格式是否正确，例如：/^https?:\/\//.test(url);当然还有更好的检测方法比如基于RFC 3986, RFC 3966, RFC 4694, RFC 4759, RFC 4904等标准的进行验证的valid-url库。不过个根据格式进行验证当然不能确定该url是否存在啦，所以就有了url-valid，我们基于HTTP请求进行验证。接口设计实际上我们只需要一个函数传入一个url地址，并回调返回该链接是否可用。但请求容易产生未知错误，所以我们在回调函 阅读全文