迷茫的小飞侠

摘要： 由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com 的服务器沟通，而 HTML 的 <script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式 阅读全文

摘要： 1、移除 browser chrome，全屏启动 <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" 阅读全文

摘要： 历史状态管理API可以让你改变URL而不用载入一个新的页面 history.pushState({name:”Nicholas”}, “Nicholas’ page”, “nicholas.html”); 执行了这个方法以后，新的地址会被加到历史记录状态里，而且location.href也会反映新的 阅读全文

摘要： 首先追溯到像素，第一个麻烦事像素的总量问题，同样的大小的屏幕像素可以差很远，像素大小更小的导致内容也变小 在小屏幕上如果展示巨大的桌面网页，诺基亚的做法是首先载入完整的桌面网页，然后缩放至设备屏幕大小（通过点击操纵杆放大缩小内容，左右移动位置，这里是通过虚拟的viewPort完成） 苹果在这基础上开 阅读全文

摘要： 当需要为不同屏幕大小添加不同脚本的时候，首先需要检测对应的media query 是否起效 也就是CSS（ @screen only and (min-width: 40em) {}）和javascript（ if (window.matchMedia( "screen and (min-width 阅读全文

摘要： /** * Chrome 32/33 webfont issue fix. * Requires jQuery. * More info: http://blog.cloudfour.com/chrome-webfont-issues/ */ (function($, window){ // onl 阅读全文

摘要： 使用media query 处理响应式图片最考虑三方面 1、图片需要的渲染大小 2、屏幕的密度 3、规划好的各尺寸图片大小 当知道这三个方面后，只需要从规划好的各尺寸图片里选择比 图片渲染面积*屏幕密度 大的图片文件就可以 但在响应式布局里面图片需要的渲染大小是无法确定的（通常图片设为max-wid 阅读全文

摘要： 在ECMAScript 5里面，可以通过（writable 和 configurable）内部属性把属性设置为不可修改和不可删除的，可以通过（Object.preventExtensions() ）让对象不允许被拓展新的属性，可以通过（Object.freeze（））让对象的所有属性变为只读和不可删 阅读全文

摘要： 1、透明图片+背景定位 background-position: center; <img src="transparent.jpg" style="background-image:url(need.jpg);"> 2、在IE下使用 font-size 使图片垂直居中显示，firefox,chro 阅读全文

摘要： 在prototype上有一个叫做constructor的属性，Person.prototype.constructor指向Person，当new Person的时候，每个实例会有一个[[prototype]]指向该对象构造函数的prototype，在chrome里面就是__proto__属性可以查看 阅读全文