正确学习javascript。困惑的指南

2023-05-16

正确学习javascript。困惑的指南

迷失了javascript?这一点都不奇怪。你需要一个能告诉你真正重要的指南。我们只有一个。

向左看 - 有一个框架市场,它们相互竞争,赞扬它们的能力。向右看 - 这是一个npm-modules的超市。在此之前,您可以看到大型的Bandeler和任务运行者研讨会以及Node应用程序的办公室摩天大楼。

JavaScript城市街道漫长而曲折,有数十家小商店和各种商店的商人,梦想着向你推销另一个有用的图书馆。还有数百名困惑的开发人员,他们不知道去哪里或买什么。有些人会收集他们以后永远不会使用的整袋货物。

如果您是这些迷路游客之一,我们的初学者JavaScript指南将帮助您成为一个自信的JS城市居民。他会先告诉你要处理什么,以便在这个嘈杂但有趣的地方航行。

假设您已经熟悉该语言的基础知识 - 否则您是如何到达这个城市的?

异步是一切的核心

一旦进入网络,只有无聊的静态页面,任何操作都需要重新加载。那个时代已经过去,它被酷炫的响应式应用程序取代,可以在后台与服务器通信,而不会打扰用户.

 

Asynchrony从根本上改变了JavaScript语言,并成为Web开发的主要原则。因此,我们的指南强烈建议游客妥善处理这个概念。学习回调,承诺和异步函数所花费的时间肯定不会浪费.

