首页 前端知识 jQuery超详细总结,2020-2024前端面试题合集

jQuery超详细总结,2020-2024前端面试题合集

2024-08-14 22:08:02 前端知识 前端哥 173 990 我要收藏
  1. 好用的隐式迭代

  2. 强大的链式编程

  • 因为这些东西的出现,很多时候我们要做的事情被 “一行代码解决”

  • 接下来我们就来认识一下 jQuery

一 选择器


  • $()

  • css怎么获取元素这里就怎么写

  • 获取的是一组元素,当里面是id时,这组元素只有一个内容

特殊选择器
  1. :first $('li:first') 获取元素集合里的 第一个元素

// console.log($(‘li:first’))

  1. :last $('li:last') 获取元素集合里的 最后一个元素

  2. :eq() $('li:eq()')获取元素集合里 索引为n 的那个元素,索引从0开始

  3. :odd $('li:odd') 获取所有索引为 奇数 的元素

  4. :even $('li:even') 获取所有索引为 偶数 的元素

二 筛选器


用在 jQuery 选择的元素后面
都是方法,对选择出来的元素进行二次筛选
  1. first() 筛选 元素集合里面的 第一个元素

// console.log($(‘li’).first())

  1. last() 筛选 元素集合里面的 最后一个元素

  2. eq(n) 筛选元素集合里 索引为n 的那个元素

  3. next() 筛选出来 元素 的下一个 兄弟元素

  • nextAll() 筛选出 元素后面的 所有 兄弟元素

  • nextAll(选择器) 筛选出元素后面的 所有兄弟元素 中符合选择器的元素

  • nextUntil(选择器) 筛选出 元素后面的所有兄弟元素 直到 选中的元素为止 不包含选中的元素

// console.log($(‘span’).nextUntil(‘.a10’))

  1. prev() 筛选出来 元素 的上一个 兄弟元素
  • prevAll() 筛选出 元素上面的 所有 兄弟元素 (元素集合中的元素 从上一个兄弟元素开始排序)

  • prevAll(选择器) 筛选出 元素上面的 所有兄弟元素 中符合选择器的元素

  • prevUntil(选择器) 筛选出 元素上面的所有兄弟元素 直到 选中的元素为止 不包含选中的元素

// console.log($(‘span’).prevUntil(‘.a10’))

  1. parent() 筛选出元素的 父元素
  • parents()筛选出元素的 所有祖先元素 直到html元素

  • parents(选择器)拿到 所有祖先元素中的符合选择器的元素

  • parentsUntil(选择器)筛选出元素的 所有的祖先元素 直到某一个元素 不包含该元素

// console.log($(‘span’).parents(‘body’))

// console.log($(‘span’).parentsUntil(‘html’))

  1. children() 筛选出元素的 所有子级元素
  • children(选择器) 筛选出元素 所有子级元素中的 符合选择器的元素
  1. siblings() 筛选出所有的兄弟元素 不包含 自己
  • siblings(选择器) 筛选出所有的兄弟元素中的 符合选择器的元素
  1. find(选择器)
  • 筛选 一个元素后代中的 符合选择器的元素

  • 在一个元素集合的每一个元素中 查找后代元素 符合选择器的元素

  1. index() 获取元素的索引位置
  • 索引位置是指 是该父元素下的第几个元素 拿到的是 数字

三 文本操作


  1. html() 一个读写的属性
  • html()不传递 参数的时候 就是获取元素内部的超文本内容

  • html(参数)传递 参数的时候 就是设置元素内部的超文本内容

  1. text() 一个读写的属性
  • text()不传递 参数的时候 就是获取元素内部的超文本内容

  • text(参数)传递 参数的时候 就是设置元素内部的超文本内容

  1. val() 一个读写的属性 操作 input 标签
  • val()不传递参数的时候, 就是获取标签的 value 值

  • val(参数)传递一个参数的时候, 就是设置标签的 value 值

