前端学习路线(一)

article/2025/11/11 5:24:04

很多人问我前端学习的路线是怎么样的,css要学多久,js高级要不要学,先学node.js还是先学vue,所以想通过一篇博文来讲一下这个事情

Vue和VC的关系

要不要学前端三剑客

这个问题是很多想快速上手前端的同学问的最多的一个问题,因为有很多人会说不用学三剑客,直接上手框架就行,学三剑客特别是js浪费时间,对于这个看法,我是持反对意见的,先不说做任何事都是要打好基础,夯实基础,如果直接上手各种框架,只会增加学习成本,时间成本

遇到不会的问题问别人,别人也不清楚你说的是什么意思,原因就是没有经过系统的学习,没有一种体系的知识去跟别人交流。虽然我们学习的方式不一样,有些人报班,有些人自学,但是知识体系是一样的,你想问的问题,如果你表达不出来,那就说明是知识体系出了问题

只有从基础学起,重视知识体系,才能在日后的学习中更好的适应各种框架

就比如学习vue,在文档中写明了需要有中级以上的js基础,说明了前端三剑客的重要性

学习前端三剑客的轻重点以及时间如何去分配

学习前端三剑客的路线自然是html→css→js,那在这三剑客中有哪些是需要重点掌握哪些是需要了解即可的呢?
展示一部分需要学习的内容

html学到什么程度

博主认为html整个部分都简单了解即可,不需要过多的深入去了解,花费的时间可以在三天左右(或许三天都过多了)。

css的重点

在学习完html之后,对页面的结构就有了个大致的了解,就可以去学习css,也就是我们说的层叠样式表,css是跟js一样贯穿整个前端学习过程的,有很多程序员因为忽视了对css的学习,在学习的时候觉得css不算编程语言,就比较轻视,出来工作了就对样式这一块比较吃亏。
在css中,需要重点了解的是:
①单位,px、rem、vh等单位,特别是需要做手机端的app或小程序的项目,需要对单位有个了解
②浮动布局,在学基础的时候需要去研究一下浮动布局,不过在真正的工作中用的不多
③flex布局,需要对flex布局有个自己的理解,然后结合chrome浏览器自带的功能去调试flex,认真学习flex-direction、flex-wrap等属性
④自适应的操作,什么百分比,媒体查询,rem等

在学css的时候一定要学less和sass这些预编译语言,对未来开发项目时规范代码有很大的帮助

太多要记的怎么办

在学习css时,很多同学都会遇到的一个问题就是,觉得太多要记的,不知道怎么去记,好像看了视频上了课,等到自己写的时候又忘了,博主这里的建议是挑一个比较好些的官网首页去认真的写两遍,相信博主,你的css熟练度会提升不少,同时可关注博主关于前端开发思路的专栏博文前端开发思路,可以对写静态页面的思路有个大致的构思
前端页面开发思路

要不要补英语

还有就是学css时英语不好,要不要去补英语的问题,这里博主的建议是如果英文不好,而且有时间的话,可以坚持的去学习一下英语单词,如果没有时间的话也没有关系,多写就熟悉那几个单词了,重点还是多写

关于js

相信这个问题是大家最关注的,js怎么学,学到什么程度,js高级是什么,可以直接学jq不学js吗,这是都是很多同学问博主的常见问题,如果你想学习好js,学习好前端,那下面的话可要认真看了

js是一门语言,什么是语言呢,简单来说就是可以进行运算的,有加减乘除的,同理这就是为什么css不算一门语言的原因

js怎么学

js怎么学,看着视频学,跟着老师学,但学到什么程度?知道轮播图是怎么写的就可以了,能够手写出轮播图是最好,能够理解轮播图的原理是次好。如果有C语言基础和数据结构基础,那对于js的加减乘除与或非三元表达式是很容易上手的,如果没有,这方面也需要加强去学习,在学习的时候遇到不懂的可以搜百度,要多做笔记,反复的去看笔记,这是关于js怎么学的建议,重点是去理解,什么是全局,什么是函数表达式,什么是函数作用域,什么是对象,一定要理解透彻,如果实在理解不了文字性的意思,可以私聊博主或者点击最下方的微信连接添加微信

