首页 > 编程语言 >为什么要在学习花哨的 JS 框架之前学习 Vanilla JavaScript?

为什么要在学习花哨的 JS 框架之前学习 Vanilla JavaScript?

时间:2022-09-04 11:56:23浏览次数:221  
标签:知识 框架 开发人员 Vanilla JavaScript JS 学习

为什么要在学习花哨的 JS 框架之前学习 Vanilla JavaScript?

这是 David Kopal 的博客。在此博客中,您可以了解 Vanilla JS 在您的职业生涯中的好处。他在博客中分享的文字值得一读。请浏览一下博客。万事如意

Vanilla JavaScript 值得学习吗?绝对地。

大卫·科帕尔

这篇文章的目的是强调 JavaScript 基础对于每个前端开发人员的重要性。我要告诉你为什么你应该对纯( 香草 ) JavaScript。这意味着 JavaScript 没有任何额外的框架或库。

我还将提到一些帮助我学习这些基础知识的资源。

这篇文章背后的另一个原因是,许多有抱负的 Web 开发人员倾向于跳过学习核心 JavaScript 概念,例如提升、闭包或原型。他们直接使用最热门的框架,例如 React 或 Angular 2。我将向您展示为什么这种方法不是最方便的方法。

每个人都希望开发人员了解 ${addTheHotFramework}...

那么,你有什么理由要费心学习 Vanilla JavaScript 吗?

如果不了解语言本身的核心,就很难成为一名强大的开发人员。就像您在进入特定法律领域之前需要了解法律的基本原则一样。 这个比较 纯属偶然。 ?

我了解大多数有抱负的 Web 开发人员都希望尽快被录用。我也想要这个。

学习 JavaScript 基础知识的速成课程、跳入一些花哨的框架、制作 ToDo 列表似乎要容易得多( 让小狗死 ),上传到 GitHub,然后开始找工作。

…但是从长远来看,在 Vanilla JavaScript 上投入时间会得到回报

不要在这里误会我的意思。我对 JavaScript 框架没有任何偏见。恰恰相反。其中许多可以帮助您编写更具可读性和可维护性的代码。它们使您可以编写更抽象的代码,这些代码通常更容易调试。

但是 JavaScript 生态系统正在快速发展。正在创建新的框架。新功能正在添加到现有功能中。而且最重要的是,当今许多最热门的框架最终都会被取代,例如 Angular 1。

在这种情况下,您是否仍然认为特定 JavaScript 框架的知识对于 Web 开发人员来说就足够了?

还是更好地理解所有这些库和框架所基于的语言是如何在幕后工作的?

如果您具备扎实的 JavaScript 基础知识, **** 开始使用新框架时,您唯一需要熟悉的就是它 句法 .在所有抽象层下,基本规则都是相同的。它仍然只是普通的 JavaScript。

如果您的知识仅限于一个 JavaScript 框架,那么您将很难学习一个新框架。不同的框架通常基于一组不同的 JavaScript 原则。从长远来看,您将花费更多时间尝试了解各种框架并调试您在其中编写的代码。

所有的 JavaScript 框架和库都不可避免地基于它们的 Vanilla 核心。

这应该让任何人相信,从长远来看,纯 JavaScript 知识是必须的。这是任何成功开发人员的先决条件,尤其是对于主要在 JavaScript 生态系统中工作的开发人员而言。

个人经验

不久前,我回顾了我的 旅行 从律师到网络开发人员。距离我编写第一个 JavaScript 函数已经 18 个月,也是我作为专业前端开发人员工作的第 10 个月。

我仍然记得因为我之前没有编程经验,所以找到学习 JavaScript 的正确方法对我来说是多么具有挑战性。我已经尝试(并且仍在尝试)许多不同的方法来成为一个有效的学习者。他们中的一些人更有价值,其中一些人更少。

最重要的是,我从一开始就强调学习纯 JavaScript 对我有多大帮助,我怎么强调都不为过。 框架是后来出现的。

目前,我正在与一个 反应 - 还原 堆。尽管如此,由于我对 Vanilla JavaScript 的了解,我经常遇到可以解决的问题。仅使用特定框架的知识来解决这些错误将更具挑战性。

学习 React 或 Angular 2 不会告诉你对象是通过引用传递的或闭包是如何工作的。在框架带来的抽象下试图理解这些概念要困难得多。这使得简单的 JavaScript 概念更难理解。

此外,如果您正在使用 JSX (反应,Vue,地狱)或 打字稿 (Angular 2),您在其之上还有另一层抽象。

如果你想了解这些框架是如何在底层工作的,你首先需要知道 JavaScript 本身是如何工作的。

你可以 测试你的知识 通过阅读你最喜欢的框架的源代码来学习纯 JavaScript。 **** 这不仅可以让您了解它在后台是如何工作的,而且还可以教会您很多关于其逻辑的知识,您可以在自己的代码中使用这些逻辑。您会看到,在您的应用程序中看起来很神奇的框架函数只是基本 JavaScript 概念的组合。

给我一些我可以学习的东西

你现在可能会问的问题是“有哪些好的资源可以帮助我获得关于 Vanilla JavaScript 的体面知识?”。

有大量关于 JavaScript 及其框架的课程和书籍。然而,他们中很少有人打算以全面的方式教你 Vanilla JavaScript。他们中的大多数人专注于特定的 JavaScript 技术。

