10.jquery面试常问知识点

• 1. 简答题

  你在 jQuery 中使用过哪些插入节点的方法，它们的区别是什么？

  解析：

   append(),appendTo(),prepend(),prependTo(),after(),insertAfter()，before(),insertBefore()大致可以

  分为内部追加和外部追加

  append()表示向每个元素内部追加内容

  appendTo()将所有匹配的元素追加到指定的元素中

  prepend()：向每个匹配的元素内部前置添加内容

  prependTo()：将所有匹配的元素前置到指定的元素中

  after()：在每个匹配元素之后插入内容

  insertAfter()：将所有配的元素插入到指定元素的后面

  例$(A).appendTo(B)是将 A 追加到 B 中下面的方法解释类似

• 2. 简答题

  解释 react 中 render()的目的？

  解析：

  每个 react 组件强制要求必须有一个 render()。它返回一个 react 元素，是原生 DOM 组件

  的表示,如果需要渲染多个 HTML 元素，则必须将它们组合在一个封闭标记内，例如<form>、

  <group>、<div>等,此函数必须保持纯净，即必须每次调用时都返回相同的结果

• 3. 简答题

  react,redux 可以运行在服务端吗?有什么优势？

  解析：

  利于 SEO、提高首屏渲染速度、同构直出，使用同一份 JS 代码实现，便于开发和维护

• 4. 简答题

  如何告诉 react 它应该编译生产环境版本？

  解析：

  通常情况下我们会使用 webpack 的 DefinePlugin 方法来将 node_ENV 变量值设置为

  production。编译版本中 react 会忽略 propType 验证以及其他的告警信息，同时还会降低代

  码库的大小，react 使用了 Uglify 插件来移除生产环境下不必要的注释等信息

• 5. 简答题

  在 jQuery 中引入 css 有几种方式？

  解析：

  四种：行内式，内嵌式，导入式，链接式

• 6. 简答题

  你使用过 jQuery 中的动画吗，是怎样用的？

  解析：

  使用过。

  1）hide()和 show()同时修改多个样式属性，像高度，宽度，不透明度；

  2）fadeIn()和 fadeOut()fadeTo()只改变不透明度

  3）slideUp()和 slideDown()slideToggle()只改变高度；

  4）animate()属于自定义动画的方法.

• 7. 简答题

  如何去介绍项目？

  解析：

  首先描述自己所做项目有哪些功能模块，然后描述其中单个模块有哪些功能，再对其中的

  一个单独功能进行详细描述，中间可以穿插一下遇到的技术问题，循环往复，和面试官保持平

  等对话。

  举例：

  我在上家单位最近做的项目是一个基于 ajax 和 template 完成了一款文章资讯类的项

  目，其中包含登录功能，一文章列表渲染等功能，通过封装单独的 API 文件，为了保证业务

  逻辑之前更加清晰，配合 ajax 完成了对文章分类功能的数据渲染，以及实现删除文章，以

  及修改，添加文章等操作

• 8. 简答题

  JQuery 的常用的方法增、删、复制、改、查？

  解析：

   1、插入

  append(content) ：将 content 内容插入到匹配元素内容的最后

  prepend(content) ：将 content 内容插入到匹配元素内容的最前

  2、删除

  empty()将内容清空标签还在

  remove()指定的标签和内容都移除

  3、复制

  clone( [true] )

• 9. 简答题

  简单的讲叙一下 jQuery 是怎么处理事件的，你用过哪些事件？

  解析：

  首先去加载文档，在页面加载完毕后，浏览器会通过 javascript 为 DOM 元素添加事件

  JQuery 中的常用事件

  .click()鼠标单击触发 du 事件

  .dblclick()双击触发

  .mousedown()/up()鼠标按下/弹起触发事件

  .mousemove()，鼠标移动事件；.mouseover()/out()，鼠标移入/移出触发事件

  .mouseenter()/leave()鼠标进入/离开触发事件

  .hover(func1,func2)，鼠标移入调用 func1 函数，移出调用 func2 函数

  .focusin()，鼠标聚焦到该元素时触发事件

  .focusout()，鼠标失去焦点时触发事件

  . focus()/.blur()鼠标聚焦/失去焦点触发事件（不支持冒泡）

  .change()，表单元素发生改变时触发事件

  .select()，文本元素被选中时触发事件

  .submit()，表单提交动作触发

  .keydown()/up()，键盘按键按下/弹起触发

  .on()，多事件的绑定

• 10. 简答题

   jQuery 中$.get()提交和$.post()提交有区别吗？

  解析：

  相同点：都是异步请求的方式来获取服务端的数据；

  异同点：1、请求方式不同：$.get() 方法使用 GET 方法来进行异步请求的。$.post() 方法使用

  POST 方法来进行异步请求的。

  2、参数传递方式不同：get 请求会将参数跟在 URL 后进行传递，而 POST 请求则是作为 HTTP

  消息的实体内容发送给 Web 服务器的，这种传递是对用户不可见的。

  3、数据传输大小不同：get 方式传输的数据大小不能超过 2KB 而 POST 要大的多

  4、安全问题：GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。

面试鸭