前端学习路线(一)

news2025/7/9 6:24:38

很多人问我前端学习的路线是怎么样的,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://www.coloradmin.cn/o/6757.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

同样做软件测试,为什么有人月入3k-5k,有人能拿到17-20k?

同样做软件测试,为什么有人月入3k-5k,有人能拿到17-20k? 虽然各大培训机构一直鼓吹软件测试行业薪资高,但是依旧有一些拿着3-5k薪资,甚至找不到软件测试工作的人。 先来看一些例子: 1、小A在一家培训机构…

微信小程序开发教程一--注册小程序、下载开发工具及新建工程

从本章开始,我们将讲解微信小程序的简单开发流程,我将尽量使用简洁的语言,逐个步骤详细讲解,让大家都能跟得上,也希望和大家交流学习。 注册 首先,开发小程序需要先在微信注册。 打开网页:https://mp.weixin.qq.com/ 在下面找到小程序: 将鼠标移上去之后,就能看到“…

mysql的监控大屏

前言: 一款方便的mysql的监控大屏,使用开源项目实现MySQL的监控,对于想要进行mysql的时候情况监控来说比较重要,并且这款工具是不需要与代码进行结合的,直接运行打开就行了。 具体方式如下: 第一款&…

MySQL数据库期末考试试题及参考答案(03)

版权声明 本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl 一、填空题 插入数据时,如果不指定____,必须为每个字段添加数据。MySQL中使用____语句来更新表中的记录。MySQL提供____语句用于删除表中的数据。在…

Redis数据结构之——sds

写在前面 以下内容是基于Redis 6.2.6 版本整理总结 Redis数据结构 Redis是以k-v形式存储的内存数据库,其中key和value都是以对象(object)的形式进行存储。对象分为:string、list、hash、set和zet五种对象,这五种对象…

MySql 执行count(1)、count(*) 与 count(列名) 区别

MySql 执行count(1)、count(*) 与 count(列名) 区别 1. 初识 count COUNT(expr) ,返回 SELECT 语句检索的行中 expr 的值不为NULL的数量。结果是一个 BIGINT 值。 如果查询结果没有命中任何记录,则返回 0。 COUNT(*) 的统计结果中,会包含值…

一篇文章,带你了解CodeTour与入门指导

CodeTour(代码之旅)是微软官方开发的 VS Code 扩展,允许记录和回放代码的演练和思路。 简介 CodeTour 是一个 VS Code 插件,允许记录和回放代码库的演练和思路。我们通常都是通过代码注释或者文档来解释某段代码或方法的功能及逻…

【Linux】权限管理-权限的概念,umask,粘滞位

文章目录shell命令以及运行原理Linux权限的概念用户间的权限切换su和su -的区别仅提升当前指令的权限Linux权限管理文件访问者的分类(人)文件类型和访问权限(事物属性)文件权限值的表示方法字符表示方法8进制数值表示方法文件访问权限的相关设置方法改变…

前端项目中资源请求顺序和dom结构顺序不一致,资源启动器有(索引)解析器和脚本

红色框资源是在组件1中 绿色框资源是在组件2中 在页面 DOM 结构中组件顺序是,从上到下:组件1->组件2 但是查看 chrome调试工具的网络请求,发现绿色资源先请求,并且像是请求完才会去请求红色资源,它们启动器那一栏…

C++语法——make_heap、push_heap、pop_heap、sort_heap使用介绍

目录 一.make_heap(...) 二.push_heap(...) 三.pop_heap(...) 四.sort_heap(...) 这三个函数位于<algorithm>头文件中。 可以看这篇文章了解堆排序&#xff1a;手把手教你堆排序 一.make_heap(...) 这是该函数的官方定义&#xff1a; 这个函数用于建立堆。 前两个…

Linux日志管理logrotate日志轮转

文章目录 前言 日志轮转简介 工作原理 配置文件种类 观察主文件和子文件 主配置文件介绍 yum日志轮转示例 配置轮转规则 rotate 3演示 总结 前言 上篇文章学习了系统日志管理&#xff0c;对于日志来讲他是占内存的&#xff0c;当有大量的日志产生的时候&#xff0c;会…

一个简单HTML5期末考核大作业,学生个人html静态网页制作代码

&#x1f389;精彩专栏推荐 &#x1f4ad;文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业&#xff1a; 【&#x1f4da;毕设项目精品实战案例 (10…

m基于PSO粒子群优化的第四方物流的作业整合算法matlab仿真,对比有代理人和无代理人两种模式下最低运输费用、代理人转换费用、运输方式转化费用和时间惩罚费用

目录 1.算法概述 2.仿真效果预览 3.核心MATLAB程序 4.完整MATLAB程序 1.算法概述 粒子群优化 (PSO)算法是通过模拟鸟群觅食过程中的迁徙和群聚行为而提出的一种基于群体智能的全局随机搜索算法。PSO是将群体(swarm)中的个体看作是在D维搜索空间中没有质量和体积的粒子(part…

Paddle入门实战系列(一):基于PaddleOCR的车牌识别

✨写在前面&#xff1a;强烈推荐给大家一个优秀的人工智能学习网站&#xff0c;内容包括人工智能基础、机器学习、深度学习神经网络等&#xff0c;详细介绍各部分概念及实战教程&#xff0c;通俗易懂&#xff0c;非常适合人工智能领域初学者及研究者学习。➡️点击跳转到网站。…

MySQL十秒插入百万条数据

mysql数据库准备 private String Driver "com.mysql.cj.jdbc.Driver";private String url "jdbc:mysql://localhost:3306/mp?serverTimezoneAsia/Shanghai&rewriteBatchedStatementstrue";private String user "root";private String pa…

Pycharm 翻译插件失效(transaction) 问题解决【包括安装视频教程】

嗨害大家好鸭&#xff01;我是小熊猫❤ 最近有很多朋友反应 翻译插件用不了了(不想看文章的朋友 可以直接点击文章最下方QQ群 领取视频版教程) 那么今天&#xff01;&#xff01;&#xff01; 教大家如何快速解决这个问题 点击文件(file) —> 设置(setting) 点击工具(t…

【附源码】计算机毕业设计JAVA家庭园艺服务平台

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat8.5 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; Springboot mybatis Maven Vue 等等组成&#xff0c;B/…

【Node.js】 第四章 模块化

目录 1. 模块化的概念 1.1 模块化的概念 1.2 模块化规范 2. Node.js中的模块化 2.1 模块分类 2.2 模块加载 2.3 模块作用域 2.4 向外共享模块成员 2.5 exports对象 2.6 Node.js中的模块化规范 1. 模块化的概念 1.1 模块化的概念 按照模块指定规则&#xff0c;把一…

什么是智能合约?新手入门指南

智能合约&#xff0c;也称为数字合约&#xff0c;在计算机网络中使用区块链技术来履行预编程的合约当合同的条件得到满足时&#xff0c;智能合同就会执行&#xff0c;例如向合同的一方发送付款。 智能合约之所以具有吸引力有多种原因&#xff1a; 不信任。由于智能合约及其条…

【c++ 】 对象与类中方法的调用关系。类中常方法,普通方法,静态方法之间互相的调用关系

对象与类中方法的调用关系。类中常方法&#xff0c;普通方法&#xff0c;静态方法之间互相的调用关系1.对象与方法之间的调用1.常对象只能调用常成员方法2.普通对象既可以调用普通成员方法&#xff0c;也可以调用常成员方法&#xff0c;当两个同名的常成员方法和普通成员方法重…