目 录CONTENT

文章目录

面试题精选一

Administrator
2020-07-24 / 0 评论 / 1 点赞 / 12057 阅读 / 4716 字

面试题精选一

::: tip 基础第一番
整理时间:2019-9-29
:::

  1. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

  2. 面向对象编程:b怎么继承a

  3. 介绍一下你对浏览器内核的理解?

  4. 请描述一下 cookies,sessionStorage 和 localStorage 的区别?

  5. Label的作用是什么?是怎么用的?(加 for 或 包裹)

  6. 如何在页面上实现一个圆形的可点击区域?

  7. CSS选择符有哪些?哪些属性可以继承?

  8. CSS优先级算法如何计算?

  9. 请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?

  10. 用纯CSS创建一个三角形的原理是什么?

  11. 三栏式布局如何设计?

  12. li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?

  13. 为什么要初始化CSS样式。

  14. 解释一下BFC

  15. 元素竖向的百分比设定是相对于容器的高度吗?

  16. ::before 和 :after中双冒号和单冒号 有什么区别?解释一下这2个伪元素的作用。

  17. 如何修改chrome记住密码后自动填充表单的黄色背景 ?

  18. 你对line-height是如何理解的?line-height:1是什么意思

  19. 设置元素浮动后,该元素的display值是多少?

  20. 怎么让Chrome支持小于12px 的文字?

  21. JavaScript有几种类型的值?(堆:原始数据类型和 栈:引用数据类型),你能画一下他们的内存图吗?

  22. Javascript创建对象的几种方式?

  23. Javascript作用域?

  24. 谈谈this对象的理解。this的指向有哪几种情况?

  25. [“1”, “2”, “3”].map(parseInt) 答案是多少?

  26. 什么是闭包(closure),为什么要用它?

  27. new操作符具体干了什么呢?

    1、调用构造函数,创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。
    2、属性和方法被加入到 this 引用的对象中。
    3、新创建的对象由 this 所引用,并且最后隐式的返回 this 。
    
  28. Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?

    这题就是前两天让同学们查询Object.keys(),Reflect.ownKeys()等方法的,自己要做总结
    

    1569759647243

  29. 对JSON的了解?

  30. Ajax 是核心什么? 如何创建一个Ajax?

  31. 同步和异步的区别?

  32. 如何解决跨域问题?

  33. 模块化开发怎么做?你所知道的前端模块化方案有哪些?

    AMD与CMD的区别:这两种规范的差异,主要通过 requirejs 与 seajs 的对比,理解模块的定义与引用
    方式的差异以及这两种规范的设计原则
    参考链接 1:https://www.zhihu.com/question/20351507/answer/14859415 
    参考链接 2:https://github.com/seajs/seajs/issues/277
    
  34. .call() 和 .apply() 的含义和区别?bind()有什么作用?

  35. JavaScript中的作用域与变量声明提升?

  36. JQuery的源码看过吗?能不能简单概况一下它的实现原理?

  37. jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?

  38. jquery.extend 与 jquery.fn.extend的区别?

  39. 谈一下Jquery中的bind(),live(),delegate(),on()的区别?

  40. 如何判断当前脚本运行在浏览器还是node环境中

  41. rgba()和 opacity 的透明效果有什么不同?

  42. 浮动以后的元素怎么居中

  43. 知道 normalize.css 吗?它的作用是干什么的?

  44. 浏览器的内核有哪些

  45. javascript的typeof的返回值有哪些?

  46. 如果阻止事件的默认行为?如何阻止事件冒泡

  47. jQuery里面的event对象与DOM里面的event对象有什么区别,如果通过jQuery的event对象找到JS的event对象

  48. =====的区别

  49. 你所知道的数组去重方法有哪些?

  50. 希望获取页面所有的checkbox选 中的元素,应该怎么做(不依赖于第三方框架)

  51. foo=foo||bar;这句代码是什么意思

  52. 正则表达式构造函数 var reg=new RegExp(“xxx”)与正则表达字面量,var reg=//有什么不同?匹配邮箱的正则表达式?

  53. var a=10; b=20; c=4; ++b+c+a++ 正确是多少?

  54. 列举浏览器对象模型 BOM 里常用的至少 4 个对象,并列举 window 对象的常用方法.至少 5 个.

  55. 将数字 12345678 转化成 RMB 形式 如: 12,345,678

  56. HTTP 状态消息 200 302 304 403 404 500 分别表示什么?

  57. link与@import的区别在哪里

  58. 正则表达式构造函数 var reg=new RegExp(“xxx”)与正则表达字面量
    var reg=//有什么不同?匹配邮箱的正则表达式?

    当使用 RegExp()构造函数的时候,不仅需要转义引号(即\”表示”),并且还需
    要双反斜杠(即\\表示一个\)。使用正则表达字面量的效率更高。
    
  59. 你如何对网站的文件和资源进行优化?

    文件合并
    文件最小化/文件压缩
    使用 CDN 托管
    缓存的使用
    
  60. 你能描述一下渐进增强和优雅降级之间的不同吗?(从优先级,兼容性两个方面查询资料)

  61. ajax 的缺点!

  62. ajax 请求的时候 get 和 post 方式的区别

  63. javascript 的本地对象,内置对象和宿主对象

    本地对象为独立于宿主环境的 ECMAScript 提供的对象,包括 Array Object RegExp
    等可以 new 实例化的对象
    内置对象为 Gload,Math 等不可以实例化的(他们也是本地对象,内置对象是本地对
    象的一个子集)
    宿主对象为所有的非本地对象,所有的 BOM 和 DOM 对象都是宿主对象,如浏览器自
    带的 document,window 等对象
    
  64. JQuery 一个对象可以同时绑定多个事件,这是如何实现的?

  65. 下面这个 ul,如何点击每一列的时候 alert 其 index?(闭包)

    <ul id=”test”>
        <li>这是第一条</li>
        <li>这是第二条</li>
        <li>这是第三条</li>
    </ul>
    
  66. ajax的请求是否可以同步进行?jQuery中的ajax方法是否可以同步进行,如果可以,应该怎么操作?

  67. 下面代码执行的结果是什么

    (function(x){
        delete x;
        alert(x);
    })(1+5);
    

    函数参数无法 delete 删除,delete 只能删除通过 for in 访问的属性。
    当然,删除失败也不会报错,所以代码运行会弹出“1”。

1

评论区