前端学习路线(二)

简介: 在前端学习路线(一)一章中我们讲了关于前端三剑客和jq与js的问题,并且简要的说明了js高级是什么,那在本章节我们主要从如何学习js高级开始进行讲述,并对es6如何学习,bootstrap学不学和学什么,并对前后端分离做个简要的描述这几个问题展开讲解,还有推荐基本适合初学者看的书,这个书是有读者问了我我才想起来的,在此感谢很多喜欢博主的文并提出建议的小伙伴!

js高级

从上一章我们可以了解到js高级主要讲的就是原型和闭包,这两块都是比较抽象一点的东西,如果没有学过c语言,或许有点难以理解,所以我的第一个建议是如果还没学习过c语言,可以买一本《c primer plus》,去学习堆和栈,理解堆和栈,理解地址等,对于学习js高级有很大的帮助。

闭包是什么:当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包

简单来说就是我一个大函数里有个变量,大函数里有个小函数,小函数引用了大函数的变量,就叫闭包

同时在学习原型和原型链之前,需要把什么是函数对象,什么是实例对象弄懂,这里贴一张图方便理解:


fec219220bc048f5b2aef8ba896aeb75.png

只要把这张图理解了,就知道什么原型和原型链了。如果还觉得太抽象可以加文章最下面的微信进行交流


要不要买红宝书,css权威指南等广受推荐的书?

博主建议是如果觉得对书本接受知识更快的话,可以买,但博主更推荐直接看视频学习,因为现在前端技术更新的太快,一本厚厚的书看完得好几个月,而且效率不高,网上的视频大部分都是讲的精华,所以更推荐直接看视频学习


es6如何学习

网上看视频,加看阮一峰的es6文档es6文档

91f977f245da4a0d977c1a16a637a393.png

重点对promise,async,模块化,类的继承,箭头函数进行学习,其他的可以不懂的时候再看

目前来说模块化,箭头函数,async获取后端数据是最常用的,所以一定要加深对方面的学习


bootstrap学不学和学什么,怎么学

第一个问题,bootstrap要不要学,很多人说bootstrap过时了,可以不学,博主的建议是学并且一定要学

第二个问题是学什么:

bootstrap主要学栅格布局,这个在我们的开发过程中是使用的非常多的,目前来看基本上大小公司的官网都涉及到这个布局

第三个问题:学完栅格布局后,其他的组件我们要大致浏览一遍,知道什么是什么

知道什么是什么是什么意思?

如果我们打开bootstrap的组件,我们会发现有这一列的东西

784d5e348d064d4fad5279f4f557cb30.png

每一栏组件我们都要点击去看看,看实现的是什么样的效果,至于怎么写,到开发的时候直接引用就行

现在bootstrap已经第五代了,但使用的方法都一样,所以尽量都去了解一下


前后端分离是什么样

我们现在讲的是前端,前端也就是我们看的页面

后端是什么呢,后端就是负责处理数据的

这里简单的用一个点击按钮的过程去描述前后端数据流动的过程

比如我们要登录某一个软件,是不是要在输入账号密码后点击登录按钮,我们输入账号密码的这个页面就是前端去写出来的页面,包括输入框啊,点击按钮这些布局

当我们点击了按钮之后,数据就会post到后端,post是ajax的一个操作,这个我们下一章会讲到,post数据到了后端即服务器,服务器就会拿到我们传输的账号密码去数据库里进行对比,如果对比成功,就会返回一个响应给我们,这样我们就可以登录进去


流程即:前端点击→传送数据到后端→后端处理数据(对比数据)→返回参数给前端


所以这里我们可以了解到,如果在前端初学阶段,是可以暂时不学数据库的知识,但如果想往全栈方向去发展的话,那是一定要了解一下的,比如现在最新的mongodb数据库

适合初学者看的书


《Head first HTML&CSS》很基础的书

《c primer plus》学计算机都应该看一下

《CSS权威指南(第三版)》随便看一下

《JavaScript高级程序设计》随便看一下

《你不知道的JavaScript》可以看一下


博主有精简的笔记,如有需要可以添加下方微信私聊博主


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


如在开发问题中遇到问题,可私聊博主

如有错字,还请原谅!近日会下一章:前端学习路线(三),同时也会更新前端静态页面开发思路(三)


相关文章
|
3月前
|
JavaScript 前端开发 关系型数据库
前端node学习路线
【8月更文挑战第21天】前端node学习路线
44 8
|
3月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
52 2
|
5月前
|
移动开发 前端开发 JavaScript
大前端完整学习路线(详解)
大前端完整学习路线(详解)
118 0
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
220 0
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
64 0
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
250 0
前端入门 前端自学路线 web开发前端如何学习
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
学会使用插值、什么是表达式、了解什么是指令、什么是动态属性已经v-html标签(注意:v-html这个标签会有XSS风险,它会将我们的子组件覆盖掉)
36644 1
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
|
设计模式 前端开发 JavaScript
写给初中级前端的高级进阶指南(万字路线)
由于公众号文章不允许外链,需要跳转文中链接的同学可以在脚注里找到各个的资源链接,也可以通过点击阅读原文更加方便的跳转链接
|
前端开发 JavaScript 程序员
前端学习路线(三)
往期回顾↓↓↓ 前端学习路线(一) 前端学习路线(二) 在前两章中,我们讲了如何去学习前端三剑客、js高级和bootstrap的重点,得到了很多前端初学者的好评,收藏量也是每天都在增加,所以今天博主想写一下第三章,主要想讲一下学习ajax和webpack的问题,ajax是前端学习的重点,如果不会ajax,写出再好的页面也只是一个空壳,而webpack则是一个打包工具,对于项目的上传具有重要的作用。
170 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)
下一篇
无影云桌面