异步javascript的历史和未来(https://developer.okta.com/blog/2019/01/16/history-and-future-of-async-javascript)

你不了解JS回调(https://github.com/getify/You-Dont-Know-JS/blob/master/async%20%26%20performance/ch2.md)

你不了解JS承诺(https://github.com/getify/You-Dont-Know-JS/blob/master/async%20%26%20performance/ch3.md)

异步/等待手册(https://scotch.io/tutorials/asynchronous-javascript-using-async-await)

这个方向的下一步是研究函数fetch它是经典XMLHttpRequest的一个方便的替代品.

为什么我们需要框架

框架已成为现代JavaScript的重要组成部分,似乎它们一直都是。

为什么会发生这种情况,为什么存在js框架呢?

因为在Web开发中,有一些重要的东西在语言中不是直接原生的。几乎每个项目都需要它们在某种程度上。您必须从头开始编写自己的实现或使用现成的框架.

数据绑定

视图和控制器之间的数据绑定是现代应用程序的重要组成部分。有必要将用户界面与实际数据更改同步。所有框架都有一些方法可以做到这一点,无论它们是MVC模型,MVVM还是仅仅是表示层的完整实施例.

可重复使用的组件

AngularJS的最大成就是为应用程序的组件结构引入了时尚,VueReact很快就采用了这种方式。这个想法是如此成功,以至于Web组件的特殊界面出现在语言本身中。不幸的是,它没有数据绑定机制,因此框架仍然是不可替代的.

正确学习JavaScript框架

选择学习框架,请记住 - 这只是增加开发人员机会的工具。您必须准确理解语言以这种方式解决的问题。框架会发生变化,但通过类似的理解,您可以轻松找出它们中的任何一个。

经常发生的是,初级JavaScript开发人员,还没有足够的经验,潜入某种框架并开始考虑他的工作方式作为唯一正确的方法。这个问题的解决方案非常有趣。要理解框架本身并不是目的!

在语言学中,人们早就知道同时研究类似语言是有用的。这可以让您更好地了解它们的结构,注意相似之处和不同之处。对两个JS框架的了解以相同的方式工作。

如果您有多种方法可以解决相同的问题,那么您就可以更好地了解问题本身.

•我选择你了!谁是javascript框架中最好的宠物小精灵?(https://proglib.io/p/js-pokemons/)

•框架或图书馆?有什么区别?(https://proglib.io/p/framework-or-library/)

7个最好的JavaScript框架和库(https://proglib.io/p/javascript-framework/)

在收藏家的引擎盖下

目前的JavaScript编程非常复杂,远远超出了vanilla JS。我们使用许多不同的工具来执行常规任务和汇编程序,将它们组合成一个连贯的机制.

装配 - 最“黑魔法”过程之一。并非每个有经验的JavaScript开发人员都了解如何从简单的配置和大量不相关的模块中获得一个带有已处理和优化代码的文件。

BuildJS中增长最快的领域。生产力正在快速增长,捆绑的规模也在迅速减少。开发人员将所有事情都挤出了流程。这就是为什么你必须理解这种魔力。

理解您使用的工具是非常重要的。它们如何转换您的代码以及按什么顺序转换。如何打包模块以及如何影响构建过程。不要让您的程序完全处理收集器,继续监视它.

  • Webpack从头开始(https://what-problem-does-it-solve.com/webpack/intro.html)
  •  GruntGulp.js:优化前端开发的任务运行者 (https://www.upwork.com/hiring/development/grunt-and-gulp-js-task-runner-tools-to-streamline-your-front-end-development/)

TypeScript新的 JavaScript

TypeScript 是一个带有静态类型和经典OOP模型的JavaScript超集。经典JS有时缺乏这些功能,但不仅仅是它们使得TypeScript变得流行。它的主要优点是整洁可靠的代码.

TypeScript不仅为开发人员检查程序,还鼓励他更好地照顾自己,鼓励开发良好的编码习惯。

新手开发人员不需要彻底研究TypeScript(虽然那里有许多有趣的东西)。首先,只需熟悉基础知识即可:输入变量注释,类属性和函数参数。理解这些规则并遵循这些规则即使在经典JS中也能避免许多错误,您将成为一个更加自律的开发人员.

  • 5分钟内输入TypeScript  (https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)–官方TypeScript文档
  • 在线编译器(https://repl.it/languages/typescript)

有趣的是在现代JavaScript中学习的最重要的主题中只有一个涉及vanilla语言。但这就是现实。现在掌握语言的基础设施对于成功而言比了解其复杂性更为重要.

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

正确学习javascript。困惑的指南 的相关文章

  • 基于mongodb的动态表单实现

    文章目录 1 项目背景2 术语表3 技术选型4 概要设计4 1 逻辑架构图4 2 系统覆盖图 5 详细设计5 1 元数据样例及说明5 2 关于uuid 6 接口清单6 1 表单管理模块6 1 1 从excel导入表单元数据6 1 2 表单元
  • 10.9.1-Dataway+Echarts动态图表方案

    文章目录 1 技术选型2 实现方案2 1 方案介绍2 2 方案实现 xff08 demo xff09 2 2 1 使用echarts绘制html静态页2 2 1 1 选择合适的图表2 2 1 2 下载html demo 2 2 2 使用Da
  • 11.1-股票基金历年收益率计算

    文章目录 1 计算目标2 关键问题3 获取交易日历4 逻辑编写 1 计算目标 我们想知道 xff0c 一只股票标的 xff0c 在之前的几年中 xff0c 每一年的年化收益率是多少 xff1f 如果将每年的年化收益率进行求和汇总 xff0c
  • java代理实现爬取代理IP

    仅仅使用了一个java文件 xff0c 运行main方法即可 xff0c 需要依赖的jar包是com alibaba fastjson xff08 版本1 2 28 xff09 和Jsoup xff08 版本1 10 2 xff09 如果用
  • 使用proguard进行javaweb代码混淆

    背景 xff1a 公司需要将软件打包出售 xff0c 此时需要进行代码混淆和一些加密要求 调研 xff1a 目前此类实现包含软件和硬件实现 xff1b 硬件实现是使用类似加密狗usb工具进行防护 xff0c 应用系统通过与加密狗交互 xff
  • 使用说明-Postman-带cookie请求、文件上传

    Postman进行文件上传 选择post方式 xff0c 地址是http 192 168 102 213 7240 foa system upload Headers部分不要填写任何内容 对照后台的接口 xff0c 配置postman 选择
  • CentOS7下使用docker,完成Jenkins镜像、tomcat镜像制作和启动

    最终的目的 xff0c 是为了完成docker环境的Jenkins搭建使用 xff0c 并从gitlab上获取代码 xff0c 打出war包 xff0c war包通过目录挂载的方式 xff0c 在tomcat容器中使用 xff0c 总体思路
  • C# HttpWeb POST请求封装

    用于发送POST请求 xff0c 可以发送各种POST参数 传送文件 xff0c 返回结果 下载文件 说明如下 xff1a span class hljs keyword public span span class hljs keywor
  • [ROS学习笔记]ROS中使用激光雷达(RPLIDAR)

    RPLIDAR是低成本的二维雷达解决方案 xff0c 由SlamTec公司的RoboPeak团队开发 xff0c 本次学习用的是RPLidar A1型号激光雷达 xff0c 它能扫描360 xff0c 6米半径的范围它适合用于构建地图 xf
  • Ubuntu 18.04 配置国内源

    安装Ubuntu 18 04后 xff0c 使用国外源太慢了 xff0c 修改为国内源会快很多 修改阿里源为Ubuntu 18 04默认的源 备份 etc apt sources list 备份 cp etc apt sources lis
  • VS2010 断点失效解决方案 (VC)

    遇到几次断点失效的问题 xff0c 下面的方法都用了一下 xff0c 不清楚是哪个方法起作用了 一 菜单 调试 选项和设置 调试 常规 要求源文件与原始版本完全匹配 取消这个功能 二 菜单 编辑 高级 设置选定内容的格式 把打不上断点的那个
  • stm32学习

    波特率 xff1a 每秒传送的位数 DMA Direct Memory Access xff0c 直接内存存取 是所有现代电脑的重要特色 xff0c 它允许不同速度的硬件装置来沟通 xff0c 而不需要依赖于 CPU 的大量中断负载 否则
  • 经纬高坐标系转到东北天坐标系

    经纬高坐标系转到东北天坐标系 基本思路 xff1a 首先把经纬高 xff08 大地坐标系 lla llh xff09 转到直角坐标系 xff08 地心地固直角坐标系 xff08 ECEF xff09 xyz xff09 然后再转为局部坐标系
  • Ubuntu20.04 配置D435i相机

    文章目录 一 安装使用 InterRealSenseD435i SDK21 注册服务器的公钥2 安装3 安装开发者和调试包4 测试SDK2 二 安装realsense ros1 创建工作空间2 源码安装3 编译 xff1a 三 安装kali
  • java打卡-day3 变量和数据类型

    变量和数据类型 基本数据类型分类 4类8种 整数型 byte 占一个字节 128到127short 占两个字 215 215 1int 占四个字节 231 231 1long 占八个字节 263 263 1 浮点型float 占四个字节 3
  • 【行人惯性导航】关于行人导航中IMU位姿推导的知识点及相关代码

    IMU姿态惯性推导 本文是我上学期间写得 xff0c 之前已经在另一个博客发布过 xff0c 如今转至此发布 最近从事行人惯性导航的研究 xff0c 本人也是一个小白 xff0c 其中看了很多文献 xff0c 有很多个人思考很费时间的地方
  • nuttx操作系统的移植以及下载

    1 在ubuntu根目录下 xff1a root 64 ubuntu apt get update 更新包 2 root 64 ubuntu apt get install gcc arm none eabi 编译器 3 kconfig f
  • MPI集群环境搭建

    我在前面两篇博客中简要介绍了为什么要并行计算以及MPI的一些学习心得 xff0c 接下来我们正式开始MPI的学习之路 我们知道MPI是分布式内存编程 xff0c 所以这篇博客会详细讲解MPI集群环境的搭建过程 一 准备工作 选择Linux版
  • python 练习 tcp 服务器与客户端发、接信息,pycharm

    背景 win8 1 pycharm 2021 3 1 python 3 9 7 自带idle vs code 1 64 2 现象 1 代码不知道如何在idle 和 vs code中运行 xff0c 总是在运行客户端代码后 已先运行服务器代码
  • VSCode配置终端为cmd命令行程序的操作步骤

    步骤1 xff1a 依次点击菜单栏的 终端 新建终端 步骤2 xff1a 按图中红色箭头的方向和方框所示 xff0c 依次点击 步骤3 xff1a 点击图中红框处的command product xff0c 下次再启动时的VSCode终端就

随机推荐

  • VC/C++ 发送post请求

    前面我搭建了一个servlet xff0c 响应get post请求 xff0c 网页端已经实现get post请求 xff0c 这个时候我用c 43 43 编辑的程序也想发送post请求 xff0c 于是 xff0c 有了下面这段代码 s
  • Python subprocess模块解析

    在学习这个模块前 xff0c 我们先用Python的help 函数查看一下subprocess模块是干嘛的 xff1a DESCRIPTION This span class hljs keyword module span allows
  • Java与C/C++的性能对比

    写这个主题是因为若干时间前一时头脑发热 xff0c 写了这个帖子 xff08 http www iteye com topic 857722 xff09 xff0c 现在看来这个帖子很幼稚 xff0c 尤其是二楼 61 61 xff0c 后
  • char数组与char指针的区别与联系

    字符串 xff08 char xff09 与字符数组 xff08 char 区别 在C语言中 xff0c 对字符串的操作主要有两种方式 xff1a 一是字符数组 char xff0c 二是使用字符指针 char 接下来最这两种所使用的情况做
  • Ubuntu系统火狐浏览器无法上网方案解决

    在国内google浏览器无法直接使用 xff0c 我们安装ubuntu系统自带的火狐浏览器在设置中选择的事google上网 xff0c 所有大家网络连接没问题 xff0c 就是无法上网 解决问题如下 xff1a 第一种 xff1a 重新安装
  • 解决ROS常遇到的Couldn’t find executable named报错解决

    解决办法 xff1a 将执行文件打开权限允许作为程序执行文件
  • ROS学习(一)ROS Noetic安装及环境配置

    文章目录 前言0 ROS Installation Options1 Installation1 1 Configure your Ubuntu repositories1 2 Setup your sources list1 3 Set
  • 嵌入式Linux 时间同步 gpsd+chrony

    嵌入式Linux 时间同步 gpsd 43 chrony 嵌入式Linux系统 xff0c 外接GPS设备 xff0c 系统通过NMEA数据和pps进行时间同步 xff0c 同时将本系统作为时间同步服务器 一 基本原理 NMEA中获取UTC
  • ModbusRTU串口读写报文解析

    0 MODBUS速览 Modbus是一种通信协议 xff0c ModubsRTU是它的一种传输模式 xff0c 通过这个协议能实现串口数据通讯 可以用C 控件读写串口 xff0c 也可以直接使用开源的串口助手 为了简化问题 xff0c 本文
  • Types of daTabases数据库类型

    NoSQL databases provide the performance scalability and stability that s required by the modern data driven apps we inte
  • jeston TX1_TX2 ubuntu18.04安装(国内安装源gitee)ROS Melodic

    查看ubunut系统信息 cat proc version uname a lsb release a 我自己的系统信息是 xff1a 由于我自己已经迁移了系统至SD卡 xff0c 所以存储比较富裕 xff1a 通过对应的ubuntu版本安
  • 9 个将改变一切的物联网应用

    无论您是有远见的 CEO 技术驱动型 CEO 还是 IT 领导者 xff0c 您之前都遇到过 IoT 一词 它经常与最高级一起使用 xff0c 表示它将如何彻底改变您的工作 娱乐和生活方式 但这只是另一个流行语 xff0c 还是承诺的技术圣
  • Android aplog是什么?

    aplog 是系统应用层的log xff0c 比如应用程序无响应或强行关闭 xff0c kernel相关的 xff0c 比如driver xff08 相机 蓝牙 usb 启动 xff09 出了开机问题 手机对服务唤醒和休眠的一些记录蓝牙相关
  • android 7.0 加入 android:directBootAware

    Android N引入了一个新特性 xff1a Direct Boot Mode 设备启动后进入的一个新模式 xff0c 直到用户解锁 xff08 unlock xff09 设备此阶段结束 在此 Direct Boot Mode 下 APP
  • Kotlin概述与Java的比较

    Kotlin是JetBrains的一种新的编程语言 它首次出现在2011年 xff0c JetBrains推出了名为 科特林 的项目 Kotlin是开源语言 基本上像Java一样 xff0c C和C 43 43 Kotlin也是 静态类型编
  • armlink 用法详解

    映像文件 image xff1a 是指一个可执行文件 xff0c 在执行的时候被加载到处理器中 一个映像文件有多个线程 它是ELF Executable and linking format 格式的 段 Section xff1a 描述映像
  • 人工智能的五大核心技术

    计算机视觉 机器学习 自然语言处理 机器人和语音识别是人工智能的五大核心技术 xff0c 它们均会成为独立的子产业 计算机视觉 计算机视觉是指计算机从图像中识别出物体 场景和活动的能力 计算机视觉技术运用由图像处理操作及其他技术所组成的序列
  • ubuntu下文件拷贝命令cp命令

    该命令的功能是将给出的文件或目录拷贝到另一文件或目录中 xff0c 就如同DOS下的copy命令一样 xff0c 功能非常强大 语法 xff1a cp xff3b 选项 xff3d 源文件或目录 目标文件或目录 说明 xff1a 该命令把指
  • android camera 照相机/摄像机

    一 camera启动 1 一个activity启动调用流程 xff1a onCreate gt onStart gt onResume onCreate xff1a 1 可添加所需布局文件 xff0c 画界面 2 开启线程 xff0c 启动
  • 正确学习javascript。困惑的指南

    正确学习 javascript 困惑的指南 迷失了 javascript xff1f 这一点都不奇怪 你需要一个能告诉你真正重要的指南 我们只有一个 向左看 有一个框架市场 xff0c 它们相互竞争 xff0c 赞扬它们的能力 向右看 这是