【Web前端实习生】每日一记 - 面试题（一）

虽然我更新每日一记有一段时间了，但是还没有正式“官宣”一下。在这里我正式说明一下，我要为了更美好的明天而奋斗！！！😤😤😤😤😤😤😤😤

就让广大友友们，成为见证人~~

每日一记20210603

1. 特此说明，搬运至牛客网

1.说一下块级元素和行内元素

2.说一下选择器有哪些

1. 基本选择器
   -通配选择器：*{}
   -逗号/并且选择器：
   -标签选择器：tag{}
   -类选择器：.class{}
   -id选择器：#id{}
   -组合选择器：
2. 层次选择器
   -子代选择器：用 ‘>‘隔开
   -后代选择器：必须要用空格隔开
   -相邻兄弟选择器：’+’
   -通用兄弟选择器：’~’
3. 属性选择器
   -input[type]：选中所有具有type属性的input框
   -input[type=“text”]：选中所有属性type的属性值为text的input框
   -value=[value^=‘1’]选中属性为value，值以1开头的input框…
4. 伪类选择器
   -:first-child：选择第一个孩子节点
   -:last-child：选择最后一个孩子节点
   -:nth-child(n)：选择第n个孩子节点
   -:first-of-type：选择器匹配元素其父级是特定类型的第一个子元素。
   -:last-of-type：选择器匹配元素其父级是特定类型的最后一个子元素。
   -nth-of-type(n)：同理
5. 伪元素选择器
   -::after
   -::before
   -::slection：设置用户选中时的文本样式

复习一下选择器的权重
权重 - 选择器/引入css方式
1000 - style属性中
100 - id选择器
10 - 类选择器、伪类选择器、属性选择器
1 - 标签选择器、伪元素选择器

3.你认为js重要还是vue重要

这一问其实是在问，js和vue的概念介绍以及js和vue的异同、特点。

• 介绍：
  • js：是一门编程语言，完成一些浏览器页面上的动态更新，交互式地图、动画。
  • vue：是一个MVVM识图层框架，可以构建出复杂的单页面应用程序。
• 异同：
  • js是对dom元素进行操作，而vue则没有直接对dom进行操作

4.ES6新特性

• let&const声明：…
• interable迭代器对象：引入的目的是为了统一集合类型；其中Array、Map和Set都属于interable类型，具有interable类型的集合都可以通过for…of循环遍历
• 解构赋值：
  -在vuex中就可以能使用：let {mapState,mapGetter,mapMutation,mapAction} = Vuex
• 箭头函数：用于简化函数的写法，操作符左边为参数，右边为具体操作和返回值
• 延展操作符：…
• 类Class：…

5.跟布局有关的css属性

• width：宽
• hegith：高
• background：背景 (color,image,repeat,postition,attachment)
  • image：url()
  • repeat：是否重复
  • position：位置
  • attachment：规定背景图是否固定或者随着页面的其余部分滚动
• border：盒子(width,style,color)
• padding ：内边距
• margin：外边距
• float：浮动
• position：布局
• z-index：堆叠顺序
• text-align：文本对齐方式
• line-height：设置行高
• display：设置应生成的框类型
• visibility：规定元素是否可见
• overflow：规定当内容溢出元素框时发生的事情

这里标注💛💛💛💛💛💛💛💛💛
1.什么是默认文档流

a) 页面元素出现的顺序与该元素在html文件中代码出现的顺序一致
b) 块级元素独占一样空间
c) 行内元素可以与其他元素共享一行空间

2.display,visibility,opacity隐藏元素区别

display:none;
1）元素彻底消失，js事件绑定无法触发
2）会改变页面布局
visibility:hidden;
1）子元素会显示，父元素不会显示
2）绑定事件不能触发
3）不会改变布局
opacity:0;
1）绑定事件仍可以触发
2）不会改变布局

谢谢你，看到最后！wink😘