null 和 undefined 的区别 发表于 2018-12-21 分类于 前端 / JS Changyan: 含义 null 表示一个对象是“没有值”的值,也就是值为“空” undefined 表示一个变量声明了没有初始化(赋值) 阅读全文 »
对闭包的理解 发表于 2018-12-20 分类于 前端 / JS Changyan: 什么是闭包我一直认为,MDN是前端学习的在线指南。只要有不懂的语法,或者不懂的概念,查找资料的首选就应该是它。虽然早些年做iOS开发的时候就就接触过闭包,但如今已经忘得一干二净,所以在想要了解闭包的时候,第一件事就是在MDN中搜索。其中给到了一个闭包的例子: 阅读全文 »
JS数组有哪些常用方法 发表于 2018-12-13 分类于 前端 / JS Changyan: 改变原数组的方法splice() 添加/删除数组元素 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目 array.splice(index,howmany,item1,…..,itemX) index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。 howmany:可选。要删除的项目数量。如果设置为 0,则不会删除项目。 item1, …, itemX: 可选。向数组添加的新项目。 返回值: 如果有元素被删除,返回包含被删除项目的新数组。 阅读全文 »
如何清除浮动 发表于 2018-12-03 分类于 前端 / CSS Changyan: 为什么要清除浮动其实浮动(e.g. float: left;)本质上是用来做文字混排的,但却被我们拿来做布局,这个时候虽然实现了某些效果,但也带来了不少副作用。 由于浮动元素不再占有原文档流的位置,所以它会对后续元素的排版带来影响(无视浮动元素,就当它不存在过)。因此我们很多时候要做的,就是消除浮动元素造成的影响。清除浮动的本质主要是为了解决父元素因为子元素浮动造成的内部高度为0的问题。 阅读全文 »
BFC的理解与应用 发表于 2018-12-02 分类于 前端 / CSS Changyan: 定义先上MDN上对 BFC 的定义: 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 ———— BFC | MDN 阅读全文 »
三栏布局方案(圣杯_双飞翼) 发表于 2018-11-29 分类于 前端 / CSS Changyan: 圣杯布局步骤一 - HTML框架搭建 & 初始化CSS首先把基本框架搭起来(注意中间部分放最前面): 阅读全文 »
两栏布局方案汇总 发表于 2018-11-26 分类于 前端 / CSS Changyan: 记录下常见的两栏布局方式。 左边定宽,右边自适应模拟table父元素 display: table ,子元素左右 table-cell ,左边定宽。 阅读全文 »
垂直居中方案汇总 发表于 2018-11-25 分类于 前端 / CSS Changyan: 这里汇总了常见的元素居中方案。 水平居中行内元素水平居中核心:给父元素添加 text-align: center 阅读全文 »
对HTML语义化的理解 发表于 2018-09-21 分类于 前端 / HTML Changyan: 对HTML语义化的理解核心:用正确的标签做正确的事情 利与开发:方便代码的阅读和维护 利于SEO:方便爬虫根据 语义标签 确定 页面结构 和 关键字 的权重 阅读全文 »