这套资料的主题很明确:把 JavaScript 从「会写页面交互」推到「能扛业务逻辑」,再接到 Vue 全家桶上做完整项目。它不教 HTML 和 CSS 入门,也不讲切图还原,默认你已经能写出静态页面、会用 jQuery 或原生 DOM 做点效果。如果你正卡在这个阶段——看得懂语法,一遇到异步、原型、组件通信就绕不过去——那它的针对性比较强。

它解决的是哪一段断层

多数人自学前端到某个点会停住:能改页面,但读不懂别人封装的函数,遇到 this 指向、闭包、原型链就靠猜;ES6 的箭头函数、解构、模块化看得懂但用不顺手;到了 Vue,能照着文档拼出一个页面,却说不清数据怎么在组件间流转、生命周期该在哪一步发请求。这套资料的四块内容基本就是按这条断层线排的:先补 JS 的语言机制,再统一到 ES6 的写法,最后用 Vue 全家桶把前面这些东西串成一个能跑起来的项目。它不承诺帮你拿高薪,但能让你在面试被追问原理时不至于哑火。

建议的推进顺序和基础要求

如果你 JS 基础还停在变量和循环,先别急着开 Vue 部分,把前两块 JS 进阶老老实实过一遍,重点是作用域、原型、异步这几处,遇到看不懂的代码就自己敲一遍改参数看输出。ES6 那一块可以当成语法工具书用,箭头函数、解构、Promise、模块化这几节建议反复看,因为后面 Vue 的写法全建立在这上面。Vue 两块是重头,建议边看边开一个自己的小项目,比如做一个带增删改查的清单或后台表格,把组件拆分、props 传值、事件派发、路由跳转都亲手写一遍。有 ES5 基础、写过至少一个完整静态页面的人,跟起来会比较顺;完全零基础的话,这套资料不适合当第一门课。

学完能独立做什么,资料怎么用

按这条线走完,你应该能独立完成一个中等规模的前端项目:自己设计组件结构,用 Vue 管理页面状态和路由,抽离可复用的逻辑,遇到报错能定位到是数据流还是生命周期的问题,而不是靠删代码试。资料以视频为主,建议的用法是「看一节、停一节、自己写一节」,尤其是 JS 进阶和 ES6 部分,光看不练几乎等于没看。每看完一个模块,回头用一句话总结这个模块解决了什么问题,说不出来就说明还没吃透。Vue 部分可以配合一个自己的小项目同步推进,把视频里的示例换成你自己的业务场景,这样学完手里至少有一个能拿出手的东西,而不是只有一堆看过的视频。

课程目录

课程目录115 集
  • 课程介绍 本页收录 [入门到精通]金渡 Web前端开发工程师高薪进阶班-04期,方向为前端开发 / itjc8,重点涉及 前端。 内容涵盖:01JS进阶一、mp4、02JS进阶二、03ES6、04VUE全家桶一、05VUE全家桶二 等主题。 适合正在补 前端 相关知识、想按目录逐步推进的学习者。 下方为完整资料与目录,可先看目录判断是否符合需要。 ├─01JS进阶一 │ 1-1.mp4
  • │ 1-2.mp4
  • │ 1-3.mp4
  • │ 1-4.mp4
  • │ 1-5.mp4
  • │ 1-6.mp4
  • │ 1-7.mp4
  • │ 1-8.mp4
  • │ ├─02JS进阶二 │ 2-1.mp4
  • │ 2-2.mp4
  • │ 2-3.mp4
  • │ ├─03ES6 │ 3-1.mp4
  • │ 3-2.mp4
  • │ 3-3.mp4
  • │ 3-4.mp4
  • │ 3-5.mp4
  • │ 3-6.mp4
  • │ 3-7.mp4
  • │ 3-8.mp4
  • │ ├─04VUE全家桶一 │ 4-1.mp4
  • │ 4-2.mp4
  • │ 4-3.mp4
  • │ 4-4.mp4
  • │ 4-5.mp4
  • │ 4-6.mp4
  • │ 4-7.mp4
  • │ 4-8.mp4
  • │ 4-9.mp4
  • │ ├─05VUE全家桶二 │ 5-1.mp4
  • │ 5-2.mp4
  • │ ├─06webAPP实例 │ 6-1.mp4
  • │ 6-2.mp4
  • │ ├─07信贷审核系统实战 │ 7-1.mp4
  • │ 7-2.mp4
  • │ 7-3.mp4
  • │ 7-4.mp4
  • │ 7-5.mp4
  • │ 7-6.mp4
  • │ 7-7.mp4
  • │ 7-8.mp4
  • │ ├─08node │ 8-1.mp4
  • │ 8-2.mp4
  • │ 8-3.mp4
  • │ ├─09node2 │ 9-1.mp4
  • │ 9-2.mp4
  • │ 9-3.mp4
  • │ ├─10Typescript+vue3 │ 10-1.mp4
  • │ 10-2.mp4
  • │ 10-3.mp4
  • │ 10-4.mp4
  • │ ├─11vue3+TS │ 11-1.mp4
  • │ 11-2.mp4
  • │ 11-3.mp4
  • │ 11-4.mp4
  • │ ├─12webpack && react │ 12-1.mp4
  • │ 12-2.mp4
  • │ 12-3.mp4
  • │ 12-4.mp4
  • │ 12-5.mp4
  • │ 12-6.mp4
  • │ 12-7.mp4
  • │ 12-8.mp4
  • │ 12-9react入门+新特性+实操(1).mp4
  • │ 12-10act入门+新特性+实操(1).mp4
  • │ ├─13react入门到实战 │ 13-1react入门到实战.mp4
  • │ 13-2eact入门到实战.mp4
  • │ 13-3rct入门到实战.mp4
  • │ 13-4.mp4
  • │ ├─14react实战 │ 14-1.mp4
  • │ 14-2.mp4
  • │ 14-3.mp4
  • │ 14-4.mp4
  • │ ├─15react实战 │ 15-1.mp4
  • │ 15-2.mp4
  • │ 15-3.mp4
  • │ 15-4.mp4
  • │ 15-5.mp4
  • │ 15-6.mp4
  • │ ├─16底层源码及手写 │ 16-1.mp4
  • │ 16-2.mp4
  • │ ├─17手写vuerouter │ 17-1.mp4
  • │ 17-2.mp4
  • │ ├─18手写vuex │ 18-1.mp4
  • │ ├─19手写 │ 19-1.mp4
  • │ 19-2.mp4
  • │ ├─20uniapp入门到实战 │ 20-1.mp4
  • │ 20-2.mp4
  • │ 20-3.mp4
  • │ 20-4.mp4
  • │ 20-5.mp4
  • │ 20-6.mp4
  • │ 20-7.mp4
  • │ 20-8.mp4
  • │ ├─21uniapp入门到实战 │ 21-1.mp4
  • │ 21-2.mp4
  • │ 21-3.mp4
  • │ 21-4.mp4
  • │ 21-5.mp4
  • │ 21-6.mp4
  • │ 21-7.mp4
  • │ ├─22第05期-JS进阶一 │ 22-1.mp4
  • │ 22-2.mp4
  • │ 22-3.mp4
  • │ 22-4.mp4
  • │ 22-5.mp4
  • │ 22-6.mp4
  • │ 22-7.mp4
  • │ 22-8.mp4
  • │ 22-9.mp4
  • │ 22-10.mp4
  • │ 23-11.mp4
  • │ 23-12.mp4
  • │ 23-13.mp4
  • │ 23-14.mp4
  • │ └─第四期课件.7z