热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

web前端系列面试题(一)

web,前端

html&css

  1. 行内元素有哪些?块级元素有哪些?空元素有那些?
  2. link和@import的区别是?
  3. 请描述一下COOKIEs ,sessionStorage 和 localStorage 的区别?
  4. display 与 与 visibility 有何异同?

js

  1. Javascript 中,this 关键字的作用是什么?

  2. 什么是正则表达式?在 Javascript 中,如何应用正则表达式?

  3. Javascript原型,原型链 ? 有什么特点?

  4. 编程题:编写一个数组去重的方法。

  5. 介绍Javascript的基本数据类型。

  6. 说说写Javascript的基本规范?

  7. Javascript原型,原型链 ? 有什么特点?

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

  9. Javascript如何实现继承?

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

  11. Javascript作用链域?

  12. 谈谈This对象的理解。

  13. eval是做什么的?

  14. 什么是window对象? 什么是document对象?

  15. null,undefined的区别?

  16. 写一个通用的事件侦听器函数(机试题)。

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

  18. 关于事件,IE与火狐的事件机制有什么区别? 如何阻止冒泡?

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

  20. Javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么?

  21. 如何判断一个对象是否属于某个类?

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

  23. 用原生Javascript的实现过什么功能吗?

  24. Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?

  25. 对JSON的了解?

  26. [].forEach.call($$(""),function(a){ a.style.outline="1px solid #"+(~~(Math.random()(1<<24))).toString(16) }) 能解释一下这段代码的意思吗?

  27. js延迟加载的方式有哪些?

  28. Ajax 是什么? 如何创建一个Ajax?

  29. 同步和异步的区别?

  30. 如何解决跨域问题?

  31. 页面编码和被请求的资源编码如果不一致如何处理?

  32. 模块化开发怎么做?

  33. AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?

  34. requireJS的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何 缓存的?)

  35. 让你自己设计实现一个requireJS,你会怎么做?

  36. 谈一谈你对ECMAScript6的了解?

  37. ECMAScript6 怎么写class么,为什么会出现class这种东西?

  38. 异步加载的方式有哪些?

  39. documen.write和 innerHTML的区别?

  40. DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

  41. .call() 和 .apply() 的含义和区别?

  42. 数组和对象有哪些原生方法,列举一下?

  43. JS 怎么实现一个类。怎么实例化这个类

  44. Javascript中的作用域与变量声明提升?

  45. 如何编写高性能的Javascript?

  46. 那些操作会造成内存泄漏?

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

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

  49. jquery中如何将数组转化为json字符串,然后再转化回来?

  50. jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝?

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

  52. jQuery 的队列是如何实现的?队列可以用在哪些地方?

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

  54. JQuery一个对象可以同时绑定多个事件,这是如何实现的?

  55. 是否知道自定义事件。jQuery里的fire函数是什么意思,什么时候用?

  56. jQuery 是通过哪个方法和 Sizzle 选择器结合的?(jQuery.fn.find()进入Sizzle)

  57. 针对 jQuery性能的优化方法?

  58. Jquery与jQuery UI有啥区别?

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

  60. jquery 中如何将数组转化为json字符串,然后再转化回来?

  61. jQuery和Zepto的区别?各自的使用场景?

  62. 针对 jQuery 的优化方法?

  63. Zepto的点透问题如何解决?

  64. jQueryUI如何自定义组件?

  65. 需求:实现一个页面操作不会整页刷新的网站,并且能在浏览器前进、后退时正确响应。给出你的技术实现方案?

  66. 如何判断当前脚本运行在浏览器还是node环境中?(阿里)

  67. 移动端最小触控区域是多大?

  68. jQuery 的 slideUp动画 ,如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行,该如何处理呢?

  69. 把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们?

  70. 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?(click 有 300ms 延迟,为了实现safari的双击事件的设计,浏览器要知道你是不是要双击操作。)

  71. 知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?

  72. Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法?

  73. 解释Javascript中的作用域与变量声明提升?

  74. 那些操作会造成内存泄漏?

  75. JQuery一个对象可以同时绑定多个事件,这是如何实现的?

  76. Node.js的适用场景?

  77. (如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?

  78. 解释一下 Backbone 的 MVC 实现方式?

  79. 什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?

  80. 知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?

  81. 如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?

  82. 前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?

  83. 简述一下 Handlebars 的基本用法?

  84. 简述一下 Handlerbars 的对模板的基本处理流程, 如何编译的?如何缓存的?

  85. 用js实现千位分隔符?(来源:前端农民工,提示:正则+replace)

  86. 检测浏览器版本版本有哪些方式?

  87. 我们给一个dom同时绑定两个点击事件,一个用捕获,一个用冒泡,你来说下会执行几次事件,然后会先执行冒泡还是捕获


推荐阅读
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • 本文详细介绍了 PHP 中对象的生命周期、内存管理和魔术方法的使用,包括对象的自动销毁、析构函数的作用以及各种魔术方法的具体应用场景。 ... [详细]
  • DVWA学习笔记系列:深入理解CSRF攻击机制
    DVWA学习笔记系列:深入理解CSRF攻击机制 ... [详细]
  • PHP自学必备:从零开始的准备工作与工具选择 ... [详细]
  • 本文节选自《NLTK基础教程——用NLTK和Python库构建机器学习应用》一书的第1章第1.2节,作者Nitin Hardeniya。本文将带领读者快速了解Python的基础知识,为后续的机器学习应用打下坚实的基础。 ... [详细]
  • 本文总结了Java初学者需要掌握的六大核心知识点,帮助你更好地理解和应用Java编程。无论你是刚刚入门还是希望巩固基础,这些知识点都是必不可少的。 ... [详细]
  • 浅析python实现布隆过滤器及Redis中的缓存穿透原理_python
    本文带你了解了位图的实现,布隆过滤器的原理及Python中的使用,以及布隆过滤器如何应对Redis中的缓存穿透,相信你对布隆过滤 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • 2.2 组件间父子通信机制详解
    2.2 组件间父子通信机制详解 ... [详细]
  • PTArchiver工作原理详解与应用分析
    PTArchiver工作原理及其应用分析本文详细解析了PTArchiver的工作机制,探讨了其在数据归档和管理中的应用。PTArchiver通过高效的压缩算法和灵活的存储策略,实现了对大规模数据的高效管理和长期保存。文章还介绍了其在企业级数据备份、历史数据迁移等场景中的实际应用案例,为用户提供了实用的操作建议和技术支持。 ... [详细]
  • 深入解析:Synchronized 关键字在 Java 中对 int 和 Integer 对象的作用与影响
    深入探讨了 `Synchronized` 关键字在 Java 中对 `int` 和 `Integer` 对象的影响。尽管初看此题似乎简单,但其实质在于理解对象的概念。根据《Java编程思想》第二章的观点,一切皆为对象。本文详细分析了 `Synchronized` 关键字在不同数据类型上的作用机制,特别是对基本数据类型 `int` 和包装类 `Integer` 的区别处理,帮助读者深入理解 Java 中的同步机制及其在多线程环境中的应用。 ... [详细]
  • 本文以 www.域名.com 为例,详细介绍如何为每个注册用户提供独立的二级域名,如 abc.域名.com。实现这一功能的核心步骤包括:首先,确保域名支持泛解析,即将 A 记录设置为 *.域名.com,以便将所有二级域名请求指向同一服务器。接着,在服务器端使用 ASP.NET 2.0 进行配置,通过解析 HTTP 请求中的主机头信息,动态识别并处理不同的二级域名,从而实现个性化内容展示。此外,还需在数据库中维护用户与二级域名的对应关系,确保每个用户的二级域名都能正确映射到其专属内容。 ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • 在探讨Hibernate框架的高级特性时,缓存机制和懒加载策略是提升数据操作效率的关键要素。缓存策略能够显著减少数据库访问次数,从而提高应用性能,特别是在处理频繁访问的数据时。Hibernate提供了多层次的缓存支持,包括一级缓存和二级缓存,以满足不同场景下的需求。懒加载策略则通过按需加载关联对象,进一步优化了资源利用和响应时间。本文将深入分析这些机制的实现原理及其最佳实践。 ... [详细]
author-avatar
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有