总结
  • 获取

  • html() 只能获取第一个元素的超文本内容

  • text() 能获取元素集合内所有元素的文本内容合

  • val() 只能获取第一个元素的 value 值

  • 设置

  • html() 给元素集合内所有元素设置超文本内容

  • text() 给元素集合内所有元素设置文本内容

  • val() 给元素集合内所有元素设置 value 值

四 元素类名操作


  1. addClass() 添加类名
  • 执行这个方法会给元素集合里面所有的元素添加上固定的类名

  • 如果有就不添加, 不存在这个类名时添加

  1. removeClass() 移除类名
  • 执行这个方法删除 元素集合里面所有元素 的指定类名
  1. toggleClass()切换类名
  • 执行这个方法会给元素集合里面的所有元素切换类名

  • 本身存在这个类名, 删除类名

  • 本身不存在这个类名, 添加类名

  1. hasClass() 判断有没有某一个类名
  • 返回的时一个布尔值, 表示这个类名是否存在

五 元素属性操作


在 H5 的标准下, 给了一个定义, 当你需要写自定义属性的时候,最好写成 data-xxx=“值”,当大家看到 data-xxx 的时候, 就知道这是一个自定义属性
  1. attr()removeAttr()
  • attr: attribute 属性

  • attr()

  • 是一个读写的方法

  • attr(要读取的属性名): 传递一个参数的时候是读取

  • attr(属性名, 属性值): 传递两个参数的时候是设置

  • removeAttr() 专门用来移除属性的

  • attr 这套方法的注意:

  • 所有的属性都会显示在标签上(原生属性和自定义属性)

  • 不管你设置的是什么数据类型, 都会给你变成字符串

  • removeAttr 删除 attr 设置的属性, 有多少删除多少(针对自定义属性)

  1. prop()removeProp()
  • prop: property 属性

  • prop()

  • 一个读写的方法

  • prop(要读取的属性名): 传递一个参数的时候是读取

  • prop(属性名, 属性值): 传递两个参数的时候是设置

  • removeProp()专门用来移除属性的

  • prop 这套方法的注意:

  • 非原生属性, 不会显示在标签上, 但是你可以获取使用

  • 你存储的是什么数据类型, 获取的时候就是什么数据类型

  • removeProp 删除 prop 设置的属性, 有多少删除多少(针对自定义属性)

  • removeProp() 不能删除原生属性 id class style 等等

  1. data()removeData()
  • data: data 数据

  • data()

  • 一个读写的方法

  • data(要读取的属性名): 传递一个参数的时候是读取

  • data(属性名, 属性值): 传递两个参数的时候是设置

  • removeData() 专门用来删除数据的

  • data 这套方法的注意:

  • 和元素的原生属性没有关系, 可以设置 id, 但是和元素的 id 没关系

  • 就是在元素身上给你开辟一个地方, 存储一些数据

  • 你设置的是什么数据类型, 拿到的就是什么数据类型

  • removeData 删除 data 设置的属性

  • data() 方法也能读取写在标签上的 H5 标准自定义属性

  • 三个方法存储内容

  • attr 设置的自定义属性存储在标签身上

  • prop 设置的自定义属性存储在元素对象里面

  • data 设置的自定义属性存储在元素对象里面单独开辟的一个对象

六 元素样式操作


  • css()

  • 一个读写的属性

  • 不同操作需要 传递 不同的参数

  1. css('样式名称')
  • css('width')

  • 获取元素的样式值, 不管是行内样式还是非行内样式都能获取

  1. css('样式名称', '样式的值')
  • css('width', '200px')

  • 设置元素的样式值, 元素集合能获取多少个元素就置多少个元素

  • 设置的时候, 所有的单位都可以不写, 默认添加 px为单位

  1. css(对象)
  • css({ width: 100, 不写单位默认是 px height: '200px', opacity: 0.5 })

  • 批量设置 css 样式

  • 给元素集合里面的所有元素, 批量设置样式

七 绑定事件


1. on()方法是专门用来绑定事件
  1. jQuery 里面通用的事件绑定方式

  2. 不同操作 传递 不同参数

  • on方法的各种参数描述
  1. on('事件类型', 事件处理函数)
  • 给元素集合内所有的元素绑定一个事件

