随笔分类 - 十、前端面试 / 前端面试集合
摘要：盒模型都是由四个部分组成的，分别是margin、border、padding和content 标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同： 标准盒模型：width = content + padding + border + margin IE盒模型：width
阅读全文
摘要：二者都是从父元素的子元素中匹配，或者说从同级兄弟元素中匹配，区别是主要是匹配规则不同； element:nth-child（n） 选中父元素的第几个子元素 , 计数时与元素的类型无关 是先根据 n 匹配规则，在此基础上匹配 element； 首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开
阅读全文
摘要：（1）相邻两个盒子垂直方向上的margin会发生重叠，只会取比较大的margin （2）父盒子中给子盒子设置了上边距会出现在父盒子上方 解决： 设置padding代替margin 设置float 设置overflow 设置position：absolute 绝对定位 设置display： inlin
阅读全文
摘要：即开发者对浏览器的默认样式设置 原因： 浏览器兼容问题 为了提高编码的质量，减少代码体积
阅读全文
摘要：（1）src 指向的内容嵌入到文档当前标签所在位置。 （2）href 表示超文本引用，建立当前元素和文档之间的链接，并行进行
阅读全文
摘要：JS定时器动画 window.setTimeout() window.setInterval():指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 <h3>用setTimeout实现计数器功能</h3> <div id="result">0</div> <button onclick="s
阅读全文
摘要：BOM：浏览器对象模型==》 用来获取或设置浏览器的属性、行为。 例如：新建窗口、获取屏幕分辨率、浏览器版本号等 DOM ：文档对象模型==》用来获取或设置文档中标签的属性。 例如：获取或者设置input表单的value值
阅读全文
摘要：1.使用display: none; 隐藏dom；隐藏后不占位 2.使用visibility: hidden; 隐藏dom；隐藏后占位 3.使用z-index: -888; 把元素的层级调为负数，然后其他元素覆盖即可； 4.使用opacity: 0; 把元素的透明度调为0，也可以达到隐藏； 5.使用
阅读全文
摘要：（1）pt|px|em|rem pt（点）:绝对长度单位。常用与印刷中1pt=1/72英寸 px（像素）：相对长度单位。相对于显示器分辨率而言。 em：相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了，且设置了文本大小，父级大小随文本改变，继承父级元素的字体大小】 rem:CSS3新增相
阅读全文
摘要：理论上最小的单位是1px 一、最优方法：transforms属性缩放 <!DOCType html> <html> <head> <meta charset="utf-8"> <style> .hr { width: 300px; background-color: #000; } .scale-h
阅读全文
摘要：一、border 二、llinear-gradient .triangle { width: 160px; height: 200px; outline: 2px solid skyblue; background-repeat: no-repeat; background-image: linea
阅读全文
摘要：一、概念 浮动元素脱离文档流，影响布局，需要清除浮动 二、方法 方法一：额外标签法 给谁清除浮动，就在其后额外添加一个空白标签 ，给其设置clear：both 方法二：父元素添加overflow:hidden 通过触发BFC方式，实现清除浮动 方法三：使用after伪元素清除浮动 #parent:a
阅读全文
摘要：文字：line-height=文字外盒子的高度 盒子： 定位： position：absolute top:0;bottom:0;left:0;right:0 margin:auto 弹性布局： display:flex justify-content:center align-items:cent
阅读全文
摘要：合适的地方使用合理的标签 一、HTML语义化 让页面的内容结构化，便于浏览器，搜索引擎解析，容易阅读 二、如何优化搜索引擎？ 【搜索引擎：SEO】 通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术 1、关键词分析（也叫关键词定位）
阅读全文
摘要：一、数据类型【JS 的基本数据类型有哪些？基本数据类型和引用数据类型的区别】 二、数据类型检测 三、数据类型转换【隐式转换、强制转换】 四、运算符 五、操作网页元素
阅读全文
摘要：一、基本原理 开发大型单页应用时使用 是一个专门为 Vue.js 应用程序开发的状态管理模式 最大的特点是响应式 在 Vuex 中存放一些需要在多个界面中进行共享的信息 Vuex 应用的核心就是 store（仓库），包含着应用中大部分的状态 ( state ) state中全局共享数据，更改stat
阅读全文
摘要：一、分类 （1）全局守卫 router.beforeEach 全局前置守卫 进入路由之前 router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用 router.afterEach 全局后置钩子 进入路由之后 （2）路由独享守卫 befo
阅读全文
摘要：一、原理 Vue的数据更新是一种延迟异步更新 是一个用于在DOM更新完成后执行回调函数的方法 其能够监听DOM更新完成 当数据更新了，在dom中渲染后，⾃动执⾏该函数 异步更新队列：当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 二、作用 Vue在
阅读全文
