百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

JQuery基础笔记及面试题+JavaScript笔记及面试题(含答案)

bigegpt 2024-10-24 09:02 5 浏览

JQuery基础笔记及面试题

1. jQuery 是什么?

2. 为什么要使用 jQuery?

3. jQuery 入口函数

1. jQuery与JavaScript加载模式对比

2. jQuery 其他写法

3. 解决$符号冲突问题

1. 释放 $ 使用权

2. 自定义访问符号

4. jQuery 核心函数

5. jQuery 对象

1. jQuery 对象的本质

6. jQuery 静态方法

1. 什么是静态方法

2. jQuery.holdReady()

3. each 方法

4. map 方法

5. trim 方法

6. isWindow 方法

7. isArray 方法

8. isFunction 方法

7. jQuery 选择器

1. 基础选择器

2. 层次选择器

3. 内容过滤选择器

1. :empty

2. :parent

3. :contains(text)

4. :has(selector)

8. jQuery 属性操作

1. 属性与属性节点

1.什么是属性?

2.如何操作属性?

3.什么是属性节点?

4.如何操作属性节点?

5.属性和属性节点有什么区别?

2. 属性节点方法

1. attr 方法

2. removeAttr 方法

3. prop 方法

4. removeProp 方法

5. attr方法和prop方法区别

9. jQuery Class 操作

1. jQuery Class 类操作

1. addClass

2. removeClass

3. toggleClass

2. jQuery 文本值操作

1. html

2. text

3. val

3. jQuery CSS 样式

1. css 方法

2. width 方法

3. height 方法

4. jQuery 元素位置

1. offset 方法

2. position 方法

5. jQuery scroll 方法

1. scrollTop 方法

2. scrollLeft 方法

10. jQuery 事件

1. 事件绑定

2. 事件解绑

3. 事件坐标

4. 事件冒泡

1. 什么是事件冒泡

2. 阻止事件冒泡

5. 默认行为

1. 什么是默认行为

2. 阻止默认行为

6. 自动触发事件

1. 什么是自动触发事件

2. 自动触发方式

7. 自定义事件

1. 什么是自定义事件

2. 自定义事件的条件

8. 事件命名空间

1. 什么是事件命名空间

2. 添加事件命名空间的条件

3. 事件命名空间注意点(面试题)

9. 事件委托

1. 什么是事件委托

2. 事件委托的好处

3. jQuery 中添加事件委托

10. 移入移出事件

1. mouseenter/mouseleave

2. mouseover/mouseout

3. hover

11. jQuery 动画效果

1. 显示,隐藏动画

1. show

2. hide

3. toggle

4. 注意点

2. 展开,收起动画

1. slideDown

2. slideUp

3. slideToggle

3. 淡入,淡出动画

1. fadeIn

2. fadeOut

3. fadeToggle

4. fadeTo

4. 自定义动画

1. animate

5. 动画队列

6. 动画相关方法

1. delay

2. stop

12. jQuery 文档处理

1. 添加节点

1. 内部插入

2. 外部插入

2. 删除节点

3. 替换节点

4. 复制节点

5. 包裹节点

6. 遍历节点

13. jQuery 面试题

1. 为什么要使用jQuery?jquery有哪些好处?

2. jQuery能做什么?

3. jQuery 库中的 $() 是什么?

4. $(document).ready() 是个什么函数?为什么要用它?

5. (document).ready()方法和window.onload有什么区别?

6. jQuery中.get()提交和.post()提交的区别

7. jQuery中有哪些方法可以遍历节点?

8. $(this) 和 this 关键字在 jQuery 中有何不同?

9. 使用 CDN 加载 jQuery 库的主要优势是什么 ?

10. 如何使用从服务器获取一个复杂数据(对象)?

11. 在使用选择器的时要注意的地方?

12. 有哪些查询节点的选择器?

13. jQuery是如何处理缓存的? ( 要处理缓存就是禁用缓存 )

14. 在jquery中你有没有编写过插件,插件有什么好处?你编写过那些插件?它应该注意那些?

由于答案部分太长了,就不一一给大家演示了,想要获取面试资料答案可以关注我,私信回复“资料”即可免费获取

