前端
文章平均质量分 85
三分落樱
这个作者很懒,什么都没留下…
展开
-
【CSS回顾】
CSS面试题 1.水平垂直居中 定宽高: 1.绝对定位和负margin 2.绝对定位加transform 3.绝对定位加bottom,right,top.left,+margin 4.flex布局+justify-content+align-items 不定宽高: 1.绝对定位+transform 和上面一样 2.table-cell 3.flex布局 和上方一样 4.flex变异布局 display:flex + margin:auto 5.grid+flex布局 父元素开grid 子元素align原创 2022-03-21 09:51:21 · 100 阅读 · 0 评论 -
【CSS回顾】CSS场景题
CSS场景题 实现一个三角形: transparent(透明的) div{ width:0; height:0; border-bottom:50px solid red; border-right: 50px solid transparent; border-left:50px solid transparent; } 实现一个扇形: div{ border:100px solid transparent; width:0; height:0; border-radius:1原创 2022-03-21 09:49:27 · 182 阅读 · 0 评论 -
【Vue复习】Vue面试题收记录
Vue面试题收记录 Vue系列感觉如果直接用笔记来复习很抽象,于是想到了通过对常见面试题的一个收录和分析来复习。 Vue中的路由拦截是怎么做的? 在全局前置函数中通过to和next参数,参照当前用户权限对路由重定向 1.Vue3与Vue2相比较,有哪些变化 组合式API、setup()、生命周期destoyed被unmounted替换 、teleport、双向绑定的优化、reactive和ref 、diff优化、Vue对象的重任卸给了app对象,并且减轻了对象压力删除了不常用的一些api Vue3不兼容I原创 2022-03-20 21:14:29 · 1283 阅读 · 1 评论 -
【Vue系列复习】Vue-Router和Vuex实现原理
Vue-Router和Vuex实现原理 路由这个概念先是由后端提出的,简单来说路由就是用来跟后端服务器进行交互的一种方式,通过不同路径,来请求不同资源,请求不同页面是路由的一种功能。 前端路由: 1.hash模式 随着ajax的流行,异步数据请求交互运行在不刷新浏览器的情况下进行,而异步交互体验更高级的版本就是SPA—单页应用。单页应用不仅仅是在页面交互是无刷新的,并且在页面跳转都是无刷新的,为了实现SPA于是就有了现在的前端路由。 **类似于服务器路由,前端路由实现也很简单,就是匹配不同url路径,对其进原创 2022-03-20 21:10:09 · 1190 阅读 · 0 评论 -
【CSS回顾】CSS复习遗忘点(2)
CSS复习遗忘点(2) CSS像素:在CSS中的抽象单位 物理像素:只与设备硬件密度有关,任何设备的物理像素都是固定的。 em 和rem 相对于px更加灵活,他们都是想对长度单位,他们之间的区别是: em相对于父元素 rem相对于根元素 vw/vh :是与视图有关的单位,vw表示视图窗口的宽度,vh表示视图窗口的高度,除了vh和vm外还有vmin vmax vmin: vw和 vh中较小值 vmax: vw和vh中的较大值 vw/vh 和百分比很类似,两者的区别: 百分比(%):大部分相对于祖先元素,原创 2022-03-20 20:50:42 · 167 阅读 · 0 评论 -
【CSS回顾】CSS3复习遗忘点(1)
CSS3复习遗忘点 em和rem: em是相当于元素的字体大小来计算的会根据字体大小的变化而变化 1em = 1 font-size rem: rem是相对于根元素(HTML)的字体大小来计算的 各类选择器及其优先级 行内样式选择器:1000 id选择器:100 伪类、属性、类:10 !important也是最高优先级 行内样式选择器> id选择器> 类和伪类选择器> 元素选择器> 通配选择器> 样式继承 样式继承:继承是发生在祖先后代之间的,继承的设计是为了原创 2022-03-20 20:27:00 · 97 阅读 · 0 评论 -
【回顾HTML】HTML的一些知识
H5复习遗忘点 1.语义化标签 包括section article aside header hgroup footer nav figure这几类 其中figure表示一段独立的流内容,一般表示文档主体内容中的一个独立单元。 audio (音频)与 vedio(视频) 属性 autoplay controls loop(循环播放) preload(预载) 3.source标签 source标签为**媒介元素,**标签允许您规定可替换的音频或者视频根据它对媒体类型或者解码器的支持进行 一般audi原创 2022-03-20 19:53:12 · 570 阅读 · 0 评论