前端 - 面试题总汇

前端 - 面试题总汇
前端基础
alt、title 属性的区别？
2. DIV+CSS 布局较 table 有什么优势？
3. CSS 盒子模型与低版本 IE 盒子模型的区别？
4. CSS 选择符有哪些？
5. JS 的数据类型有哪些？
7. 描述下 JSON 对象的两个很重要的方法
8. eval 是做什么的？
9. 为什么 ajax 发送请求会出现乱码 ，如何解决？
10.HTML5、CSS3 新增了哪些新特性？
11.什么是响应式设计？
13.iframe 的优缺点？
14.meta viewport 是做什么用的，怎么写？
15.json 和 xml 数据的区别
16.document.write 和 innerHTML 的区别
17.jQuery 库中的 $ 是什么？
18.$(document).ready() 和 window.onload 的区别？
19.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
20.你为什么要使用 jQuery？
21.jQuery选择器 和 CSS选择器 的区别？
22.web 前端，怎么做页面性能优化？
BootStrap
23.说一下你对Bootstrap的理解？
24.不同尺寸的设备，Bootstrap 设置的 class 前缀有哪些？
25.什么是 Bootstrap 网格系统（Grid System）？
26.Bootstrap 网格系统列与列之间的间隙宽度是多少？
EasyUI
27.介绍一下 easyui 的布局
28.Easyui 如何实现表单验证
29.Easyui 常用的组件有哪些？
Vue
30. 说说对 Vue.js 的理解？
32.MVVM 定义
33.Vue 的生命周期（重点）
34.Vue 的响应式原理
35.第一次页面加载会触发哪几个钩子？
36.为什么vue 中 data 必须是一个函数？
37.vue 做数据渲染时，如何保证将数据原样输出？
38.active-class 是哪个组件的属性？
39.vue-router 有哪几种导航钩子？
40. $route 和 $router 的区别
41.vue 几种常用的指令
43.vue 常用的修饰符？
44.vue-loader 是什么？使用它的用途有哪些？
45.computed、watch、methods 的区别
46.什么是 js 的冒泡？Vue 中如何阻止冒泡事件？
47.vue 组件通信
48.keep-alive 组件的作用是什么？
49.$nextTick 是什么？
51.Promise 对象是什么？
52.Axios 的特点有哪些？
53.vue 中的 ref 是什么？
54.vue 如何兼容 ie
55.页面刷新 vuex 被清空解决办法？
56.Vue 与 Angular 以及 React 的区别？
57.localstorage 和 sessionstorage 是什么?区别是什么?
58.为什么要进行前后端分离？前后端分离的优缺点？
ElementUI
58.说说你对ElementUI的理解？
59.ElementUI 的计数器组件怎么使用？
60.ElementUI 的表单组件怎么使用？它有哪些属性？
61.ElementUI 的表单验证怎么实现？
62.ElementUI 的表格组件怎么使用？它有哪些属性？
jQuery
jQuery的选择器
$工具方法
jQuery属性和CSS
属性
CSS
筛选与文档处理
过滤、查找
文档处理
事件和动画效果
事件
动画效果
自定义插件
第三方插件 validation
如何用jQuery去获取文本框的值?
js的onload在jQuery里如何表示?
jQuery里如何动态设置样式的?
jQuery的事件?点击事件?失焦事件?该如何表示?
前端基础
alt、title 属性的区别？
alt ：图像无法显示时显示；
title ：鼠标移上去就显示。

  1. DIV+CSS 布局较 table 有什么优势？
    DIV+CSS 布局：
    1、页面体积小，浏览速度快，对于一些控制主机流量的网站来说是最大的优势；
    2、更好地被搜索引擎收录，因为大部分 html 页面的样式写入了 CSS 文件中，便于被搜索引擎采集收录；
    3、CSS 富含丰富的样式，使页面更加灵活，可以根据不同的浏览器，而达到显示效果的统一和不变形；
    4、使用 DIV+CSS 制作方法，在修改页面的时候更加容易省时，提高工作效率；

（table在企业中极少用！！！）

为什么我们要弃用 table 标签？
table的缺点 ：只有等table标签里的内容全部加载完才能显示网页。
table：服务器把代码加载到本地服务器的过程中，本来是加载一行执行一行，但是 table 标签是里面的东西要全都下载完之后才会显示出来，那么如果图片很多的话就会导致网页一直加载不出来，除非所有的图片和内容都加载完，如果要等到所有的图片全部加载完之后才能显示会影响网页的性能，所以 table 标签现在我们基本放弃使用了。

  1. CSS 盒子模型与低版本 IE 盒子模型的区别？
    CSS盒子模型：包括margin、border、padding、content，content部分不包含其他部分；
    IE盒子模型：包括margin、border、padding、content，content部分包含了padding和border；

  2. CSS 选择符有哪些？
    id选择器、类选择器、标签选择器、属性选择器、通配符选择器、子选择器、相邻选择器、后代选择器

id 选择器（ #myid）
类选择器（.myclassname）
标签选择器（div,h1,p） ,用逗号分割，可多个
相邻选择器（h1+p） ，兄弟节点
子选择器（ul>li） ，
后代选择器（lia）
通配符选择器（ * ）
属性选择器（a[rel=“external”]） ，jQuery常用
伪类选择器（a:hover,li:nth-child）
5. JS 的数据类型有哪些？
基本数据类型：Undefined、Null、Boolean、Number、String
引用数据类型：Array 、Object

null，undefined 的区别?
null ：表示一个对象被定义了，值为“空值”
undefined ：表示不存在这个值

  1. 描述下 JSON 对象的两个很重要的方法
    JSON.parse() ：JSON 字符串转换为 JSON 对象
    JSON.stringify() ：JSON 对象转换为JSON 字符串

  2. eval 是做什么的？
    字符串解析成 js 代码并运行（不建议使用，不安全，耗性能，一次解析成 js 语句，一次执行）；
    把JSON字符串转换成JSON对象 ： var obj = eval(’(’+str+’)’)

  3. 为什么 ajax 发送请求会出现乱码 ，如何解决？
    编码格式冲突，在传输中文数据前加 encodURL() 编码

如：encodeURI($("#fk_info").val())；在接收参数时把传过来的内容进行解码
java中编码：URLEncoder.encode(strUri, “UTF-8”);
java中解码：URLDecoder.decode(strUri, “UTF-8”);

10.HTML5、CSS3 新增了哪些新特性？
HTML5：新的语义标签、增强型表单、视频/音频、SVG 与 Canvas绘图、地理定位、拖放API
CSS3：圆角边框、多背景图、颜色与透明度、2d、3d 盒子的变换

HTML5 的新特性：

语义标签：使界面内容结构化

文档头部
文档尾部
posted @ 2021-10-31 15:53  小小狍子  阅读(71)  评论(0)    收藏  举报