// 给 $(‘li’) 获取到的所有元素绑定一个点击事件

// $(‘li’).on(‘click’, function () {

// console.log(‘我被点击了’)

// })

  1. on('事件类型', '事件委托', 事件处理函数)
  • 把 事件委托 位置的元素的事件 委托给了前面元素合

// 给所有的 li 标签设置事件委托, 委托给了 ul

// $(‘ul’).on(‘click’, ‘li’, function () {

// console.log(‘我被点击了, 事件委托’)

// })

  1. on('事件类型', 复杂数据类型, 事件处理函数)
  • 给每一个元素绑定一个事件, 复杂数据类型是发事件时候传递的参数

// 每一个 li 点击的时候, 都能得到中间那个对象

// 就是事件对象了面

// $(‘li’).on(‘click’, { name: ‘Jack’, age: 18 }, function (e) {

// console.log(‘我被点击了, li’)

// console.log(e)

// })

  1. on('事件类型', '事件委托', 任意数据类型, 件处函数)
  • 做一个事件委托的形式, 第三个参数位置的数据

  • 是触发事件的时候, 可以传递进去的数据

  1. on(对象)
  • 给一个元素绑定多个事件的方式 不能传参数

// $(‘ul’).on({

// click: function () { console.log(‘点击事件’) },

// mouseover: function () { console.log(‘移入事件’) },

// mouseout: function () { console.log(‘移出事件’) }

// })

2. one() 方法是专门用来绑定一个只能执行一次的方法
  • 传递的参数个数和意义 于 on 方法一摸一样

  • 绑定上的事件只能执行一次

3. off() 方法是专门用来解绑一个元素的事件的
  • 使用方式
  1. off('事件类型') : 给该事件类型的所有事件处理函数解绑

  2. off('事件类型', 事件处理函数) : 解绑指定事件处理函数

  • 注意:on 和 one 绑定的事件它都能移除
4. trigger() 方法是专门用来触发事件的方法
  1. 不通过点击, 通过代码把事件触发了

  2. trigger('事件类型') : 把该元素的事件给触发了

5. hover()
  1. jQuery 里面唯一一个很特殊的事件函数

  2. 表示一个鼠标悬停动作

  3. 只有一个使用方式

  • hover(鼠标移入的时候触发, 鼠标移出的时候触发)

// hover 事件

// 如果你只传递一个函数, 那么移入移出都触发这一个函数

$(‘ul’)

.hover(

function () { console.log(‘鼠标移入’) },

function () { console.log(‘鼠标移出’) }

)

6. 常用事件
  • jQuery 把一些常用事件直接做成了函数

  • click()

  • mouseover()

  • . . . . . .

  • 直接使用就可以了

  • 使用 click 举一个例子

  • click(事件处理函数)

  • click(参数, 事件处理函数)

  • 参数: 触发事件的时候传递到事件里面的数据

// 常用事件

// 给 ul 绑定了一个点击事件

// $(‘ul’).click([1, 2, 3, 4, true], function (e) {

// console.log(‘你好 世界’)

// console.log(e)

// })

八 节点操作


1. 创建节点
  • 对应原生 js 里面的 createElement()

  • $('html 格式的文本')

// 创建一个 div 元素

console.log($(‘

我是一个创建出来的节点 ’))

2. 插入节点
  • 对应原生 js 里面的 appendChild()

  • 内部插入

  • 放在页面元素的子元素位置, 放在末尾

  • 页面元素.append(要插入的元素)

  • 要插入的元素.appendTo(页面元素)

  • 放在页面元素的子元素位置, 放在最前

  • 页面元素.prepend(要插入的元素)

  • 要插入的元素.prependTo(页面元素)

  • 外部插入

  • 放在页面元素的下一个兄弟元素位置

  • 页面元素.after(要插入的元素)

  • 要插入的元素.insertAfter(页面元素)

  • 放在页面元素的上一个兄弟元素位置

  • 页面元素.before(要插入的元素)

  • 要插入的元素.insertBefore(页面元素)