JavaScript笔记及面试题

1. 初识 javascript

1. JavaScript 简介

2. JavaScript 特点

3. JavaScript 的作用

4. 第一个js语句

输出字符“hello world”

5. js 的引入方式

1. 页头引入(head 标签内)

2. 页中引入(body 标签内)

3. 元素事件中引入(标签属性中引入)

4. 引入外部 JS 文件

6. js 的输出

1. 使用弹出警告框

2. 直接写入HTML文档

3. 写到控制台

4. 使用 innerHTML

7. js 语句

1. javascript 语句

2. javascript 代码

3. JavaScript 对大小写敏感

4. 根据 HTML 文档流的执行顺序

8. js 基本概念

1. JavaScript 的全部关键字:

2. JavaScript 的标识符

3. JavaScript 的常量

4. JavaScript 的变量

5. JavaScript 的注释

2. Js 基本语法

1. 数据类型

1. 字符串

2. 转义字符

3. 数字

1. 整型数据

2. 浮点型数据

4. 布尔

5. 数组

6. 对象

7. NULL

8. Undefined

2. 查看数据类型

1. typeof

3. 运算符

1. 算术运算符

2. 赋值运算符

3. 比较运算符

4. 逻辑运算符

5. 类型运算符

4. 表达式

1. 简单表达式

1. 算术表达式

2. 逻辑表达式

3. 三目表达式

2. 复杂表达式

1. 简单表达式的组合

2. 表达式的运算优先顺序

3. Js 函数

1. 函数的定义

1. 如何定义一个函数

2. 函数名

3. 参数(形参)

2. 函数的调用

3. 函数的返回值

4. 函数的拆分

5. 变量的作用域

1. 全局变量

2. 局部变量

6. 内部函数与闭包

1. 内部函数

1. 常规函数

2. 数组函数

3. 日期函数

4. 数学函数(Math)

5. 字符串函数

2. 闭包

7. 函数作为参数与回调函数

1. 函数作为参数

2. 回调函数

8. 递归函数

9. 函数的作用

4. Js 流程控制

1. 顺序结构

2. 选择结构

1. if 语句

2. if ... else 语句

3. if ... else if ... else 语句

4. 多重选择语句(switch)

3. 循环结构

1. for 循坏

2. while 循环

4. 程序的继续与终止

1. break 语句

2. continue 语句

5. 字符串对象

1. 定义字符串

1. 定义

2. 字符串可以存储一系列字符

3. 使用索引位置来访问字符串中的每个字符

4. 字符串的索引从 0 开始

5. 在字符串添加转义字符来使用引号

6. length 属性

2. 字符串操作

1. 获取字符

1. charAt()方法

2. 直接索引字符

2. 两种方式的不同

3. 查找字符串

1. Match()方法

2. Search()方法

3. indexOf()方法

4. 替换字符串

1. replace()

2. 英文字母大小写的替换

1. toLowerCase()

2. toUpperCase()

5. 字符串连接

1. concat() 连接字符串

2. “+” 连接字符串

6. 截取字符

1. 定义

2. 返回值

6. 数组对象

1. JS数据类型

1. 值类型(基本类型)

2. 引用类型(类)

3. 整数与浮点数

1. 整数

2. 浮点数

2. Math 对象

3. 数值运算

1. 取最大值和最小值

2. 数值取整

3. 绝对值 Math.abs()

4. 随机数的生成 Math.random(x)

5. 返回数的平方根 Math.sqrt(x)

6. 幂运算 Math.pow(x,y)

4. 字符串转化为数值

1. 转换函数

2. 强制类型转换

3. 利用 js 变量弱类型转换

5. 数组简介

1. 定义

2. 数组的赋值

3. 数组元素的获取

6. 数组长度

7. 数组元素的插入和删除

1. unshift()

2. push()

3. shift()

4. pop()

8. 数组元素的截取

1. slice()

9. 数组的排序与反转

1. sort()

2. reverse() 方法

10. 数组的链接与转换

1. concat()

2. join()

3. toString()

4. join()与 tostring()的区别

7. 时间对象

