代码改变世界

随笔档案-2016年12月

前端安全配置之Content-Security-Policy(csp)

2016-12-23 18:14 by 紫日残月, 87936 阅读, 收藏,
摘要: 什么是CSP CSP全称Content Security Policy ,可以直接翻译为内容安全策略,说白了,就是为了页面内容安全而制定的一系列防护策略. 通过CSP所约束的的规责指定可信的内容来源(这里的内容可以指脚本、图片、iframe、fton、style等等可能的远程的资源)。通过CSP协定 阅读全文

CSS深入理解之margin

2016-12-16 09:38 by 紫日残月, 359 阅读, 收藏,
摘要: 前言 改变容器尺寸 margin改变容器尺寸有以下两个限制条件: 使用于没有设置宽高的普通block元素float/absolute/fixed元素 以及 inlines水平 table-cell元素. 只试用于水平方向 margin百分比 1.普通元素的百分比margin值是相对于容器宽度计算的2 阅读全文

CSS深入理解之overflow

2016-12-13 09:58 by 紫日残月, 3721 阅读, 收藏,
摘要: CSS深入理解之overflow 前言 这是跟着张鑫旭重学CSS的overflow篇 基本属性 overflow有以下五个基本属性: 1.visible : 默认值,具体表现为,应用此属性后,子元素超出时,继续展示; 2.hidden: 超出的部分隐藏; 3.scroll: 超出时展示滚动条; 4. 阅读全文

Css深入理解之浮动_慕课网课程笔记

2016-12-09 10:32 by 紫日残月, 516 阅读, 收藏,
摘要: 前言 这篇是在慕课网上跟着张鑫旭重走CSS之路的第三篇学习笔记了,主要是学习float属性,闲话少说,下面进入正文. float的历史 要想了解一个东西,我们还是需要从本质去了解它,那么我们就需要问一个直抵本质的问题:float被设计出来是干嘛的? 答案是:实现文字环绕效果.对,就是这么简单因为这个 阅读全文

Css定位之absolute_慕课网课程笔记

2016-12-08 09:59 by 紫日残月, 329 阅读, 收藏,
摘要: absolute和float 绝对定位和浮动有相似之处,即都有破坏性和包裹性,破坏性是指其会导致包裹自身的复原塌陷,包裹性是float的天赋技能,对于绝对定位来说,其会包括子元素 越独立越强大 1.去浮动 当浮动和absolute同时应用时,元素使用绝对定位而不再展示浮动样式 2.位置跟随 当元素使 阅读全文

Css定位之relative_慕课网课程笔记

2016-12-08 09:10 by 紫日残月, 260 阅读, 收藏,
摘要: 前言 最近在慕课网上跟着张鑫旭大神重新学习一遍CSS相关的知识,以下是学习的笔记以及个人一些理解 relative对绝对定位的限制 1.限制绝对定位 绝对定位的top、left、right和bottom是相对最近的一个relative父元素的。 2.限制层级 绝对定位的层级优先级是低于其父元素相对定 阅读全文

浏览器桌面通知--Notification

2016-12-05 15:16 by 紫日残月, 649 阅读, 收藏,
摘要: 前言 最近项目上要用到浏览器桌面通知,之前虽然知道有这个东西,但是一直没有用过,借此机会了解下桌面通知的机制,在此分享下. 1.权限 首先需要明确的是,不是所有网页都可以发桌面通知的,不然不得烦死,那么就需要在发送通知前需要用户来决定是否接收通知.我们可以通过使用 Notification.requ 阅读全文