3. 删除节点
  • 对应原生 js 里面的 removeChild()

  • 页面元素.empty() -> 把自己变成空标签,将所有子元素移除

  • 页面元素.remove() -> 把自己移除

  • 没有删除某一个子节点的方法,因为 jQuery 的选择器的强大,直接找到要删除的节点, remove()

4. 替换节点
  • 对应原生 js 里面的 replaceChild()

  • 页面元素.replaceWith(替换元素)

  • 替换元素.replaceAll(页面元素)

5. 克隆节点
  • 对应原生 js 里面的 cloneNode()

  • 元素.clone()

  • 两个参数的值为 truefalse

  • 第一个参数: 自己的事件是否克隆

  • 第二个参数: 子节点的事件是否克隆

  • 如果第一个参数的值为false,那么第二个参数不起作用,没有意义。

  • 不管你是否传递参数, 都会把所有后代元素都克隆下来

  • 元素 + 文本内容 + 属性 + 行内样式

  • 参数只决定是否克隆元素身上的事件

九 获取元素尺寸


尺寸: 元素的占地面积
  • width 和 height

  • padding

  • border

  • margin

三套方法, 四种使用方式
  • 这些方法都是不考虑盒模型的状态(不管是什么型, 都是固定区域)
  1. width()height()
  • 获取元素的 内容 区域的尺寸
  1. innerWidth()innerHeight()
  • 获取元素的 内容 + padding 区域的尺寸
  1. outerWidth()outerHeight()
  • 获取元素的 内容 + padding + border 区域的尺寸
  1. outerWidth(true)outerHeight(true)
  • 获取元素的 内容 + padding + border + margin 区域的尺寸

十 获取元素位置


1. offset()
  • offset: 偏移量

  • 是一个读写的属性

  • 读取

  • 不传递参数就是读取

  • 读到的元素相对于页面的位置关系

  • 返回值是一个对象 { left: xxx, top: xxx }

  • 书写

  • 传递一个对象就是写入 { left: xxx, top: xxx }

  • 注意: 绝对写入

  • 不管你本身和页面的尺寸是什么样,写多少就是多少

2. position()
  • postition: 定位

  • 只读的方法

  • 读取:

  • 元素相对于定位父级的位置关系

  • 得到的也是一个对象 { left: xxx, top: xxx }

  • 如果你写的是 right 或者 bottom, 会自动计算成 left 和 top 值给你

十一 获取卷去的尺寸(页面滚动条)


scrollTop()
  • 原生 js 里面 document.documentElement.scrollTop

  • 读写的方法

  • 不传递参数的时候就是获取卷去的高度

  • 传递一个参数就是设置卷去的高度

scrollLeft()
  • 原生 js 里面 document.documentElement.scrollLeft

  • 读写的方法

  • 不传递参数的时候就是获取卷去的宽度

  • 传递一个参数的时候就是设置卷去的宽度

十二 jQuery中的函数


ready() 事件
  • 类似于 window.onload 事件,但是有所不同

  • window.onload 会在页面所有资源加载行

  • ready() 会在页面 html 结构加载完毕后执行

  • 也叫做 jQuery 的入口函数

  • 有一个简写的形式 $(function () {})

each() 方法
  • 类似于 forEach(), 遍历数组的

  • jQuery 的元素集合, 是一个 jQuery 数组, 不是一个数组, 不能使用 forEach()

  • forEach语法: forEach(function (item, index) {})

  • each语法:each(function (index, item) {})

  • 比较少用到, 因为 jQuery 隐式迭代 自动遍历

十三 jQuery中的动画


让元素出现不同的移动, 改变
  • transition -> 过渡动画

  • animation -> 帧动画

标准动画
  1. show() 显示元素
  • 语法: show(时间, 运动曲线, 运动结束的函数)
  1. hide() 隐藏元素
  • 语法: hide(时间, 运动曲线, 运动结束的函数)
  1. toggle() 改变元素显示或隐藏(如果显示就隐藏,如果隐藏就显示)
  • 语法: toggle(时间, 运动曲线, 运动结束的函数)

  • 三个方法的参数都可以选填,不需要每个都填写

