摘要: SPA: 单页Web应用(single page web application)将所有web活动局限于一个html页面中,利用js通过hash或者浏览器history api来实现无刷新路由跳转,前后端通过ajax数据通信,避免了浏览器的刷新重新加载,为用户提供流程的操作体验。这意味着前端接管了路 阅读全文
posted @ 2019-07-30 21:57 王小溪 阅读(737) 评论(0) 推荐(0) 编辑
摘要: 实现水平垂直居中的方法有很多,在这里我只介绍三种种易用且常见的方法,这三种方法对于固定宽高和不定宽高都有效。 1、transform 方案 2、flexbox 方案 3、grid方案 阅读全文
posted @ 2019-07-30 14:11 王小溪 阅读(3717) 评论(1) 推荐(2) 编辑
摘要: 常见自适应布局有两种:左侧固定右侧自适应、左右两侧固定中间自适应 左侧固定,右侧自适应 1、子元素 float:left 2、子元素 width:calc() 3、父元素 display: flex 左右2列固定,中间自适应 1、子元素 width:calc() 2、父元素 display: fle 阅读全文
posted @ 2019-07-30 13:51 王小溪 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 清除浮动主要是为了解决父级元素因为子级浮动而引起的内部高度为0的情况。 清除浮动的方法有很多种,这里我只写被大家推荐切常用的方法。 1、父级添加伪类 2、父级添加overflow属性 可以通过触发BFC的方式,可以实现清除浮动效果 阅读全文
posted @ 2019-07-30 13:06 王小溪 阅读(163) 评论(0) 推荐(0) 编辑