07 2017 档案

摘要：同源策略它是由NetScape提出的一个著名的安全策略。 浏览器执行js，会检查它属于哪个页面，如果不是同源页面，不会被执行。 常见的解决方案有： jsonp 跨域资源共享（CORS） 使用html5的window.postMessage 通过修改document.domain 使用window.n 阅读全文

摘要：1. 什么是媒体查询 根据设备显示器的特性设置特定的CSS样式。由一个或多个检测媒体特性的条件表达式组成。 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你 阅读全文

摘要：基于浮动的布局 基于浮动的布局是最容易使用，也是最可靠的，只需要设置元素的宽度，然后设置为左或者右浮动即可。 1.两列浮动布局 假设页面总的宽度920px，两个元素间距20px。（display:inline 防止IE双外边距浮动产生的bug）；由于元素是浮动的， 将不再文档流中占据空间，将父节点 阅读全文

摘要：首先将页面划分为大的结构性区域，比如容器、页眉、内容区和页脚； 然后是内容区域本市，建立网格结构，分析页面结构 最后再各内容区中设计结构，确定页面布局。 1. 水平居中 使用display：inline 和 text-align 使用margin:0 auto 设定 使用table实现 使用绝对定位 阅读全文