折叠动画
  1. slideDown() 下滑显示
  • 语法: slideDown(时间, 运动曲线, 运动结束的函数)
  1. slideUp() 上滑隐藏
  • 语法: slideUp(时间, 运动曲线, 运动结束的函数)
  1. slideToggle() 切换滑动和隐藏
  • 语法: slideToggle(时间, 运动曲线, 运动结束的函数)
渐隐渐显动画
  • 实质是透明的opacity的变化
  1. fadeIn() 逐渐显示
  • fadeIn(时间, 运动曲线, 运动结束的函数)
  1. fadeOut() 逐渐消失
  • fadeOut(时间, 运动曲线, 运动结束的函数)
  1. fadeToggle() 切换显示和消失
  • fadeToggle(时间, 运动曲线, 运动结束的函数)

  • 以上三个方法的参数,均有默认值

  1. fadeTo() 设置元素透明度变为你指定的数字
  • fadeTo(时间, 你指定的透明度, 运动曲线, 运动结束的函数)
综合动画
  • animate()

  • 基本上大部分的 css 样式都可以动画

  • transform 不行, 颜色不行

  • 语法: animate({}, 时间, 运动曲线, 运动结束的函数)

  • { }里面就写你要运动的 css 属性,默认单位为px

停止动画
  • 让当前的动画结束

  • 因为 jQuery 的动画你一直点击,就会一直触发。即使不再点击让事件发生,还是会把没执行完的动画执行完毕。

  • 你点击 10 次, 他就会触发 10 次, 直到 10 次全都完毕才结束

  1. stop()
  • 当这个函数触发的时候, 就会让运动立刻停下来

  • 你运动到哪一个位置了就停止在哪一个位置

  1. finish()
  • 当这个函数触发的时候, 就会让运动立刻停下来

  • 不管你运动到了哪一个位置, 瞬间到达运动完成位置

十四 jQuery发送ajax请求


jQuery 里面帮我们封装好了几个方法
专门用来发送 ajax 请求的
  1. $.get() -> 专门用来发送 get 请求的

  2. $.post() -> 专门用来发送 post 请求的

  3. $.ajax() ->

  • 发送什么请求都可以(get, post, put, delete)

  • 并且还可以发送一个 jsonp 请求

jQuery 发送一个 GET 请求
  • 语法: $.get(请求地址, 需要携带到后端的参数, 成功的回调函数, 期望后端返回的数据类型)

  • 请求地址: 你要请求的后端接口地址(必填)

  • 携带参数: 你需要给后端传递的参数

  • 可以是一个固定格式的字符串 ‘key=value&key=value’

  • 也可以是一个对象 { a: 100, b: 200 }

  • 成功回调: 当请求成功的时候会执行的函数

  • 期望数据类型: 就是你是不是需要 jQuery 帮你解析响应体

- 默认是不解析

- 当你传递一个 ‘json’ 的时候, 会自动帮你执行 JSON.parse()

// 打开页面就发送 GET 请求了

// $.get(‘./server/get.php’, ‘a=100&b=200’, function (res) {

// // res 就是后端返回的数据, 也就是响应体

// // console.log(JSON.parse(res))

// console.log(res)

// }, ‘json’)

// $.get(‘./server/get.php’, { a: 300, b: 400 }, res => {

// console.log(res)

// }, ‘json’)

jQuery 发送一个 POST 请求
  • 语法: $.post(请求地址, 需要携带到后端的参数, 成功的回调函数, 期望后端返回的数据类型)

  • 四个参数和 $.get 是一摸一样的

// 打开页面就发送 POST 请求了

// $.post(‘./server/post.php’, ‘c=hello&d=world’, function (res) {

// console.log(res)

// }, ‘json’)

// $.post(‘./server/post.php’, { c: ‘你好’, d: ‘世界’ }, res => {

// console.log(res)

// }, ‘json’)

