1、自我介绍
(1)介绍自我基本情况
(2)三点介绍自己:性格、学习能力、为公司创造什么价值
例子:你好,我叫XXX,来自XXXXX,我是2017年毕业的,我的专业是计算机科学与技术,就读于XXXX。我想应聘贵公司web前端开发这一职位,因为我所掌握的技术和贵公司的任职要求符合。我从三个方面介绍自己。一、学习能力,二、交流能力,三、执行能力
2、在项目中担任的角色是什么?做了什么模块?
前端开发,负责页面的效果展示,不负责后端数据交互
3、H5新增的特性是什么?
(1)新的文档类型 (New Doctype)
(2)语义化的标签
(3)Local Storage 缓存
(4)Input的默认值placeholder
(5)多媒体元素和canvas
4、H5的优缺点?
优点:
(1)跨平台,兼容性好
(2)本地存储特性
缺点:
(1)运行速度容易受网络影响
(2)多次访问不便捷
5、性能优化
(1)减少http请求,即合并CSS、合并JavaScript,要压缩,合理设置缓存
(2)将图片合并成css精灵图
(3)CSS放在页面最上部,javascript放在页面最下面
(4)Css中慎用选择器,层级减少,少标签嵌套选择,多使用类
(5)Js减少对dom的操作
(6)Html中标签嵌套要正确
6、String和array的区别,以及它们的常用方法
一、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()返回字符串。
二、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,删除多少个,添加的元素)
7、做项目有遇到什么难点吗?
难点一二三
8、调用接口?
后端提供的接口文档,使用过
9、Dom事件有哪些?冒泡事件?
(1)单击事件:onclick。用户单击鼠标按键时产生的事件,同时。nclick指定的事件处理程序或代码将被调用执行.
(2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。
(3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:
<ipnut type="text" value="默认信息”οnselect=alert(”您选中T文本框中的文字”)>
(4)获得焦点事件:onfocus。用户单击text或textarea以及select对象,即光标落在文本框或选择框时会产生该事件。如:
<select name= "zhengjian" οnfοcus=alert(”我成为焦点”)>
(5)失去焦点事件:onblur.失去焦点事件正好与获得焦点事件相对,当text或textarea以及select对象不再拥有焦点而退出后台时,引发该事件。
(6)载人文件事件:onload,’当页面文件载人时产生该事件。onload的一个作用就是在首次载人一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中。如:
<body οnlοad=alert(”正在加载页面,请等待一”)>
(7)卸载文件事件:onunload。与载人文件事件。nload正好相反,当Web页面退出时引发的事件,并可更新。ookie的状态。如:
<body οnunlοad=confirm(”你确定要离开本页?”)>
(8)鼠标镇盖事件:onmouseover, onmouseover是当鼠标位于元素上方时所引发的事件。如:
<input type= "boutton" value=”按钮”οnmοuseοver= "window. status=‘请您注意下面的状态栏·;return true">
(9)鼠标离开事件:onmouseout, onmouseout是当鼠标离开元素时引发的事件。如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果。
(10)一般事件。
ondbclick:鼠标双击事件。
onkeypress:当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活的对象。
onkeydown:当键盘上某个键被按下时触发的事件,要求页面内必须有激活的对象。
onkeyup:当键盘上某个键被放开时触发的事件,要求页面内必须有激活的对象。
(11)页面相关事件。
onabort:图片在下载时被用户中断时触发的事件。
onbeforeunload:当前页面的内容将要被改变时触发的事件。