随笔档案「2019年12月」 - 小跟班吖

JavaScript | 值传递、引用传递的区别

摘要：值传递 JavaScript值传递的数据类型：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined），这五种数据类型是按值访问的，因为可以直接操作保存在变量中的实际值，JavaScript值传递的数据类型保存在栈内存中。引用传递 Jav 阅读全文

posted @ 2019-12-30 21:26 小跟班吖阅读(252) 评论(0) 推荐(0)

JavaScript冒泡排序

摘要：####冒泡排序的原理比方说有五个数字54321，要按从小到大排列，首先比较前两个，就是5和4，如果第一个小于第二个，不操作，如果第一个大于第二个，那么交换两者的位置，即变成45321，然后比较第二个和第三个，同理变成43521，然后第三个和第四个，第四个和第五个，这样一次循环下来，变成43 阅读全文

posted @ 2019-12-26 21:34 小跟班吖阅读(231) 评论(0) 推荐(0)

CSS | 圣杯布局、双飞翼布局 | 自适应三栏布局

摘要：圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局虽然两者的实现方法略有差异，不过都遵循了以下要点： 1.两侧宽度固定，中间宽度自适应 2.中间部分在DOM结构上优先，以便先行渲染 3.允许三列中的任意一列成为最高列阅读全文

posted @ 2019-12-21 15:26 小跟班吖阅读(242) 评论(0) 推荐(0)

CSS | 自适应两栏布局方法

摘要：html代码： 1.浮动+margin 2.绝对定位缺点: 使用了绝对定位，若是用在某个div中，需要更改父容器的position。没有清除浮动的方法，若左侧盒子高于右侧盒子，就会超出父容器的高度。因此只能通过设置父容器的min height来放置这种情况。 3.float+calc()函数 4 阅读全文

posted @ 2019-12-21 11:49 小跟班吖阅读(347) 评论(0) 推荐(0)

解决高度塌陷的三种方法

摘要：父元素的高度为自适应，子元素进行浮动时就会发生高度塌陷，下面介绍高度塌陷的3种方法： 1.overflow:hidden 给父元素添加overflow:hidden属性（overflow:hidden；会隐藏定位到BFC区域外的内容） 2.在浮动元素下添加一个空的div盒子，并添加声明缺点：造成大阅读全文

posted @ 2019-12-06 11:18 小跟班吖阅读(648) 评论(0) 推荐(0)

图片在DIV里边水平垂直居中

摘要：图片在一个DIV中要垂直水平居中，首先定义一个DIV 插入图片水平居中在图片的父元素中用text algin:center;进行水平居中垂直居中 1.在图片前或者后定义一个span元素，给span添加声明width:0;height:100%;display:inline block; 2.给阅读全文

posted @ 2019-12-04 13:13 小跟班吖阅读(1049) 评论(0) 推荐(0)

文本溢出 | 显示省略号

摘要：单行文本显示省略号 overflow: hidden; text-overflow:ellipsis; whitewhite-space: nowrap; 多行文本显示省略号 display: -webkit-box; -webkit-box-orient: vertical; -webkit-li 阅读全文

posted @ 2019-12-03 14:17 小跟班吖阅读(259) 评论(0) 推荐(1)

盒模型 | CSS权重 | CSS层叠

摘要：#盒模型 CSS定义所有的元素都可能拥有像盒子一样的外形和平面空间，即都包含边界、边框、补白、内容区域网页中的大部分对象，实际呈现形式都是一个个盒子形状对象,页面都是由一个个盒子形状的区域拼合而成的。盒模型关系到网页设计中排版、布局、定位等操作，任何元素都必须遵循盒模型规则。包含：margin 阅读全文

posted @ 2019-12-03 10:52 小跟班吖阅读(407) 评论(0) 推荐(0)