js高级是什么

js高级简单来说讲的就是两样东西,原型和闭包。js高级要不要学?js高级要学,不管你后续是学习哪个框架,js的原型和原型链都是很有用的基础知识,举个简单的例子,在后续的学习中我们会学习到方法,有些插件有内置的方法,就需要我们去原型链里找然后再使用,所以是学习js中不能跨过的一条河,内容不多,重在理解,不用死记硬背

可以直接学jq不学js吗

说实话现在jq也过时了,除非是比较小而且不是专注于互联网的公司,可以能还在使用jq,所以博主的建议是不要直接学jq,也不一定就要学jq,你认真去学js,完全可以不学jq,当然了解一下jq还是很有必要的,但没有必要去说要写一个用jq编写的项目增加jq熟练度,了解一下,知道最基本的$()和链式编程就可以

前端学习路线博主打算更四章内容,涵盖前端三剑客到ajax等接口类的和到 vue等框架的,对其中的主要的一些问题和重难点做个梳理,对想学前端的,转行前端的同学们和未来的同行们给个建议,少走一些弯路

如在开发问题中遇到问题,可私聊博主
如有错字,还请原谅!近日会下一章:前端学习路线(二),同时也会更新前端静态页面开发思路(二)


http://chatgpt.dhexx.cn/article/nbXpQGUN.shtml

相关文章

前端学习路线(二)

🔥🔥🔥欢迎关注csdn前端领域博主: 前端小王hs 🔥🔥🔥email: 337674757qq.com 🔥🔥🔥前端交流群: 598778642 在前端学习路线(一)一章中…

靠在校所学的前端知识,你可能连实习都找不到,附【大前端学习路线】

又是一年毕业季,又有万千学子开始涌入社会这片汪洋。 前些日子有个大学生小伙问了我关于前端开发找工作的问题,他说他很迷茫,大家都找到了工作,自己的简历投了却杳无音信,于是来问我是不是哪些环节没有做好。 结果我…

送你一份入门前端学习路线图

互联网时代,只要公司有开发互联网产品的需要,包括网站、网页、H5、小程序、APP等,就一定少不了前端开发工程师岗位。如今的“大前端时代”,前端也已不限于传统PC端和移动手机端,随着VR、可穿戴设备、车载系统、智能投影…

【新人福利】前端学习路线,再也不用发愁自己该从何学习

