前端学习路线(二)

article/2025/11/11 5:27:53

🔥🔥🔥欢迎关注csdn前端领域博主: 前端小王hs

🔥🔥🔥email: 337674757@qq.com

🔥🔥🔥前端交流群: 598778642

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

js高级

从上一章我们可以了解到js高级主要讲的就是原型和闭包,这两块都是比较抽象一点的东西,如果没有学过c语言,或许有点难以理解,所以我的第一个建议是如果还没学习过c语言,可以买一本《c primer plus》,去学习堆和栈,理解堆和栈,理解地址等,对于学习js高级有很大的帮助。
闭包是什么:当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包
简单来说就是我一个大函数里有个变量,大函数里有个小函数,小函数引用了大函数的变量,就叫闭包
同时在学习原型和原型链之前,需要把什么是函数对象,什么是实例对象弄懂,这里贴一张图方便理解:
原型和原型链
只要把这张图理解了,就知道什么原型和原型链了。如果还觉得太抽象可以加文章最下面的微信进行交流

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

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

es6如何学习

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

重点对promise,async,模块化,类的继承,箭头函数进行学习,其他的可以不懂的时候再看
目前来说模块化,箭头函数,async获取后端数据是最常用的,所以一定要加深对方面的学习

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

第一个问题,bootstrap要不要学,很多人说bootstrap过时了,可以不学,博主的建议是学并且一定要学
第二个问题是学什么:
bootstrap主要学栅格布局,这个在我们的开发过程中是使用的非常多的,目前来看基本上大小公司的官网都涉及到这个布局
第三个问题:学完栅格布局后,其他的组件我们要大致浏览一遍,知道什么是什么
知道什么是什么是什么意思?
如果我们打开bootstrap的组件,我们会发现有这一列的东西
bootstrap组件
每一栏组件我们都要点击去看看,看实现的是什么样的效果,至于怎么写,到开发的时候直接引用就行
现在bootstrap已经第五代了,但使用的方法都一样,所以尽量都去了解一下

前后端分离是什么样

我们现在讲的是前端,前端也就是我们看的页面
后端是什么呢,后端就是负责处理数据的
这里简单的用一个点击按钮的过程去描述前后端数据流动的过程
比如我们要登录某一个软件,是不是要在输入账号密码后点击登录按钮,我们输入账号密码的这个页面就是前端去写出来的页面,包括输入框啊,点击按钮这些布局
当我们点击了按钮之后,数据就会post到后端,post是ajax的一个操作,这个我们下一章会讲到,post数据到了后端即服务器,服务器就会拿到我们传输的账号密码去数据库里进行对比,如果对比成功,就会返回一个响应给我们,这样我们就可以登录进去

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

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

适合初学者看的书

《Head first HTML&CSS》很基础的书
《c primer plus》学计算机都应该看一下
《CSS权威指南(第三版)》随便看一下
《JavaScript高级程序设计》随便看一下
《你不知道的JavaScript》可以看一下

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

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

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


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

相关文章

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

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

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

互联网时代,只要公司有开发互联网产品的需要,包括网站、网页、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,简直是龟速啊,后来在百度上看到这样的设置,虽然不知道这个是干什么的,但是修改了之后在此重启时确实变快了,也还…

HV000030: 使用@Size validating type ‘java.lang.Integer‘. Check configuration for ‘*‘ 及 Validated注解使用示例

javax.validation.UnexpectedTypeException: HV000030: No validator could be found for constraint javax.validation.constraints.Size validating type java.lang.Integer. Check configuration for channel Size不支持数值类型校验,仅支持字符、集合、数组的长…