前端学习路线(四)

简介: 往期回顾↓↓↓前端学习路线(一)前端学习路线(二)前端学习路线(三)本章是前端学习路线栏目的最后一章了,到本章为止,我们的学习路线已经有包括了如下的科目:HTML→CSS→JS→JS高级→JQ→ES6→ajax→webpack

那么本章博主就来讲讲前端的框架,国内最流行的前端框架Vue,以及目前的阶段是学Vue2还是Vue3好,学了Vue之后学什么,如何去提高使用Vue能力等问题


所以我们如果要学习前端,整个路线已经非常明朗了

前端学习路线


HTML→CSS→JS→JS高级→JQ→ES6→ajax→webpack→Vue

什么是前端框架


很多初学的小白经常问我为什么学了前端三剑客之后还要学习这些框架,其实道理很简单,打个比方,前端三剑客对于框架就好比是建房子的砖头,而框架是房子的骨架,所以我们写网页或者系统是不是使用框架会更方便一点呢?


框架其实就是从前端三剑客中抽象出来的一种更快捷的方式


现阶段学Vue2还是Vue3

尽管Vue3已经出了两年多余,但国内目前许多的小型企业还是在使用Vue2进行开发,博主的建议是先学Vue2再学Vue3,两者的核心语法还是差不多的


Vue主要学习哪些知识?

学习组件化的思想,对组件之间的传值有自己的理解,比如组件之间传值有哪些方法?对路由要熟悉,包括路由的构建和路由守卫;十个生命周期要知道是干什么的;store的作用和怎么去使用等等都是值得去学习的重点,也是面试常问的问题


学了Vue之后学什么

学了Vue2之后可以试着去学习node.js,学习node.js能使得前端程序员对数据在前后端之间的流动有个更清楚的认识,对怎么去写接口有更深刻的认识


如何去提高Vue的使用能力

为了避免学了之后不会应用的问题,最好的办法当然是写代码,问题是怎么去写,哪里能写?

博主的建议是去b站搜一下项目视频,练习几个项目之后,可以从Github上拉几个项目去看,去分析项目的代码,多写多看后,自然就懂得如何去写了

相关文章
|
3月前
|
前端开发 JavaScript 小程序
2022年前端学习路线(个人认为)
本文提供了一条前端工程师的学习路径,分为三个阶段。第一阶段(1-2个月)重点掌握HTML、CSS、JavaScript及H5+CSS3,目标是能够构建基本的静态网页。第二阶段(2-3个月)深入Node.js、Git、Webpack及相关工具和规范,提升项目管理和构建能力。第三阶段(4-6个月)专注于Vue、React、Angular等主流框架,以及uni-app和微信小程序的开发,旨在实现跨平台应用的开发能力。每个阶段都有详细的课程推荐,帮助初学者逐步成长为合格的前端工程师。
39 1
|
6月前
|
JavaScript 前端开发 关系型数据库
前端node学习路线
【8月更文挑战第21天】前端node学习路线
93 8
|
6月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
89 2
|
8月前
|
移动开发 前端开发 JavaScript
大前端完整学习路线(详解)
大前端完整学习路线(详解)
173 0
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
255 0
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
81 0
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
276 0
前端入门 前端自学路线 web开发前端如何学习
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
学会使用插值、什么是表达式、了解什么是指令、什么是动态属性已经v-html标签(注意:v-html这个标签会有XSS风险,它会将我们的子组件覆盖掉)
36693 1
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
|
前端开发 JavaScript 程序员
前端学习路线(三)
往期回顾↓↓↓ 前端学习路线(一) 前端学习路线(二) 在前两章中,我们讲了如何去学习前端三剑客、js高级和bootstrap的重点,得到了很多前端初学者的好评,收藏量也是每天都在增加,所以今天博主想写一下第三章,主要想讲一下学习ajax和webpack的问题,ajax是前端学习的重点,如果不会ajax,写出再好的页面也只是一个空壳,而webpack则是一个打包工具,对于项目的上传具有重要的作用。
185 1
前端学习路线(三)
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--webpack篇(2/3)
webpack所谓的拆分的配置就是将webpack分为common(公共配置)、dev(开发环境下的配置)、prod(生产环境下);然后还需要的是在dev当中将它引入我们的common,再在prod当中引入common,这个时候我们要做的就是安装webpack-merge,比如通过这个方法module.export = smart将其导入common的时候对应的配置的命名。
一个大四学长分享自己的web前端学习路线--webpack篇(2/3)

热门文章

最新文章

  • 1
    【Java若依框架】RuoYi-Vue的前端和后端配置步骤和启动步骤
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 5
    详解智能编码在前端研发的创新应用
  • 6
    巧用通义灵码,提升前端研发效率
  • 7
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 8
    智能编码在前端研发的创新应用
  • 9
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 10
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目