但是还是有一些不错的……

雄辩的 JavaScript 不仅会教你 JavaScript 的基础知识,还会教你一般的编程基础知识。如果您已经是一名高级开发人员,本书将为您提供关于 JavaScript 及其核心原则的全新视角。

另一个很好的资源是丛书 你不懂 JavaScript (YDKJS)凯尔辛普森。凯尔真的很会教。他对高级 JavaScript 概念的解释对初学者很友好,并且对它们进行了深入的介绍。仅仅这些书的标题就会给你一个关于你将要学习的内容的提示。 “Up & Going”、“Scope & Closures”、“this & Object Prototypes”、“Types & Grammar”、“Async & Performance”、“ES6 & Beyond”。还有一本新的第七本书关于 JavaScript 中的函数式编程 .

Eloquent JavaScript 和 YDKJS 的一大优点是 你可以免费得到它们 (检查提供的链接)。但如果你真的觉得它们有用,别忘了购买它们来支持作者。

如果您更喜欢视频课程,可以观看 凯尔的在线课程 .我想你能做的最好的事情就是把它们作为他的书的伴侣来观看,因为主题是相同的。但是,这些课程是有偿的。

另一个我觉得有用的视频课程是 Javascript:了解奇怪的部分 安东尼·爱丽丝它以一种平易近人的方式解释了 JavaScript 底层发生的事情。它涵盖了高级概念,例如原型继承、函数式编程和范围链。

立即学习 Vanilla JavaScript

如果您将宝贵的时间投入到学习 Vanilla JavaScript 上,您将不会后悔。它不仅包含单词 香草 ,但它会对编程技能产生有益的影响。

对我来说,最好的权衡是,从长远来看,学习纯 JavaScript 比在特定框架上投入时间会给你带来更多。框架只是捷径。在引擎盖下,都是 JavaScript。

在您使用的框架有一些意外行为的情况下,您会亲眼看到。在这种情况下,您将被迫通过查看源代码来调查此错误。我是否提到过,尽管许多框架缺乏像样的文档,但它们的代码却相当复杂?但是,嘿,小菜一碟,对吧?你肯定已经花了很多时间学习 Vanilla JavaScript。还是还没有?

您是否应该只记得这篇文章中的一件事:

永远记住,原生 JavaScript 的知识将帮助你成为一个更好的开发者。时期。

如果您喜欢这篇文章,请给它鼓掌。我将不胜感激。

这篇文章是 最初发表在我的博客上 .

学分:大卫科帕尔

资料来源:https://www.freecodecamp.org/news/is-vanilla-javascript-worth-learning-absolutely-c2c67140ac34/

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/12192/47310411

标签:知识,框架,开发人员,Vanilla,JavaScript,JS,学习
From: https://www.cnblogs.com/amboke/p/16654754.html

相关文章

  • Linux 下安装 node.js
     这里介绍两种安装方式:编译安装和使用编译后的安装包安装。安装目录:/usr/local 一、使用编译安装包安装1、进入安装目录:cd/usr/local2、下载安装包:wgethttp......
  • 2022 年 Javascript 面试题
    2022年Javascript面试题这是我在前端面试中遇到的第二组javascript问题。可以通过这个帖子找到上一组javascript的问题[面试题2022基础javascript从一家公司转到......
  • 前端JS-Day19
    动态创建元素:document.write:直接写入页面流,会导致页面重绘。innerHTML和createElement相似,但执行效率不同。创建内容时若采取数组形式,innerHTML耗时优于createElement。......
  • JS Layui table 选中行颜色变化
    table设置lay-filter属性<tableid="dataList"lay-filter="dataList"></table>监听单击行事件layui.table.on("row(dataList)",function(obj){$(".layui-tabl......
  • JavaScript详解(一)
    回顾前端三要素HTML(结构):超文本标记语言(HyperTextMarkupLanguage)决定网页结构和内容CSS(表现):层叠样式表(CascadingStyleSheets),设定网页的表现形式JavaScript(行......
  • JavaScript详解(二)
    面向对象原型对象类模板原型对象对象具体的实例原型varStudent={name:"xiaoqiang",age:3,run:functio......
  • HTML、CSS 和 JavaScript 格式的 3D 玻璃天气图标
    HTML、CSS和JavaScript格式的3D玻璃天气图标3D玻璃天气图标免费下载****在HTML、CSS和JavaScript中HTML:<divclass="weatherweather--sun"><divclass......
  • 了解 React JS 中的服务工作者
    了解ReactJS中的服务工作者如果你处理过前端框架,你无疑听说过服务工作者。如果您不确定它们是什么以及它们的表现如何,我们将在本文中讨论所有这些,希望在本文结束时,您......
  • React.js VS Solid.js,作为初学者,你应该学习哪个?
    React.jsVSSolid.js,作为初学者,你应该学习哪个?作为初学者,哪个框架对您的开发之旅最有帮助?作为第一次接触javascript前端框架的初学者,您可能想知道一些事情,例如,哪个最......
  • FastJson远程命令执行漏洞学习笔记
    FastJson远程命令执行漏洞学习笔记Fastjson简介fastjson用于将JavaBean序列化为JSON字符串,也可以从JSON字符串反序列化到JavaBean。fastjson.jar是阿里开发的一款专门用......