2024年Web前端最新从零开始学WEB前端——JavaScript基础介绍(1),前端程序员面试宝典

最后

中年危机是真实存在的,即便有技术傍身,还是难免对自己的生存能力产生质疑和焦虑,这些年职业发展,一直在寻求消除焦虑的依靠。

  • 技术要深入到什么程度?

  • 做久了技术总要转型管理?

  • 我能做什么,我想做什么?

  • 一技之长,就是深耕你的专业技能,你的专业技术。(重点)

  • 独立做事,当你的一技之长达到一定深度的时候,需要开始思考如何独立做事。(创业)

  • 拥有事业,选择一份使命,带领团队实现它。(创业)

一技之长分五个层次

  • 栈内技术 - 是指你的前端专业领域技术

  • 栈外技术 - 是指栈内技术的上下游,领域外的相关专业知识

  • 工程经验 - 是建设专业技术体系的“解决方案”

  • 带人做事 - 是对团队协作能力的要求

  • 业界发声 - 工作经验总结对外分享,与他人交流

永远不要放弃一技之长,它值得你长期信仰持有

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。

Github地址:https://github.com/SuZui-cn/my-web

Gitee地址:https://gitee.com/north_gate/my-web

个人博客地址:https://foollyone.cn/

⌨本文知识点


  • 什么是JavaScript

  • 编程语言

  • 脚本语言

  • 解释型

  • 基本作用

  • ECMAScript

  • 文档对象模型(DOM)

  • 浏览器对象模型(BOM)

最开始我只打算在js出两章(一章基础+一章进阶),但是js对于想要学好前端的同学来说太重要,所以我把这个阶段拆分开来分为几个小节,尽我所能的把js讲好(本人毕竟才疏学浅)。作者因为主要是主职Java后端,所以对js的研究投入的时间太少,所以有讲的不好的请见谅。如果发现问题请私信我。

给大家推荐几本我学的时候看的书,这几本书都可以在微信读书上面免费观看:

《JavaScript高级程序设计(第3版)》

《JavaScript忍者秘籍(第2版)》

《JavaScript权威指南(原书第6版)》

再给大家推荐两套视频,建议初学者先看视频对知识点有了一定的了解之后再去看书籍:

黑马程序员pink老师:https://www.bilibili.com/video/BV1ux411d75J?from=search&seid=6494653037952930960&spm_id_from=333.337.0.0

尚硅谷:https://www.bilibili.com/video/BV1YW411T7GX?from=search&seid=6494653037952930960&spm_id_from=333.337.0.0

还有剽悍一小兔的《JavaScript百炼成仙》

在线阅读地址:https://m.zhangyue.com/readbook/12567484/5.html

什么是JavaScript


JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

——百度百科

上面的这段话中我标注了几个重点,这里我调整了一下顺序:

  • 编程语言

  • 脚本语言

  • 解释型

  • 函数优先

  • 原型编程

  • 面向对象

而JavaScript由三个部分组成:

  • ECMAScript

  • 文档对象模型(DOM)

  • 浏览器对象模型(BOM)

这里会介绍前三个理论概念,剩下的会在之后的文章中详细讲解。

编程语言

先来第一个概念,编程语言,那什么是编程语言?编程语言又能干什么?

我们把编程语言 这个名词拆开来看 他是由 编程语言 构成的。

这里的 编程 说白了就是让计算机照我说的做,那怎么像计算机传达我的意思呢? 这就需要用 语言 来沟通了。

综上所述:编程语言 就是一种人和计算机都能读懂的一门语言,用于双方的沟通交流。

为了使计算机能够理解人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程

——百度百科

语言是人与人之间进行沟通交流的表达方式

——百度百科

编程语言(programming language)可以简单的理解为一种计算机和人都能识别的语言。一种计算机语言让程序员能够准确地定义计算机所需要使用的数据,并精确地定义在不同情况下所应当采取的行动。

——百度百科

pass:HTML是标记语言!!不是编程语言!!!

脚本语言

那我们知道了编程语言是什么,那怎么又冒出一个脚本语言来了?

说到脚本语言,我们又不得不扯一下关于编程语言的编译系统。

根据《深入理解计算机系统》一书中的介绍,一个完整的翻译过程应该包含如下的四个阶段:

预处理阶段 -> 编译阶段 -> 汇编阶段 -> 链接阶段

image-20220224223332676

经过这一系列的操作之后我们的代码才能运行,这样就很麻烦。为了解决这一问题,脚本语言诞生了。

脚本语言不需要编译器,而需要一个翻译器。

编程语言和脚本语言的最大区别:编程语言是把程序员所定义的代码翻译成计算机所认识的二进制代码的工具, 脚本语言是解释执行的(如写的前端代码过能浏览器这个解释器,把代码呈现出web界面,这就是在运用脚本语言,进行编程)

——稀土掘金·Angelia

解释型

在上面说到了脚本语言使用的是解释器,现在我们来讲一下什么是解释型语言。

  • 有的编程语言要求必须提前将所有源代码一次性转换成二进制指令,也就是生成一个可执行程序(Windows 下的 .exe),比如C语言、C++、Golang、Pascal(Delphi)、汇编等,这种编程语言称为编译型语言,使用的转换工具称为编译器。

  • 有的编程语言可以一边执行一边转换,需要哪些源代码就转换哪些源代码,不会生成可执行程序,比如 PythonJavaScriptPHP、Shell、MATLAB 等,这种编程语言称为解释型语言,使用的转换工具称为解释器。

image-20220224224955447

相对于编译型语言存在的,源代码不是直接翻译成机器语言,而是先翻译成中间代码,再由解释器对中间代码进行解释运行。比如Python/JavaScript / Perl /Shell等都是解释型语言。

——百度百科

学习一门语言不止要学习他的语法和流程控制语句,更重要的是要学习他的思想。

最后

由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

习他的思想。

最后

由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-4E4LPqwy-1715451240849)]

[外链图片转存中…(img-alOM7R7S-1715451240850)]

  • 25
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值