前端攻略系列(二) - 前端各种面试题

 幸运且光荣的被老大安排了一个任务 - “去整理些前端面试题”。年前确实不是招人的好时候,所以我们前端团队经过了超负荷的运转,终于坚持过了春节。春节以后就开始招人啦,这套题考察的目标就是基础基础再基础,嘿嘿。

  事先声明:

  • 这些题目的来源:面试曾经被问过;工作被别人问过或者遇见过;网上看见过...
  • 答案真心不给提供,真的是许多问题都需要个人的理解和沉淀,所以还请各位自己动手...前端可以试试自己差不多能回答多少题,哈哈。
  • 其实很多题我也没有好答案,面试的时候如果遇到牛人我也可以顺便交流交流,反正我也只是一面,不丢人也不怕丢人。
  • 如果朋友们有好的面试题欢迎提建议,我会其实补充更新的,先谢谢各位了。

  HTML相关

  1. <!DOCTYPE>标签的定义与用法。
  2. 块级元素和行内元素都有哪些?
  3. 你真的了解HTML吗? 雅虎面试题  把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过,确实是很好的问题)。

 

  CSS相关

  1. 介绍所知道的CSS hack技巧(如:_, *, +, \9, !important 之类)。
  2. 介绍CSS盒模型。
  3. CSS层叠是什么?介绍一下。
  4. 都知道哪些CSS浏览器兼容性问题。
  5. 有时会被问到些刁钻点的题,比如position值都有哪些,CSS3都有哪些新内容...

 

  JavaScript基础相关

  1. HTTP协议的状态消息都有哪些?(如200、302对应的描述)
  2. AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
  3. 同步和异步的区别? 
  4. 简述JavaScript封装。
  5. JavaScript继承有哪两种形式形式,进行描述。
  6. 什么是闭包?以下代码点击<p>会输出什么?为什么?能大概说明白的话继续问能想出几种解决办法。

    复制代码

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>闭包演示</title>
    <style type="text/css">p {background:gold;}
    </style>
    <script type="text/javascript"> 
    function init() {    var pAry = document.getElementsByTagName("p");    for( var i=0; i<pAry.length; i++ ) {    pAry[i].onclick = function() {    alert(i);    } }
    }
    </script> 
    </head> 
    <body onload="init();"> 
    <p>产品 0</p> 
    <p>产品 1</p> 
    <p>产品 2</p> 
    <p>产品 3</p> 
    <p>产品 4</p> 
    </body> 
    </html> 

    复制代码

  7. 在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。
  8. 简述下cookie的操作,还有cookie的属性都知道哪些。
  9. IE与FF的JS兼容性都知道哪些。
  10. DOM操作 - 怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题,一般不会问)。

 

  jQuery相关

  1. jQuery源码是否尝试去读过?说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。
  2. 都知道哪些不好的jQuery书写方式。
  3. Sizzle是否有读过?

 

  其它相关的加分项:

  1. 都使用和了解过哪些编辑器?都使用和了解过哪些日常工具?
  2. 都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器?
  3. 国内外的JS牛人都知道哪些?
  4. 瀑布流布局或者流式布局是否有了解
  5. 正则表达式有系统学习过吗(看书或网上教程)?有的话就问问简单点的邮箱验证、URL验证, 或者问问 贪婪匹配与懒惰匹配 的理论知识。
  6. Node.js是否有过尝试?到什么程度?说说个人理解的看法?
  7. HTML5都有哪些新的JS API?
  8. 前端优化知识都知道哪些?
  9. 基础算法题(如快速排序,能否一两句说说重要的核心原理或者数组消重等)。
  10. 是否有接触过或者了解过重构。

 

  如果觉得此文还算用心,请劳驾点击右下角的推荐^.^ 。 

 

  即将离职,再为老东家出一份力吧。公司网址 www.baifendian.com ,工作地点 北京总公司、沈阳分公司 都行。待遇的话我确实不方便多说,不过以国内的标准来说算是不错的。

  对前端职位感兴趣的话可以发简历至 peng.zhang@baifendian.com ,title请注明来自博客园,谢谢(感觉利用博客招人有点罪恶感,所以就把字设置的小一些吧^.^)。

 

 

