前端日常总结
小海柯
这个作者很懒,什么都没留下…
展开
-
左边固定,中间自动适应,右边固定
左边固定,中间自动适应,右边固定方法一:float+padding +顺序利用div块是块级元素,占自动占满一整行利用float浮动的原理来做左边固定的容器,右边固定的容器利用padding+box-sizing: border-box给div块级元素左右两边腾出左右固定的空间,利用顺序是因为float与div块的性质【浮动在当前行,脱离原来文本,进入到新的一层(浮动层),然后在设定...原创 2020-04-05 21:49:51 · 320 阅读 · 0 评论 -
vue-router根据用户权限配置菜单
文章目录业务逻辑用到的技术遇到的问题为什么会进入无限循环?为什么有时使用next(),有时使用next('/')或next({...to})?前端开发简单的逻辑路由守卫里权限配置逻辑业务逻辑比如有个系统有两个角色,普通用户和管理者,普通用户登录后可以看到模块A,管理者登录后可以看到模块B。技术实现逻辑:用户登录后,后台判断用户的角色是普通用户还是管理者,于是根据角色返回菜单权限,前端根据后...原创 2020-03-18 23:50:35 · 2614 阅读 · 0 评论 -
无缝轮播算法思想
@TOP 无缝轮播算法思想无缝轮播算法思想如:有9个元素1,2,3,4,5,6,7,8,9,每次只显示4个,怎么进行无缝连接循环播放呢? 思维:根据这4个步骤思路来实现。将移动的元素克隆加入到轮播对象的末尾,等移动的动作的元素移动结束后,将刚移动走的元素删除。<!DOCTYPE html><html lang="en"><head> <...原创 2020-02-22 22:00:09 · 1208 阅读 · 0 评论 -
BFC-前端日常总结
BFC-前端日常总结一、 BFC的概念 英文全名:Block Formatting Context 中文理解:块级格式化上下文二、如何形成BFC?满足一下条件之一,形成BFC。浮动元素:float除了node以外的值。定位元素:position(absolute,fixed)display:inline-block,table-cell,table-caption之一ove...原创 2019-12-19 12:54:50 · 176 阅读 · 0 评论 -
外边距重叠/BFC-前端日常总结
外边距重叠/BFC-前端日常总结什么是外边距重叠如何防止外边距重叠呢?什么是BFC呢?如解决边距重叠如下什么是外边距重叠两个相邻的块级元素都设置了外边距,此时浏览器会取这两个相邻块级元素外边距最大边距(如果两个边距相等,就取其中一个)设置值。如下图:此时浏览器上控制台styles栏中,.con2样式的margin-top失效了,.con1样式的margin-botton没有失效。这就是外边...原创 2019-12-17 23:26:33 · 138 阅读 · 0 评论 -
css盒子模式-----日常整理总结
css盒子模式-----日常整理总结什么情况下才会出现盒子模型盒子模型的类型w3c盒子模型包括哪些内容IE盒子模型包括哪些内容怎么设置W3c盒子模型怎么设置IE盒子模型什么情况下才会出现盒子模型是块级元素和行内块级元素的时候,就会出现(如p、div、h1~h6、ul li)盒子模型的类型w3c盒子模型IE盒子模型w3c盒子模型包括哪些内容margin+padding+con...原创 2019-12-16 12:18:11 · 125 阅读 · 0 评论