Web前端面试指导(八)：iframe有那些缺点

本题的特点

这道题目的特点就是不按照正常的套路来提问，一般都是问优点，这里比较反常问iframe的缺点，很多同学肯定很不习惯这种问答，因为平时只关注有点，这么一问就懵逼了！

本题解答的思路及要点

① iframe会阻塞主页面的Onload事件；

② 搜索引擎的检索程序无法解读这种页面，不利于SEO;

③ 会影响页面的并行加载。

知识补充：什么是并行加载？

并行加载：同一时间针对同一域名下的请求。一般情况，iframe和所在页面在同一个域下面，而浏览器的并加载的数量是有限制的。如下图

答题加分（提出解决方案，这才是面试官想让你回答的）

使用js动态给iframe的src加载页面内容，示例代码如下：

[html] view plain copy 

  1. <iframe id="fram"></iframe>
  2. document.getelementbyid("fram").src="a2.html"

-------------------------------------------------------------------------------------------

时间： 2024-10-03 21:37:50

Web前端面试指导(八)：iframe有那些缺点的相关文章

Web前端面试指导(二)：编写简历，吃透简历内容

2.1 简历模板(仅供参考,不得千篇一律) ~~~~~~温馨提示~~~~~~简历模板文件在QQ群 490916635  2.2 吃透简历内容 2.2.1 吃透自己的简历 简历出现的名词术语要非常熟悉 简历出现的技术要熟练应用,不能熟练的死记硬背也要记下 对于项目要非常熟悉,非常清楚自己所负责的模块 对自己的学历.阅历要非常清楚,特别是那些虚构的,更要下功夫. 2.2.2  项目经验修 Web前端项目经验一般要求在2~3年 项目个数不能少于3个,最好在3~4个之间,也不要太多. 2.2.3 进行模

Web前端面试指导(十)：元素定位有哪些？

本题点评 在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等都需要定位.所以本题的难易程度为简单. 解题思路 position为元素定位属性,包含以下属性值 1. absolute绝对定位 相对位置为父元素为非static的第一个父元素进行定位. 2. fixed  固定定位(老IE6不支持) 相对于浏览器窗口进行定位. 3. relative相对定位 相对于其正常(默认布

Web前端面试指导(十八)：用纯CSS创建一个三角形的原理是什么？

题目点评 三角形的图标在网页设计是很常见的,属于基本常识题,只要在练习做到过这个功能都能回答出来,可以把你做过的思路描述出来就可以了,本题的难易程度为简单 答题要点 1.采用的是均分原理 盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部 2.代码的实现 第一步 保证元素是块级元素 第二步 设置元素的边框 第三步 不需要显示的边框使用透明色 示例代码 [css] view plain copy .square{ width:0; height:0; margin:0 auto;

Web前端面试指导(五)：掌握面试技巧，让面试变得轻松

5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好.自信.谦虚.善于沟通.表达. ü  喜欢追究原理 5.2 面试内容 1.2.1简历上的项目 ü  介绍下你的项目吧? 1)        第一步:介绍你项目是干嘛的 2)        第二步:介绍下你负责的是哪块 3)        第三步:介绍下里面都有什么功能,你是怎么实现的,怎么分层的? 1.2.2非技术=处事方法+表达+态度+忠

Web前端面试指导(一)：写好简历是面试成功的第一步

1.1 简历的作用 简历是求职找工作的敲门砖,优秀的简历更能获取面试的机会 简历是用人单位获取你个人信息的最直接的一种方式 如果没有简历,我们的工作不知从何早起. 1.2 初次写简历存在的困境 以前从来没有写过简历,不知道从哪里写起. 简历的内容不知道写什么,本来语文就不好. 简历写好了不知道可不可以,自己也拿捏不准. 简历常见问题 1)  个人信息简介不完整,甚至连性别都没有写 2)  专业技能描述太细,排序不合理 3)  项目太多或太少,项目描述内容太少, 4)  简历雷同 a)  样式雷同

Web前端面试指导(六)：面试后需要总结和交流

总结自己面试不足的地方 ü  简历没有写好 ü  面试没有调整心态,过于紧张 ü  表达能力,没有很好的将自己想说的意思准确的表达出来 ü  对简历上的项目不清楚,没有描述好 ü  面试中提到的问题没有答上来.与老师和同学沟通交流解决办法 面试后和老师同学分享面试的心得,不断地在面试中成长 面试的建议 ü  对外包公司的偏见 有些同学觉得外包公司不能去,因为不稳定,干二三个月可能就会被辞. 其实这是一种误解,你在公司入职的时候,同样会签合同,如果公司要辞人的话,那就得按合同办事,额外支付二个月的

Web前端面试指导(十九)：CSS样式-如何清除元素浮动？

题目点评 本题属于比较常问的题目,也是在网页设计中经常遇到的问题,面试官希望通过这样的面试题来了解你对网页设计的基本功底,如果这样的题目答不出来,必会让面试官大失所望,面试成功的概率是非常小的. 答题思路 可以先回答在工作上常用的清除方法,并说明为什么使用它,然后在讲一些其它的清除方法来说明你的思维广阔,知识丰富的一面. 浮动的方式有以下4种. 1.使用clear:both清除浮动 示例1:使用div html代码 css代码 <div class="box"> <d

Web前端面试指导(四)：面试前准备-有备而去百战百胜

4.1 步了解公司情况,准备三个问题向对方提问 ü  公司产品介绍 ü  营利模式 ü  发展方向 4.2 项目准备和可能会问到的技术点复习 ü  盒子模型 ü  异步处理 ü  跨域请求 ü  JSON格式 4.3  准备几个可能会问到的问题 ü  你在项目中遇到哪些难以解决的问题,你是如何处理的? ü  你是如何带领团队的? 回答思路: 人的因素 把合适的人放在合适的位置 善于沟通和协调 注意团队的和谐和团结 以结果为导向(奖惩分明) ü  你是如何作风险把控的? 做好工作计划,精确到人和时

Web前端面试指导(十六)：为什么要初始化CSS样式？

题目点评 这个题目乍一看感觉怪怪的,什么叫初始化样式了?如果换一句话你可能就理解了,就是通用样式.这道题目主要涉及的是理论方面的知识,不用写代码,只要描述清楚就可以了 初始化样式的原因 因为浏览器的兼容的问题,不同浏览器有些标签的默认值是不同的,如果没有CSS初始化往往会出现浏览器之间的页面显示差异.