前端学习路线(二)

简介: 在前端学习路线(一)一章中我们讲了关于前端三剑客和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 小程序
2022年前端学习路线(个人认为)
本文提供了一条前端工程师的学习路径,分为三个阶段。第一阶段(1-2个月)重点掌握HTML、CSS、JavaScript及H5+CSS3,目标是能够构建基本的静态网页。第二阶段(2-3个月)深入Node.js、Git、Webpack及相关工具和规范,提升项目管理和构建能力。第三阶段(4-6个月)专注于Vue、React、Angular等主流框架,以及uni-app和微信小程序的开发,旨在实现跨平台应用的开发能力。每个阶段都有详细的课程推荐,帮助初学者逐步成长为合格的前端工程师。
41 1
|
6月前
|
JavaScript 前端开发 关系型数据库
前端node学习路线
【8月更文挑战第21天】前端node学习路线
97 8
|
6月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
89 2
|
8月前
|
移动开发 前端开发 JavaScript
大前端完整学习路线(详解)
大前端完整学习路线(详解)
173 0
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
257 0
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
82 0
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
276 0
前端入门 前端自学路线 web开发前端如何学习
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
学会使用插值、什么是表达式、了解什么是指令、什么是动态属性已经v-html标签(注意:v-html这个标签会有XSS风险,它会将我们的子组件覆盖掉)
36696 1
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
|
前端开发 JavaScript 程序员
前端学习路线(三)
往期回顾↓↓↓ 前端学习路线(一) 前端学习路线(二) 在前两章中,我们讲了如何去学习前端三剑客、js高级和bootstrap的重点,得到了很多前端初学者的好评,收藏量也是每天都在增加,所以今天博主想写一下第三章,主要想讲一下学习ajax和webpack的问题,ajax是前端学习的重点,如果不会ajax,写出再好的页面也只是一个空壳,而webpack则是一个打包工具,对于项目的上传具有重要的作用。
186 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
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 2
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    详解智能编码在前端研发的创新应用
  • 5
    巧用通义灵码,提升前端研发效率
  • 6
    智能编码在前端研发的创新应用
  • 7
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 8
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 9
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
  • 10
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
  • 1
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    29
  • 2
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    51
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 4
    巧用通义灵码,提升前端研发效率
    93
  • 5
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    141
  • 6
    详解智能编码在前端研发的创新应用
    96
  • 7
    智能编码在前端研发的创新应用
    83
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    37
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    121
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    75