jQuery 的 $.ajax 方法
  • 用来发送综合 ajax 请求的(GET, POST, PUT, …)
  1. 语法: $.ajax(对象)对象是对本次请求的所有配置
  • $.ajax({

url: ‘’, // => 请求地址(必填)

type: ‘’, // => 请求方式(GET, POST, …) 默认是 GET

data: ‘’, // => 携带到后端的参数

dataType: ‘’, // => 期望后端返回的数据类型, 默认不解析

async: true, // => 是否异步, 默认是 true

success: function () {}, // => 成功的回调

error: function () {}, // => 失败的回调

timeout: 数字, // 单位是 ms, 超时时间(超过你写的时间没有响应, 那么就算失败)

cache: true, // 是否缓存, 默认是 true

context: 上下文, // 改变回调函数里面的 this 指向

})

  1. $.ajax 里面失败的回调
  • 不光是请求失败的时候会触发

  • jQuery 认定失败就是失败

  • 当 dataType 写成 json 的时候, jQuery 会帮我们执行 JSON.parse()

  • 当后端返回一个不是 json 格式的字符串的时候

  • 执行 JSON.parse() 就会报错

  • 也会执行失败的回调, 请求虽然成功, 但是解析失败了, 也是失败

  • JSON.parse(‘你好 世界’) -> 就会报错了

  1. $.ajax 里面是否缓存的问题
  • 这个请求要不要缓存

  • 当两次请求地址一样的时候, 就会缓存

  • 如果你写成 false, 表示不要缓存

  • jQuery 就会自动再你的请求后面加一个参数 _=时间戳

  • 第一次请求 ./server/get.php?_=11:10:01.325的时间戳

  • 第二次请求 ./server/get.php?_=11:10:02.326的时间戳

  1. $.ajax 里面的回调 this 指向问题
  • ajax 的回调里面默认 this 指向被 jQuery 加工过的 ajax 对象

  • context 的值你写的是谁, 回调函数里面的 this 就时谁

  1. $.ajax 里面的请求方式的问题
  • $.ajax 这个方法里面, type 表示请求方式

  • jQuery 还给了我们一个参数叫做 method,也表示请求方式

  • 当你写请求方式的时候

  • 可以写成 type: ‘POST’

  • 也可以写成 method: ‘POST’

  1. $.ajax 里面的接收响应的问题(2015年以后的版本才有 promise 的形式)
  • jQuery 默认把 ajax 封装成了 promsie 的形式

  • 你可以用 success 选项接收成功的回调

  • 也可以用 .then() 的方式接收响应

jQuery 的 ajax 全局钩子函数
  • 钩子: 挂在你的身上, 你的所有动作都和它有关系

  • 这些全局函数都是挂在 ajax 身上的, 这个 ajax 的每一个动作都和全局函数有关系

  • 全局的钩子函数

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后:

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。

点击这里领取Web前端开发经典面试题

.ajax 这个方法里面, type 表示请求方式

  • jQuery 还给了我们一个参数叫做 method,也表示请求方式

  • 当你写请求方式的时候

  • 可以写成 type: ‘POST’

  • 也可以写成 method: ‘POST’

  1. $.ajax 里面的接收响应的问题(2015年以后的版本才有 promise 的形式)
  • jQuery 默认把 ajax 封装成了 promsie 的形式

  • 你可以用 success 选项接收成功的回调

  • 也可以用 .then() 的方式接收响应

jQuery 的 ajax 全局钩子函数
  • 钩子: 挂在你的身上, 你的所有动作都和它有关系

  • 这些全局函数都是挂在 ajax 身上的, 这个 ajax 的每一个动作都和全局函数有关系

  • 全局的钩子函数

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

[外链图片转存中…(img-Dl4Rrhqe-1712162845116)]

[外链图片转存中…(img-RgtCVwOU-1712162845116)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

[外链图片转存中…(img-igsONss5-1712162845117)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后:

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。

点击这里领取Web前端开发经典面试题

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15571.html
标签
评论
发布的文章

04-Json/Ajax/Vue的知识

2024-08-21 10:08:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!