1. 时间的使用场景

2. 基本概念

1. 时区

2. 时间格式

3. 时间戳

3. 时间对象的定义

1. new Date()

4. 将时间对象转为字符串

1. toString()

2. toUTCString()

3. toLocalString()

4. 三者的区别

5. 获取时间

1. 获取年月日

1. getFullYear()

2. getMonth()

3. getDate()

2. 获取时分秒

1. getHours()

2. getMinutes()

2. getMilliseconds()

3. 获取星期

1. getDay()

2. 用 switch

3. 用数组

6. 设置时间

1. 设置时间对象

1. 用时间字符串

2 . 用时间戳

3. 获取当前时间

2. 设置年月日

1. setFullYear(year,month,day)

2. setMonth(month,day)

3. setDate(day)

3. 设置时分秒

1. setHours(hour,min,sec,millisec)

2. setMinutes(min,sec,millisec)

3. setSeconds(sec,millisec)

8. DOM 对象

1. Dom 对象简介

1. HTML DOM 树:

2. 什么是 DOM?

3. HTML DOM 是:

4. 对 DOM 节点的理解

2. 获取 dom 对象

1. getElementById()

2. getElementsByName()

3. 获取相关节点

1. 访问父节点

1. parentNode()

2. 访问兄弟节点

1. nextSibling

2. previousSibling

3. childNodes

4. 操作 DOM 属性、HTML 和文本

1. js 获取的 html 内容包括

2. 通过 attribute 获取和设置属性值

5. 操作 DOM 对象的 CSS

1. 获取css样式

2. 设置css的值

6. 创建 DOM 节点

1. createElement()

2. createTextNode()

3. 创建节点的 HTML

7. 节点的操作

1. removeChild()

2. replaceChild

3. 复制节点

9. Window 对象和 document 对象

1. Window 对象

1. Window 对象简介

2. Window 窗口的打开与关闭

1. open()

2. close()

2. 返回文档的宽度与高度

1. innerheight

2. innerwidth

3. location 对象的属性及方法

1. Location 对象

2. Location 对象属性

3. Location 对象方法

4. document 对象

1. document 对象简介

10. 定时器

1. 执行一次的定时器

1. setTimeout()

2. clearTimeout()

2. 重复执行的定时器

1. setInterval()

2. clearInterval()

11. Js 事件

1. 什么是事件

1. 什么是事件

2. 事件的分类

2. 鼠标事件

1. 鼠标点击事件

2. 鼠标移入移出事件

3. 键盘事件

1. onkeydown 事件

2. onkeypress 事件

3. onkeyup 事件

4. 表单事件

1. onchange 事件:

2. onsubmit 事件

3. onfocus 事件和 onblur 事件

5. 浏览器事件

1. onload 事件

2. onresize 事件

Js 经典面试题

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

2. 从用户刷新网页开始,一次 js 请求一般情况下有哪些地方会有缓存处理?

3. js 如何获取和设置 cookie?

4. 你了解 HTTP 状态码吗,请随便介绍一下。

5. 说说对网站重构的理解。

6. js 数组去重。

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

8. WEB 应用从服务器主动推送 Data 到客户端有那些方式?

9. Node.js 的适用场景

10. Flash、Ajax 各自的优缺点,在使用中如何取舍?

11. 什么叫优雅降级和渐进增强?

12. 哪些操作会造成内存泄漏?

13. 如何解决跨域通信的问题,简述有哪些方法?

14. 写出至少 5 个前端优化的方法,并写明理由。

15. ajax 原理、如何实现刷新数据及优点?

16. 事件绑定和普通事件有什么区别,IE 和 DOM 事件流的区别。

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

18. 谈谈 this 对象的理解。

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

20. JSON 的了解?

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

22. 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好)

由于答案部分太长了,就不一一给大家演示了,想要获取面试资料答案可以关注我,私信回复“资料”即可免费获取

相关推荐

得物可观测平台架构升级:基于GreptimeDB的全新监控体系实践

一、摘要在前端可观测分析场景中,需要实时观测并处理多地、多环境的运行情况,以保障Web应用和移动端的可用性与性能。传统方案往往依赖代理Agent→消息队列→流计算引擎→OLAP存储...