作者:聂微东
出处:http://www.cnblogs.com/Darren_code/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/248834.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html 初识

一、web请求流程模拟 python编写的简易服务器应用程序 import socketserversocket.socket() ip_port (127.0.0.1,8080) server.bind(ip_port) server.listen()while 1:conn, addr server.accept()from_browser_msgconn.recv(1024)print(from_browser_msg)conn.send(bHTTP/1.1 …

Iframe的那些事

在web开发中&#xff0c;经常会用到iframe&#xff0c;难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式&#xff1a;window.frames["iframe的name值"].document.getElementByIdx_x(…

异常处理try...catch...throw

C 引入了异常处理机制。其基本思想是&#xff1a;函数 A 在执行过程中发现异常时可以不加处理&#xff0c;而只是“拋出一个异常”给 A 的调用者&#xff0c;假定为函数 B。 拋出异常而不加处理会导致函数 A 立即中止&#xff0c;在这种情况下&#xff0c;函数 B 可以选择捕获 …

Makefile 中:= ?= += =的区别

是最基本的赋值: 是覆盖之前的值? 是如果没有被赋值过就赋予等号后面的值 是添加等号后面的值转载于:https://www.cnblogs.com/mingyunrangwozoudaoxianzai/p/10118039.html

原生JS写Ajax的请求函数

本文主要介绍了如何通过原生JavaScript封装ajax请求&#xff0c;文中给出了具体的实现代码和详细的解释&#xff0c;希望对你有所帮助。 一、JS原生Ajax ajax&#xff1a;一种请求数据的方式&#xff0c;不需要刷新整个页面&#xff1b; ajax的技术核心是 XMLHttpRequest 对象&…

软件工程--第十三周学习进度

第十三周代码量258 所花时间 6h博客量 2篇了解到的知识点 在寻找“水王”程序编写时&#xff0c;学习了一种新的设计思想&#xff0c;两两删除法&#xff0c;最后剩下的就是水王。这种设计思想&#xff0c;感觉可以用到多种编程&#xff0c;感觉很有意思。转载于:https://www.c…

如何使用 tf object detection

# 如何使用 tf object detectionhttps://juejin.i m/entry/5a7976166fb9a06335319080https://towardsdatascience.com/how-to-train-your-own-object-detector-with-tensorflows-object-detector-api-bec72ecfe1d9https://towardsdatascience.com/building-a-toy-detector-with…

WEB文件上传之JQuery ajaxfileupload插件使用(二)

1.JQuery ajaxfileupload插件使用准备 下载地址&#xff1a; http://www.phpletter.com/DOWNLOAD/ 2.原理分析 ajaxfileupload也是利用iframe实现无刷新异步提交&#xff0c;与我的上一篇文章&#xff08;WEB文件上传之apache common upload使用&#xff08;一&#xff09;&…

Navicat安装激活

有条件的同学麻烦不要使用下面的激活步骤&#xff0c;仅供个人学习使用 。。。。。。 。。。。。。 。。。。。。 。。。。。。 一、去官网下载最新Navicat软件https://www.navicat.com.cn/download/navicat-premium 二、去下载激活脚本https://github.com/DoubleLabyrinth/nav…

WEB文件上传之apache common upload使用(一)

文件上传一个经常用到的功能&#xff0c;它有许多中实现的方案。 页面表单 RFC1897规范 http协议上传 页面控件(flash/html5/activeX/applet) RFC1897规范 http协议上传 页面控件(flash/html5/activeX/applet) 自定义数据规范 http协议上传 页面控件(flash/html5/act…

前端CSS学习笔记

一 CSS介绍 层叠样式表(英文全称&#xff1a;Cascading Style Sheets)是一种用来表现HTML&#xff08;超文本标记语言&#xff09;或XML&#xff08;标准通用标记语言的一个子集&#xff09;等文件样式的计算机语言。CSS不仅可以静态地修饰网页&#xff0c;还可以配合各种脚本语…

自律以自救

在一次逻辑思维的跨年晚会上&#xff0c;罗胖曾以「帝王」来形容活在当下移动互联网世界的人们。一个手机 App 可以让你足不出户&#xff0c;享受上百名厨师团队的服务&#xff0c;中饭想吃啥菜式、样品&#xff0c;输入框中一应俱全&#xff0c;光论规格&#xff0c;可能已超过…

Validform使用入门

Validform使用入门 1、引入css 请查看下载文件中的style.css&#xff0c;把里面Validform必须部分复制到你的css中&#xff08;文件里这个注释 "/*以下部分是Validform必须的*/" 之后的部分是必须的&#xff09;。之前发现有部分网友把整个style.css都引用在了页面…

Java爬取并下载酷狗音乐

本文方法及代码仅供学习&#xff0c;仅供学习。 案例&#xff1a; 下载酷狗TOP500歌曲&#xff0c;代码用到的代码库包含&#xff1a;Jsoup、HttpClient、fastJson等。 正文&#xff1a; 1、分析是否可以获取到TOP500歌单 打开酷狗首页&#xff0c;查看TOP500&#xff0c;发现存…

C 表達式及返回值

以下程序的输出结果是__A____。 #include<stdio.h> main() {int i10,j10;printf("%d,%d\n",i,j--); } A、11,10 B、9,10 C、010,9 D、10,9 8.若变量a、i已正确定义&#xff0c;且i已正确赋值&#xff0c;合法的语句是___B___。 A、a1 B、i; C、…

Webpack/Vue-cli两种方式加载markdown文件并实现代码高亮

准备的资源&#xff1a; highlight.js &#xff1a; 实现代码高亮&#xff0c;通过npm install highlight.js -D安装 vue-markdown-loader&#xff1a;解析md文件的必备loader&#xff0c;通过npm install vue-markdown-loader -D安装 下面我们分两个场景来说明一下md文件的…

新浪微博第三方登陆重定向错误23123

新浪微博第三方登陆重定向错误23123 2019年06月02日 13:49:43 温室花朵 阅读数&#xff1a;2更多 个人分类&#xff1a; 第三方微博登陆21323编辑当我们使用微博第三方登陆的时候&#xff0c;发现登陆出错了&#xff0c;错误码为&#xff1a;21323&#xff0c;解决方案如下&…

Utility Manager 的一些百度不了的操作

一进来是不是这样的&#xff01; 那突然出了点问题&#xff0c;咋办呢&#xff01; 就像这样子的&#xff0c; 恢复默认布局就OK啦&#xff01;哈哈哈&#xff0c;太聪明啦&#xff0c;但是百度了好长时间还是找不到啊&#xff0c;怎么办呐&#xff0c;烦死啦&#xff01; 其实…

Echart 5.0+版本报错Error in data(): “TypeError: Cannot read properties of undefined (reading ‘graphic‘)“

首先第一步需要检查echarts的导入方式&#xff0c;在5.0以后的版本&#xff0c;echarts做了比较大的调整&#xff0c;在vue中引入时必须使用如下命令 // import echarts from echarts 这种方式高版本不支持import * as echarts from echartsvue.prototype.$echarts echarts其次…

记录一次内网渗透试验

0x00 前言 目标&#xff1a;给了一个目标机ip&#xff0c;要求得到该服务器权限&#xff0c;并通过该ip渗透至内网控制内网的两台服务器 攻击机&#xff1a;kali (192.168.31.51) 目标机&#xff1a;windows 2003 (192.168.31.196) 0x01 信息收集 nmap端口探测 御剑后台扫描 …