摘要：前言 改变容器尺寸 margin改变容器尺寸有以下两个限制条件: 使用于没有设置宽高的普通block元素float/absolute/fixed元素 以及 inlines水平 table-cell元素. 只试用于水平方向 margin百分比 1.普通元素的百分比margin值是相对于容器宽度计算的2 阅读全文
CSS深入理解之overflow
2016-12-13 09:58 by 紫日残月, 3442 阅读, 0 推荐, 收藏, 编辑
摘要：CSS深入理解之overflow 前言 这是跟着张鑫旭重学CSS的overflow篇 基本属性 overflow有以下五个基本属性: 1.visible : 默认值,具体表现为,应用此属性后,子元素超出时,继续展示; 2.hidden: 超出的部分隐藏; 3.scroll: 超出时展示滚动条; 4. 阅读全文
Css深入理解之浮动_慕课网课程笔记
2016-12-09 10:32 by 紫日残月, 481 阅读, 0 推荐, 收藏, 编辑
摘要：前言 这篇是在慕课网上跟着张鑫旭重走CSS之路的第三篇学习笔记了,主要是学习float属性,闲话少说,下面进入正文. float的历史 要想了解一个东西,我们还是需要从本质去了解它,那么我们就需要问一个直抵本质的问题:float被设计出来是干嘛的? 答案是:实现文字环绕效果.对,就是这么简单因为这个 阅读全文
Css定位之absolute_慕课网课程笔记
2016-12-08 09:59 by 紫日残月, 297 阅读, 0 推荐, 收藏, 编辑
摘要：absolute和float 绝对定位和浮动有相似之处,即都有破坏性和包裹性,破坏性是指其会导致包裹自身的复原塌陷,包裹性是float的天赋技能,对于绝对定位来说,其会包括子元素 越独立越强大 1.去浮动 当浮动和absolute同时应用时,元素使用绝对定位而不再展示浮动样式 2.位置跟随 当元素使 阅读全文
Css定位之relative_慕课网课程笔记
2016-12-08 09:10 by 紫日残月, 233 阅读, 0 推荐, 收藏, 编辑
摘要：前言 最近在慕课网上跟着张鑫旭大神重新学习一遍CSS相关的知识,以下是学习的笔记以及个人一些理解 relative对绝对定位的限制 1.限制绝对定位 绝对定位的top、left、right和bottom是相对最近的一个relative父元素的。 2.限制层级 绝对定位的层级优先级是低于其父元素相对定 阅读全文
浏览器桌面通知--Notification
2016-12-05 15:16 by 紫日残月, 610 阅读, 0 推荐, 收藏, 编辑
摘要：前言 最近项目上要用到浏览器桌面通知,之前虽然知道有这个东西,但是一直没有用过,借此机会了解下桌面通知的机制,在此分享下. 1.权限 首先需要明确的是,不是所有网页都可以发桌面通知的,不然不得烦死,那么就需要在发送通知前需要用户来决定是否接收通知.我们可以通过使用 Notification.requ 阅读全文
前端开发之前后协调
2016-11-21 13:43 by 紫日残月, 676 阅读, 0 推荐, 收藏, 编辑
摘要：前言 在最近的项目开发中发现一些上问题,针对这些不合理的地方,个人有一些建议,特此记录下. 正文 1. 模型/枚举定义一致性 在前后端分离的项目中,严格意义上讲并不需要前后端保持模型定义的完全一致,但是在开发联调中经常会发现前后台各自定义一套模型,然后埋头开发,到联调阶段的是时候发现有些属性字段不一 阅读全文
Emmet使用之HTML
2016-11-14 17:34 by 紫日残月, 199 阅读, 0 推荐, 收藏, 编辑
摘要：前言 前段时间在网上发现一个强大的好玩的东西,emmet,它可以方便我们前端开发者快速编写html和css.可以算是前端开发必备的一款利器,今天先总结一下用emmet写html,有时间再总结下css的经历 使用介绍 父子关系 > 用来表示节点之间的父子关系的时候,可以用">"来连接,比如: div> 阅读全文
JS学习之路
2016-10-20 15:47 by 紫日残月, 437 阅读, 0 推荐, 收藏, 编辑
摘要：前言 接触js也有四五年的时间了,对js的认识也逐渐加深,想把自己这几年学习js的经历记录一下. 总则-都是对象,都是引用 在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点崩溃的,相信许多像我一样从后端语言向js转的童鞋们肯定有一样的感受,这玩意儿太灵活了,好像怎么样都可 阅读全文