warm-flow新春版:网关直连和流程图重构

本期主要解决了网关直连和流程图重构,可以自此之后可支持各种复杂的网关混合、多网关直连使用。-新增Ruoyi-Vue-Plus优秀开源集成案例更新日志[feat]导入、导出和保存等新增json格式支持...

扣子空间体验报告

在数字化时代,智能工具的应用正不断拓展到我们工作和生活的各个角落。从任务规划到项目执行,再到任务管理,作者深入探讨了这款工具在不同场景下的表现和潜力。通过具体的应用实例,文章展示了扣子空间如何帮助用户...

spider-flow:开源的可视化方式定义爬虫方案

spider-flow简介spider-flow是一个爬虫平台,以可视化推拽方式定义爬取流程,无需代码即可实现一个爬虫服务。spider-flow特性支持css选择器、正则提取支持JSON/XML格式...

solon-flow 你好世界!

solon-flow是一个基础级的流处理引擎(可用于业务规则、决策处理、计算编排、流程审批等......)。提供有“开放式”驱动定制支持,像jdbc有mysql或pgsql等驱动,可...

新一代开源爬虫平台:SpiderFlow

SpiderFlow:新一代爬虫平台,以图形化方式定义爬虫流程,不写代码即可完成爬虫。-精选真开源,释放新价值。概览Spider-Flow是一个开源的、面向所有用户的Web端爬虫构建平台,它使用Ja...

通过 SQL 训练机器学习模型的引擎

关注薪资待遇的同学应该知道,机器学习相关的岗位工资普遍偏高啊。同时随着各种通用机器学习框架的出现,机器学习的门槛也在逐渐降低,训练一个简单的机器学习模型变得不那么难。但是不得不承认对于一些数据相关的工...

鼠须管输入法rime for Mac

鼠须管输入法forMac是一款十分新颖的跨平台输入法软件,全名是中州韵输入法引擎,鼠须管输入法mac版不仅仅是一个输入法,而是一个输入法算法框架。Rime的基础架构十分精良,一套算法支持了拼音、...

Go语言 1.20 版本正式发布:新版详细介绍

Go1.20简介最新的Go版本1.20在Go1.19发布六个月后发布。它的大部分更改都在工具链、运行时和库的实现中。一如既往,该版本保持了Go1的兼容性承诺。我们期望几乎所...

iOS 10平台SpriteKit新特性之Tile Maps(上)

简介苹果公司在WWDC2016大会上向人们展示了一大批新的好东西。其中之一就是SpriteKitTileEditor。这款工具易于上手,而且看起来速度特别快。在本教程中,你将了解关于TileE...

程序员简历例句—范例Java、Python、C++模板

个人简介通用简介:有良好的代码风格,通过添加注释提高代码可读性,注重代码质量,研读过XXX,XXX等多个开源项目源码从而学习增强代码的健壮性与扩展性。具备良好的代码编程习惯及文档编写能力,参与多个高...

Telerik UI for iOS Q3 2015正式发布

近日,TelerikUIforiOS正式发布了Q32015。新版本新增对XCode7、Swift2.0和iOS9的支持,同时还新增了对数轴、不连续的日期时间轴等;改进TKDataPoin...

ios使用ijkplayer+nginx进行视频直播

上两节,我们讲到使用nginx和ngixn的rtmp模块搭建直播的服务器,接着我们讲解了在Android使用ijkplayer来作为我们的视频直播播放器,整个过程中,需要注意的就是ijlplayer编...

IOS技术分享|iOS快速生成开发文档(一)

前言对于开发人员而言,文档的作用不言而喻。文档不仅可以提高软件开发效率,还能便于以后的软件开发、使用和维护。本文主要讲述Objective-C快速生成开发文档工具appledoc。简介apple...

macOS下配置VS Code C++开发环境

本文介绍在苹果macOS操作系统下,配置VisualStudioCode的C/C++开发环境的过程,本环境使用Clang/LLVM编译器和调试器。一、前置条件本文默认前置条件是,您的开发设备已...