标签：src 面试题 定位 get import div 选择器
html篇
对语义化的理解
- 便于开发者理解，维护
- 便于搜索引擎解析，和SEO
title和alt区别
- title是给用户看的，hover的时候做提示用的
- alt是给搜索引擎读识别的，当图像无法显示是，以alt中的文字替代
iframe得优缺点
优点：
- 解决第三方图标/广告加载缓慢问题
缺点：
- iframe会阻塞主页面的onload事件
href和src区别
- href是建立html与资源之间的链接或者关系，或者建立元素与锚点之间的联系，目的不是引用资源，而是建立联系
- src是把当前带有src的标签替代成src所指向的资源
- 浏览器解析方式不同：遇到src会暂停其它资源的下载/处理，直到把src资源编译加载完毕，这也是为什么要把src放在html末尾的原因
css篇
选择器有哪些？
- 全局选择器 *
- 标签选择器 body
- 类选择器.app
- ID选择器 #app
- 组合选择器 .container .head
- 继承选择器 body div
- 伪类选择器 :hover
@import和link的区别
- link是XHTML标签，除了引入css外还可以用于RSS等其它事物，@import只能用于css
- link在页面加载的同时引入css，@import在页面加载完后引入
- link无兼容问题，@import低版本浏览器不支持
- link能够被js控制，从而改变样式，@import不能
display:none和visibility:hidden的区别
- none只当那元素不存在，hidden会保留该元素的位置，栗子
<span>span1</span>
<div>div</div>
<span>span2</span>
div：display: none时，span1和span2是同一行的，visibility:hidden时它俩是换行的（即div只是被隐藏了，实际div独占一行的位置还保留着）
position的值， relative和absolute分别是相对于谁进行定位的？
- static:默认值，没有定位，元素出现在正常的文档流中。
- relative:相对定位，相对于自己本身在正常文档流中的位置进行定位。
- absolute:生成绝对定位，相对于最近一级定位不为static的父元素进行定位。
- fixed: （老版本IE不支持）生成绝对定位，相对于浏览器窗口或者frame进行定位。
- sticky:生成粘性定位的元素，容器的位置根据正常文档流计算得出，scroll滚动它也不动。
js篇
es5和es6的区别
- let，const替代var
- 箭头函数，还有一些新的数据结构，如Set，Map
- promise解决回调地狱
- 语法糖：class，和对象里函数的写法func() {}，解构赋值
- 模板字符串
map和object的区别
- map的键可以是任意数据类型，obj只能是字符串和Symbol
- map是干净的,默认情况不包含任何键。只包含显式插入的键。而Object有一个原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。栗子：
m = new Map()
o = {}
Map的原型上有get，set等方法，Object原型上有toString等方法
m.set(get, 'get') 不会改变原型上的get，因为它是这样获取的，m.get('get')
o.toString = 'toStr' 下次再调用o.toString()就不行，因为已经被改了（冲突）
常见的css兼容问题
- padding和margin不同，解决方法：
* { margin: 0; padding: 0; }
vue篇
组件通信的方法有哪些
vue2和vue3的区别
- 监听：vue3 proxy，vue2 Object.defineProperties
- vue3对ts支持更好
- vue3有更多的api，setup语法糖
vue全局变量和vuex的区别
vue父组件和子组件生命周期函数的执行顺序
webpack篇
优化篇
标签：src,面试题,定位,get,import,div,选择器 来源： https://www.cnblogs.com/Lilc20201212/p/16671220.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。