05 2018 档案
摘要：什么是浏览器同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 它的核心就在于它认为自任何站点装载的信赖内容是
阅读全文
摘要：原型链继承 缺点 1. 如果 SuperType 存在一个引用类型的属性，而 SubType 的原型对象变为 SuperType 的一个实例，这样每个 SubType 的实例都会共用这个引用类型的属性，不同的 SubType 实例对该属性的操作都将会在其它 SubType 实例中体现出来，这跟每个实
阅读全文
摘要：灵活的背景定位 实现效果： 将背景图定位到距离容器底边 10px 且距离右边 20px 的位置。 background position 方案 实现代码： 实现要点： 允许我们指定背景图片距离任意角的偏移量，只要我们在偏移量前面指定关键字。本例就是设置背景图片离右边缘 20px，离底边 10px。
阅读全文
摘要：使用 CSS 让元素不可见的方法很多，剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见，但背后却在多个维度上都有差别。 元素不可见，同时不占据空间、辅助设备无法访问、不渲染 使用 script 标签隐。例如： 此时，图片 1.jpg 是不会有请求的。 <script <textare
阅读全文
摘要：半透明边框 实现效果： 实现代码： 实现要点： 设置边框为半透明，这是还看不到半透明边框，因为默认情况下，背景会延伸到边框所在的区域下层，也就是背景是被边框的外沿框裁切掉。 通过设置 （初始值是 border box） 让背景不要延伸到边框所在的区域下层，也就是让内边距的外沿来裁切背景。 多重边框
阅读全文
摘要：支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网，以便下一步执行正确的操作。然后，应用还必须能访问一定的资源（图像、Javascript、CSS等），只有
阅读全文