欢迎进入WEB前端 再学习WEB前端知识之前,我们首先要了解下面这几个问题,这是你为何要学,如何去学的前提。 1.什么是WEB前端 前端主要使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品(简单说就是你要把UI…

怒肝最新保姆级前端学习路线,速成贴心全面!

这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。 大家好,我是鱼皮,肝了几天终于完成了这份保姆级前端学习路线。 💂 💻 👴🏽 先放一张图&#xff1a…

2022 年前端工程师学习路线图(完整版)

前端发展越来越快,每天都有数不胜数的技术发布。 想要入门前端却没有一条较为理想的路径? 在这个世界里兜兜转转了很久还是感觉在外围搬砖? 那么你可能需要这份技术学习路线图! 我们把学习前端分为三重境界: 单机写…

前端学习路线(2023版)超详细

一:前端开发基本功 俗话说的好“不积跬步,无以至千里”,学习也是一样的从简单的基础的知识点开始慢慢积累,首先就是掌握前端语言的基础知识3大部分(HTML、CSS、页面制作工具)其中包含了元素和属性、表单和图…

2023版完整版web前端学习路线图(超详细自学路线)

跟着路线图认真坚持学习从前端小白到大神不是梦,0基础看这一篇足矣! 学们记得加关注点赞收藏,自学路上不迷糊! 零基础小白自学前端路线图速览: 阶段一:核心基础入门 前端计算机常识 ➾ htmlcss基础 ➾ h…

ionic4的ion-searchbar的setFocus()方法使用

使用场景: app的某个页面需要一个搜索功能:1. 点击搜索图标打开一个新的搜索页2. 加载页面的同时给搜索框设置焦点、触发键盘。(提升用户的体验,类似于微信的搜索功能操作)具体方法: 在对应的ts文件中引入…

setFocus不能生效的问题

focusInEvent只有在对象显示出来的情况下设定setFocus才可以触发。这一点help手册里有说明: 转一篇文章如下:http://blog.csdn.net/alex201030273437/article/details/8193757 focus问题曾经困扰了我一些时间。过程中也朋到了很多麻烦。现在总结一下&…

html 表单控件光标获取,4.4、表单插件,设置焦点,this.View.GetControl().SetFocus()

续 业务场景: 1、设置焦点,例如设置了必录项,没填,自动跳转到必录项上面,判断哪些值没有录入; 2、条码扫描,固定在一个焦点; 1、注释,上一节代码 2、//获取焦点,备注this…

主窗口给按钮控件发送消息 BN_CLICKED和BN_SETFOCUS和BN_KILLFOUCS

先说明一下,按钮控件的消息有很多种,下面的列表是按钮发送的消息,其中用的比较多是BN_CLICKED和BN_SETFOCUS和BN_KILLFOUCS /** User Button Notification Codes*/ #define BN_CLICKED 0 #define BN_PAINT 1 #define BN…

vba 判断文本框内容是否为空_VBA代码用SetFocus精确控制焦点事件

VBA++ 题记: 静下心,多学习有用的知识,多提高自己的水平和能力,这才是正道。时间就像一张网,你撒在哪里,你的收获就在哪里。谨记自己的方向,这是路之所在。适当节制自我的各种欲望,谁都逃不过时间的历练,谁都是命运的行者,谁都是在人生的道路上一步一趋。你要做的,是…

Qt setFocus无法生效问题

setFocus 无法生效的问题 官方文档说的很明白当前部件或者其父部件必须是active window. 所以 mywidget.activateWindow() mywidget.setFocus()但是有些时候这样也不会获得焦点,比如当自己内部需要setFocus的时候。可以通过focusOutEvent() or focusInEvent(&#x…

QLineEdit setFocus失效问题

QLineEdit setFocus失效问题 目标效果: 弹窗弹出后,弹窗上的输入框获得焦点,以便不必再点击输入框就可以直接输入。 但在我通过一些方式为这个弹窗添加了背景遮罩后,发现输入框没有自动获得焦点了。 最终解决方法 激活弹窗。添…

【Python】【setFocus】焦点

以此文为例子展示setFocus()的用法 1.无焦点 self.setFocus()#设置焦点,下文演示有无焦点的区别 2.焦点默认在文本框 #self.setFocus()#设置焦点,下文演示有无焦点的区别 3.设置输入焦点 在某一时刻,只有一个控件(或根本没有)可以获得输入…

解决Eclipse的Validating速度太慢的方法

以下操作对项目不会有影响,请放心操作。 第一步: 第二步:

在Eclipse里Validating非常缓慢

解决: 1.打开eclipse,点击【window】菜单,选择【preferences】选项 2.在左侧搜索【validation】,在右侧可以看到eclipse进行的自动检查都有哪些内容 3.将Manual(手动)保持不动,将build里面全部去…

亲测解决INFO Validating config

INFO Validating configFATAL YAMLException: duplicated mapping key at line 859, column -321: model: 把model项合并即可,注意你的报错可能块是不一样的。

MyEclipse的Validating速度太慢优化

最近在做项目的时候经常因为各种原因重启myeclipse,当重新打开后会发现一直在执行Validating,简直是龟速啊,后来在百度上看到这样的设置,虽然不知道这个是干什么的,但是修改了之后在此重启时确实变快了,也还…