前端面试的问题汇总-1
一、自我介绍javascript
（1）介绍自我基本状况css
（2）三点介绍本身：性格、学习能力、为公司创造什么价值前端
例子：你好，我叫XXX，来自XXXXX，我是2017年毕业的，个人专业是计算机科学与技术，就读于XXXX。我想应聘贵公司web前端开发这一职位，由于我所掌握的技术和贵公司的任职要求符合。我从三个方面介绍本身。1、学习能力，2、交流能力，3、执行能力java
二、在项目中担任的角色是什么？作了什么模块？web
前端开发，负责页面的效果展现，不负责后端数据交互正则表达式
三、H5新增的特性是什么？canvas
（1）新的文档类型 (New Doctype)后端
（2）语义化的标签数组
（3）Local Storage 缓存缓存
（4）Input的默认值placeholder
（5）多媒体元素和canvas
四、H5的优缺点？
优势：
（1）跨平台，兼容性好
（2）本地存储特性
缺点：
（1）运行速度容易受网络影响
（2）屡次访问不便捷
五、性能优化
（1）减小http请求，即合并CSS、合并JavaScript，要压缩，合理设置缓存
（2）将图片合并成css精灵图
（3）CSS放在页面最上部，javascript放在页面最下面
（4）Css中慎用选择器，层级减小，少标签嵌套选择，多使用类
（5）Js减小对dom的操做
（6）Html中标签嵌套要正确
六、String和array的区别，以及它们的经常使用方法
1、String:
1.charAt()返回在指定位置的字符。（stringObject.charAt(index)）
2.charCodeAt()返回在指定的位置的字符的 Unicode 编码。
3.concat()链接字符串。
4.indexOf()检索字符串。
5.lastIndexOf()从后向前搜索字符串。
6.replace()替换与正则表达式匹配的子串。
7.slice()提取字符串的片段，并在新的字符串中返回被提取的部分。stringObject.slice(start,end)
8.split()把字符串分割为字符串数组。stringObject.split(指定分割的符号,返回数组的长度)
9.substr()从起始索引号提取字符串中指定数目的字符。stringObject.substr(start,length),start是必需要写的，是要抽取的子串的起始下标。必须是数值。若是是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符
10.substring()提取字符串中两个指定的索引号之间的字符。stringObject.substring(start,end)
11.toString()返回字符串。
2、Array经常使用方法：
1.jion()方法用于把数组中的全部元素放入一个字符串。ArrayObject.jion(指定符号),指定要使用的分隔符。若是省略该参数，则使用逗号做为分隔符。
2.contact()链接两个或更多的数组，并返回结果。
3.pop()删除并返回数组的最后一个元素
4.push()向数组的末尾添加一个或更多元素，并返回新的长度。
5.shift()删除并返回数组的第一个元素
6.unshift()向数组的开头添加一个或更多元素，并返回新的长度。
7.reverse()颠倒数组中元素的顺序。
8.slice()从某个已有的数组返回选定的元素ArrayObject.slice(start,end),start必须写，规定从何处开始选取。若是是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
9.sort()对数组的元素进行排序（是按照字符编码的顺序进行排序）
10.splice() 方法向/从数组中添加/删除项目，而后返回被删除的项目。ArrayObject.splice(须要删除数的位置index,删除多少个，添加的元素)
七、作项目有遇到什么难点吗？
难点一二三
八、调用接口？
后端提供的接口文档，使用过
九、Dom事件有哪些？冒泡事件？
(1)单击事件:onclick。用户单击鼠标按键时产生的事件，同时。nclick指定的事件处理程序或代码将被调用执行.
(2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。
(3)选中事件:onselect。当text或textarea对象中的文字被选中时会引起该事件。如:
<ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框中的文字”)>
(4)得到焦点事件:onfocus。用户单击text或textarea以及select对象，即光标落在文本框或选择框时会产生该事件。如:
<select name= "zhengjian" onfocus=alert(”我成为焦点”)>
(5)失去焦点事件:onblur.失去焦点事件正好与得到焦点事件相对，当text或textarea以及select对象再也不拥有焦点而退出后台时，引起该事件。
(6)载人文件事件:onload,’当页面文件载人时产生该事件。onload的一个做用就是在首次载人一个页面文件时检测cookie的值，并用一个变量为其赋值，使它能够被源代码使用，本事件是window的事件，可是在HTML中指定事件处理程序时，通常把它写在<body>标记中。如:
<body onload=alert(”正在加载页面，请等待一”)>
(7)卸载文件事件:onunload。与载人文件事件。nload正好相反，当Web页面退出时引起的事件，并可更新。ookie的状态。如:
<body onunload=confirm(”你肯定要离开本页?”)>
(8)鼠标镇盖事件:onmouseover, onmouseover是当鼠标位于元素上方时所引起的事件。如:
<input type= "boutton" value=”按钮”onmouseover= "window. status=‘请您注意下面的状态栏·;return true">
(9)鼠标离开事件:onmouseout, onmouseout是当鼠标离开元素时引起的事件。若是和鼠标覆盖事件同时使用，能够建立动态按钮的效果。
(10)通常事件。
ondbclick:鼠标双击事件。
onkeypress:当键盘上的某个键被按下而且释放时触发的事件，要求页面内必须有激活的对象。
onkeydown:当键盘上某个键被按下时触发的事件，要求页面内必须有激活的对象。
onkeyup:当键盘上某个键被放开时触发的事件，要求页面内必须有激活的对象。
(11)页面相关事件。
onabort:图片在下载时被用户中断时触发的事件。
onbeforeunload:当前页面的内容将要被改变时触发的事件。
- 1. 前端面试题汇总
- 2. 前端面试问题css汇总
- 3. 前端面试问题汇总
- 4. 2020年前端面试问题汇总
- 5. 前端面试 问题汇总
- 6. 前端面试题汇总 笔试题
- 7. web前端面试题目汇总 Web前端面试题目汇总
- 8. 前端面试题-问题和答案汇总2020（web一面）
- 9. 前端工程师面试题汇总
- 10. 前端面试题汇总（四）
- 更多相关文章...
- • Docker 资源汇总 - Docker教程
- • Redis悲观锁解决高并发抢红包的问题 - 红包项目实战
- • 使用阿里云OSS+CDN部署前端页面与加速静态资源
- • PHP Ajax 跨域问题最佳解决方案
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 前端面试题汇总
- 2. 前端面试问题css汇总
- 3. 前端面试问题汇总
- 4. 2020年前端面试问题汇总
- 5. 前端面试 问题汇总
- 6. 前端面试题汇总 笔试题
- 7. web前端面试题目汇总 Web前端面试题目汇总
- 8. 前端面试题-问题和答案汇总2020（web一面）
- 9. 前端工程师面试题汇总
- 10. 前端面试题汇总（四）