摘要: 什么是浏览器同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 它的核心就在于它认为自任何站点装载的信赖内容是阅读全文
posted @ 2018-05-20 21:48 laixiangran 阅读(33) 评论(0) 编辑
摘要: 原型链继承 缺点 1. 如果 SuperType 存在一个引用类型的属性,而 SubType 的原型对象变为 SuperType 的一个实例,这样每个 SubType 的实例都会共用这个引用类型的属性,不同的 SubType 实例对该属性的操作都将会在其它 SubType 实例中体现出来,这跟每个实阅读全文
posted @ 2018-05-09 22:49 laixiangran 阅读(63) 评论(0) 编辑
摘要: 灵活的背景定位 实现效果: 将背景图定位到距离容器底边 10px 且距离右边 20px 的位置。 background position 方案 实现代码: 实现要点: 允许我们指定背景图片距离任意角的偏移量,只要我们在偏移量前面指定关键字。本例就是设置背景图片离右边缘 20px,离底边 10px。 阅读全文
posted @ 2018-05-06 21:18 laixiangran 阅读(51) 评论(0) 编辑
摘要: 使用 CSS 让元素不可见的方法很多,剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见,但背后却在多个维度上都有差别。 元素不可见,同时不占据空间、辅助设备无法访问、不渲染 使用 script 标签隐。例如: 此时,图片 1.jpg 是不会有请求的。 <script <textare阅读全文
posted @ 2018-05-04 22:44 laixiangran 阅读(57) 评论(0) 编辑
摘要: 半透明边框 实现效果: 实现代码: 实现要点: 设置边框为半透明,这是还看不到半透明边框,因为默认情况下,背景会延伸到边框所在的区域下层,也就是背景是被边框的外沿框裁切掉。 通过设置 (初始值是 border box) 让背景不要延伸到边框所在的区域下层,也就是让内边距的外沿来裁切背景。 多重边框 阅读全文
posted @ 2018-05-03 23:09 laixiangran 阅读(99) 评论(0) 编辑
摘要: 支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用,就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网,以便下一步执行正确的操作。然后,应用还必须能访问一定的资源(图像、Javascript、CSS等),只有阅读全文
posted @ 2018-05-01 19:48 laixiangran 阅读(431) 评论(0) 编辑
摘要: 为什么要使用 Web 缓存 Web缓存一般分为浏览器缓存、代理服务器缓存以及网关缓存,本文主要讲的是 浏览器缓存 ,其它两种缓存大家自行去了解下。 Web 缓存游走于服务器和客户端之间。这个服务器可能是源服务器(资源所驻留的服务器),数量可能是1个或多个;这个客户端也可能是1个或多个。Web 缓存就阅读全文
posted @ 2018-04-29 15:32 laixiangran 阅读(130) 评论(0) 编辑
摘要: 在 CSS 中要设置元素水平垂直居中是一个非常常见的需求了。但就是这样一个从理论上来看似乎实现起来极其简单的,在实践中,它往往难住了很多人。 让元素水平居中相对比较简单:如果它是一个行内元素,就对它的父元素应用 ;如果它是一个块级元素,就对它自身应用 。 然而如果要对一个元素进行垂直居中,那就没有那阅读全文
posted @ 2018-04-28 21:49 laixiangran 阅读(210) 评论(0) 编辑
摘要: Ionic 介绍 首先,Ionic 是什么。 Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等。 简单来说就是可以将你的 Web 应用打包发布成 IOS/Android APP,并且提供了 Cordov阅读全文
posted @ 2018-04-25 14:20 laixiangran 阅读(43) 评论(0) 编辑
摘要: 什么是双向数据绑定 双向数据绑定简单来说就是UI视图(View)与数据(Model)相互绑定在一起,当数据改变之后相应的UI视图也同步改变。反之,当UI视图改变之后相应的数据也同步改变。 双向数据绑定最常见的应用场景就是表单输入和提交。一般情况下,表单中各个字段都对应着某个对象的属性,这样当我们在表阅读全文
posted @ 2018-04-23 22:26 laixiangran 阅读(671) 评论(0) 编辑