前端面试题(一)

 一个朋友在一家公司面试的题目(准确说是培训公司),面试题目比较简单。

以下答案纯属个人意见(有错处麻烦指教)

 

选择题:

1) 'abcdefg'.substring(4)的结果是()

  A:def  

  B:abc

  C:bcd

  D:efg

 

2) a=[1,2,3]; b=a; a.push(4); b.push(5); a,b分别是多少()

  A:[1,2,3,4] [1,2,3,5]

  B:[1,2,3,4,5] [1,2,3,4,5]

  C:[1,2,3,4,4] [1,2,3,4,5]

  D:[1,2,3,4,5] [1,2,3,5,5]

 

3) 以下数据类型是引用类型的是()

  A:Array

  B:String

  C:Number

  D:Date

 

4) 下列不属于盒模型的 css 属性的是()

  A:margin

  B:font

  C:padding

  D:border

 

5) 下列不属于 HTML5 的新特性的是()

  A:localstorage

  B:canvas

  C:cookie

  D:manifest

 

6) 下列不属于 CSS3 新属性的是()

  A:transition

  B:overflow

  C:animation

  D:transform

 

7) 下列不属于 img 属性的是()

  A:alt

  B:src

  C:href

  D:title

 

8) 用 jQuery 获取一个页面中所有 class 为 abc 的所有节点,下列方式正确的是()

  A:$(".abc")

  B:$("abc")

  C:$("#abc")

  D:$("*abc")

 

问答题:

1) 用 JavaScript 实现将字符串 "abcdca" 中的所有 a 替换为 s

  var str = "abcdca";

  方法一:
  var res1 = str.replace(/a/g,"s");

  方法二:

  var res2 = str2.split('a').join('s');

 

2) 写出你所知道的 http 状态码及状态码的简单理解

  列举个别:详情请百度

  101:服务器已经理解了客户端的请求,并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。
  200:请求已成功,请求所希望的响应头或数据体将随此响应返回。
  305:被请求的资源必须通过指定的代理才能被访问。
  404:请求失败,请求所希望得到的资源未被在服务器上发现。
  505:服务器不支持,或者拒绝支持在请求中使用的 HTTP 版本。

 

3) 写出你知道的 HTML5 新特性和新标签,css3 新属性

  HTML新特性(部分)

  1、简化的DOCTYPE声明  <!DOCTYPE HTML>;

  2、新增的全局属性  contenteditable 表示设置HTML元素可编辑;

  3、spellcheck 是否对用户输入的内容进行语法拼写检查,若检查不通过,下划线标注;

  4、draggable  制定html元素是否可进行拖动。dropzone 用来规定当元素被拖动时发生的动作;

 

  HTML新标签(部分)

   绘画canvas;

  用于媒介播放的  video 和 audio标签;

  语义化更好的元素,如nav footer article;

  表单控件,date、time、email、url、search;

 

  CSS 新属性

  过渡 transition

  变换 transform

  动画 animation

  圆角 border-radius

  阴影 box-shadow,text-shadow

  ...

 

4) 写出你所知道的 css 单位及简单描述

  

 

5) 写出你所知道的前端优化的技巧

  1、减少http请求,合理设置 HTTP缓存

  2、使用浏览器缓存

  3、启用压缩

  4、CSS Sprites

  5、减少cookie传输

  6、避免使用 eval

  7、减少作用域链查找

  8、CSS选择符优化

  ...

 

 选择题答案:

1:D    2:B  3:AD

4:B  5:C  6:B

7:C  8:A

 

好无聊啊QAQ

 

转载于:https://www.cnblogs.com/wyhlightstar/p/7339222.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很抱歉,我无法提供具体的2024年前端面试题一百道,因为面试题的内容和形式可能会因公司、职位和行业而异。不过,我可以提供一些通用的前端面试题,以帮助您准备面试。 1. 请简述前端开发的主要技术栈包括哪些? 2. 请描述一下什么是HTML、CSS和JavaScript? 3. 请解释一下什么是响应式设计?如何在前端开发中实现响应式设计? 4. 请简述一下什么是前端框架,并列举几个常用的前端框架。 5. 请解释一下什么是Vue.js,并简述其核心概念和用法。 6. 请解释一下什么是React.js,并简述其核心概念和用法。 7. 请简述一下什么是Webpack,并解释其作用和用法。 8. 请解释一下什么是ES6,并列举一些ES6的新特性。 9. 请简述一下什么是前端性能优化,并列举一些优化技巧。 10. 请解释一下什么是HTTP/2,并简述其优点和缺点。 除了以上问题,您还可以准备一些更具体的问题,例如: 1. 请解释一下如何使用CSS选择器选择元素? 2. 请解释一下如何使用JavaScript操作DOM? 3. 请描述一下如何使用Vue.js实现一个简单的计数器组件。 4. 请解释一下如何使用React.js实现一个简单的表单组件。 5. 请描述一下如何使用Webpack进行代码拆分和优化。 6. 请解释一下什么是跨域问题,并简述如何解决跨域问题。 7. 请描述一下如何使用JavaScript进行异步编程,例如使用Promise和async/await。 8. 请解释一下什么是前端安全,并列举一些常见的安全问题及其解决方法。 希望以上信息对您有所帮助,祝面试成功!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值