1、说一说ifream标签的作用
<ifream></ifream>用来在页面嵌入其他页面,通过src属性实现链接其他页面,更多属性说明
ifream标签的使用场景
- 典型系统结构,左侧是功能树,右侧就是一些常见的table或者表单之类的。
- 加载别的网站内容,例如google广告,网站流量分析。
- 网站内多个地方用到同一个页面,便于后期维护。
ifream标签的优点
- iframe能够把嵌入的网页原样展现出来。
- 模块分离,便于更改,如果有多个网页引用iframe,只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。
- 网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,增加代码的可重用。
- 如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。
- 重载页面时不需要重载整个页面,只需要重载页面中的一个框架页。
- iframe可以解决第三方内容加载缓慢的问题。
ifream标签的缺点
- iframe框架的内容无法被搜索引擎捕获, 所以iframe不适用于首页。
- iframe兼容性较差。
- iframe会阻塞主页面的Onload事件。
2、谈谈css预编译
css预编译简洁明了,就是预先编译处理css。它扩展扩展了 css 语言,增加了变量、函数等编程的特性,使 css 更易维护和扩展。工作原理是提供便捷的语法和特性用于开发,随后经过专门的编译工具将源码转化为css语法。
css预编译诞生的原因
- 语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器。
- 样式复用不灵活。
css预编译的优点
- 增加样式层复用,减少冗余代码,提高样式代码的可维护性。
- 增强编程能力;便于解决浏览器兼容性。
css预编译常用的预处理器
3、vue相比于web有哪些优点
问题的主要是:vue有哪些优点vue优缺点
- vue特点:响应式编程、组件化。
- vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。
- vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom,这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。
4、js中如何阻止事件冒泡、默认事件
阻止事件冒泡:event.stopPropagation();
阻止默认事件:event.preventDefault();
5、说说有哪些css 2d转换
常用的五个变换:translate()、rotate()、scale()、skew()、matrix()
6、谈谈js的事件委托
通俗的讲,事件就是onclick,onmouseover,onmouseout等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是利用冒泡的原理,把事件加到父级上,触发执行效果。提高性能,节省内存占用,减少事件注册。
代码如下:
function on(eventType, element, selector, fn) {
if (!(element instanceof Element)) {
element = document.querySelector(element);
}
element.addEventListener(eventType, (e) => {
const t = e.target;
if (t.matches(selector)) {
fn(e);
}
});
}
//事件名,委拖元素, 被操作元素, 执行代码
on("click", "#div1", "button", () => {
console.log("button被点了");
});
7、HTML5新特性
包括但不限于:详细说明
- 语义化标签
- 增强型表单
- DOM扩展
- 原生拖放
- 媒体元素
- Web Socket
- Web Storage
- 地理位置
- canvas绘图