程序员经验分享-hwhale

JavaScript基础详细思维导图（纯分享，不加水的那种）

2023-11-18

JavaScript比较基础重要知识的思维导图分享给大家，希望能给大家提供帮助，用到的工具是xmind

思维导图是小M.自己学习后总结出来的，比较适合新手，比较推荐UU们自己构造一个属于自己的思维导图，对知识的理解和记忆会更有帮助

这里还有超多面试题合集，并且定期更新最新面试题，可以点击链接在语雀软件中进行关注查看哦
https://www.yuque.com/docs/share/a95df8ad-9493-4624-846d-a921248b669d?# 《js》

https://www.yuque.com/docs/share/176105ad-4201-4ed5-b14b-696df7546dc5?# 《html、css、网络、Git面试题》

前情概要

这部分可以作为了解

基础知识

语法基础

这个部分蛮重要的，就像是学中文要先学拼音一样

在这里插入图片描述

数据类型

在这里插入图片描述

ES6中新增了Symbol类型

在这里插入图片描述

函数

函数对于学习js非常重要，很多地方都有函数的身影

在这里插入图片描述

对象

俗话说的好，万物皆对象。咳咳~此对象非彼对象

对象这个部分在js基础中没有太多的笔记，因为我认为对于刚接触js的uu而言，对象算是比较晦涩难懂的部分，到了js高阶，会更多的了解对象，原型链等更加深入的知识后，理解对象的概念的会轻松很多

在这里插入图片描述

内置对象

按我自己的理解来说就是js已经给我们创造好的对象，里面的属性和方法已经写好了，可以直接拿来使用，方便~

Array数组

数组的内容比较长 分成了两张图片

在这里插入图片描述
在这里插入图片描述

Math对象

在这里插入图片描述

Date日期

购物的时候用到的倒计时、秒杀等功能就借助了Date对象中的一些方法来实现

在这里插入图片描述

String字符串

在这里插入图片描述

常用函数

在初学过程中，很多经典案例都会用到一些函数，我把写出来，可以多了解

DOM 文档对象模型

DOM就是document树
dom的概念大家可以参考MDN
MDN对DOM的解释

查找dom节点

我列出了查找dom节点的方法，想要操作DOM就必须找到它
比较常用的是document.querySelector（）这个方法，比较快捷，可以直接查找id、标签或者class
在这里插入图片描述

DOM属性

在这里插入图片描述在这里插入图片描述

属性节点

在这里插入图片描述

关于style

在这里插入图片描述

方法

在这里插入图片描述

事件

在这里插入图片描述

BOM 浏览器对象模型

BOM概念可以参考菜鸟教程中的解释
在这里插入图片描述

正则表达式

正则表达式是由一个字符序列形成的搜索模式。

当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。

正则表达式可以是一个简单的字符，或一个更复杂的模式。

正则表达式可用于所有文本搜索和文本替换的操作。

正则学起来比较的枯燥晦涩，但是正则表达式在js中算是比较重要的模块，在其他编程语言中都会用到正则表达式，算是一个比较万金油的知识了

在这里插入图片描述

资源获取

点击这里获取网盘链接

提取码：MOAN

评论或者私信戳我也可以哟

有钱的没钱的，欢迎大家给捧个人场（就是不要脸的想要一个点赞）

在这里插入图片描述

转载：欢迎转载，但未经作者同意，必须保留此段声明；

勿杠，欢迎大佬纠错

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

前端

javascript

开发语言

JavaScript基础详细思维导图（纯分享，不加水的那种） 的相关文章

  • 如何在指令模板中使用动态 ng-show 值？

    我正在学习 Angular 并且尝试通过使用 Angular 指令来减少执行一些常见操作 例如显示错误消息 所需的代码 我想创建的一个指令是这样的

  • 获取画布上下文的最后一个点的坐标

    我想创建一个arrowTo功能与CanvasRenderingContext2D prototype 为此 我需要获取最后一个点的坐标 例如 var ctx someCanvas getContext 2d ctx moveTo 10 40

  • 使用 keyup 上的 Submit() 提交表单两次

    我有一个与此类似的 jQuery HTML 代码

  • 如何在react-select v2中创建optgroup？

    我想在我的反应选择列表中包含 optgroups 但它似乎没有记录在任何地方 我有以下结构 是从评论中提取的https github com JedWatson react select issues 59 https github com

  • 优化数据可视化 Web 应用程序的性能

    我正在重写 3 年前编写的数据可视化网络工具 从那时起 浏览器的 JavaScript 引擎变得更快 所以我正在考虑将部分工作从服务器转移到客户端 在页面上 数据在表格和地图 或图表 中可视化 它使用相同的数据 但以不同的方式 因此准备显示

  • 使用画布元素作为文本区域

    我正在寻找有关如何使用类似于文本区域的画布元素的直接描述 我见过这样的项目Ace http ace ajax org 只是想知道如何像文本区域一样写入该区域 只是纯文本 没有什么花哨的 提前致谢 Ace 曾经是 Mozilla Skywri

  • 茉莉花单元测试 - 测试对象的未定义属性

    我有以下声明 expect A BAR name toEqual foo 由于我的对象 A 具有顶级属性 BAR 并且 bar 具有值 foo 传递 我想测试我的结构以确认属性 NONEXISTINGPROP 尚未定义 例如 expect

  • 执行页面的 javascript 后保存页面的 html 输出

    我正在尝试抓取一个网站 它首先加载 html js 使用js修改表单输入字段 然后使用POST 如何获得 POSTed 页面的最终 html 输出 我尝试使用 phantomjs 执行此操作 但它似乎只有渲染图像文件的选项 谷歌搜索表明这应

  • 是否可以将自定义 HTML 添加到传单图层组和图层控件

    有什么方法可以将自定义 HTML 注入图层组和图层控件中吗 在我们的应用程序中 我们实现了滑块 输入 范围 来调整不透明度设置 并且很明显 在其控制容器内部的基础层上使用专用滑块是有意义的 没有选项或参数可以修改此控件 理想情况下 我们希望

  • Webpack 和 Angular HTML 图像加载

    我一直对 webpack 和 Angular 感到头疼 这可能有一个简单的答案 但我无法弄清楚 我已经阅读了堆栈溢出中关于这个主题的几乎所有答案 但都无济于事 我有一个像这样的 html 页面 还有其他包含图像的模板 img

  • 变量前面加双下划线

    我的节点代码中有以下代码片段 var fs require fs fs readdir dirname function err files console log files 为什么变量 dirname 有双下划线 我知道一个下划线是私有

  • 语法：const {} = 变量名，任何人都可以解释或指出我正确的方向[重复]

    这个问题在这里已经有答案了 这个语法在 JavaScript 中意味着什么 可能是 ES6 const 变量名 我目前正在尝试掌握 React 在很多例子中我都遇到过这种语法 例如 const girls guys women men st

  • 如何在 javascript 或 jquery 中按尺寸对图像进行排序

    如何在 JavaScript 或 jQuery 中按尺寸对图像进行排序 我的代码如下 var imgsrc if document images length lt 1 alert No images to open return for

  • FormData 中的 Blob 为 null

    我正在尝试通过远程 API 通过 ajax 在 android 中发送创建的照片 我在用着相机图片背景 https github com an rahulpandey cordova plugin camerapicturebackgrou

  • 使用 Javascript eval() 100% 安全吗？

    我正在编写一个生成 Javascript 代码的 PHP 库 Javascript 代码有许多名为component001 component002 etc 页面通过 AJAX 动态加载 我需要通过 URL 变量传递组件的名称 然后由脚本进

  • 自 2012 年 6 月 12 日以来，“未定义”随机附加在我网站上 1% 的请求网址中

    自 2012 年 6 月 12 日 11 20 TU 起 我在我的 varnish apache 日志中看到非常奇怪的错误 有时 当用户请求一页时 几秒钟后我会看到类似的请求 但 url 中最后一个 之后的所有字符串已被 未定义 替换 例子

  • 表单序列化javascript（无框架）

    想知道 javascript 中是否有一个没有 jquery 或任何框架的函数可以让我序列化表单并访问序列化版本 2023 年更新 Use FormData https developer mozilla org en US docs We

  • javascript/jquery 禁用点击提交按钮，防止重复提交

    所以我的提交按钮如下所示 a href img src images user create product png border 0 a 当我双击它时 显然会双重提交 问题是 我将信息保存在数据库中 因此那里会有重复的信息 我不想那样 这

  • d3力定向布局-链接距离优先

    在 d3 中使用力导向布局 如何使链接距离成为优先事项 同时仍然保持良好的图形布局 如果我指定动态链接距离 但保留默认费用 则我的图形距离会因费用函数而发生一些变形 并且不再是准确的距离 但是 如果我删除电荷 图表将如下所示 任何建议表示赞

  • R闪亮：使用闪亮的JS从数据表中获取信息

    我想读出所有列名称以及它们在数据表中显示的顺序 由于不同的原因 我无法使用 stateSave 等选项 我对 JS 没有什么把握 但我确信用它可以完成 所以我需要你帮助我 我尝试过类似的代码片段 datatable data callbac

随机推荐

  • 机器学习在交通标志检测与精细分类中的应用

    导读 数据对于地图来说十分重要 没有数据 就没有地图服务 用户在使用地图服务时 不太会想到数据就像冰山一样 用户可见只是最直接 最显性的产品功能部分 而支撑显性部分所需要的根基 往往更庞大 地图数据最先是从专业采集来的 采集工具就是车 自行

  • python学习笔记2

    if语法 if True print 条件成 执 的代码1 print 条件成 执 的代码2 下 的代码没有缩进到if语句块 所以和if条件 关 print 我是 论条件是否成 都要执 的代码 if else if 条件 条件成 执 的代码

  • linux查看用户登录时间以及命令历史

    1 查看当前登录用户信息 who命令 who缺省输出包括用户名 终端类型 登陆日期以及远程主机 who var log wtmp 可以查看自从wtmp文件创建以来的每一次登陆情况 1 b 查看系统最近一次启动时间 2 H 打印每列的标题 u

  • 转载-STM32片上FLASH内存映射、页面大小、寄存器映射

    原文地址 http blog chinaunix net uid 20617446 id 3847242 html 本文以STM32F103RBT6为例介绍了片上Flash Embedded Flash 若干问题 包括Flash大小 内存映

  • LAMP框架的架构与环境配置

    1 LAMP架构的相关知识 1 1 LAMP架构的概述 LAMP架构是目前成熟的企业网站应用模式之一 指的是协同工作的一整套系统和相关软件 能够提供动态Web站点服务及其应用开发环境 LAMP是一个缩写词 具体包括Linux操作系统 Apa

  • 神经网络训练中batch的作用（从更高角度理解）

    1 什么是batch batch 翻译成汉语为批 一批一批的批 在神经网络模型训练时 比如有1000个样本 把这些样本分为10批 就是10个batch 每个批 batch 的大小为100 就是batch size 100 每次模型训练 更新

  • CPU流水线与指令乱序执行

    青蛙见了蜈蚣 好奇地问 蜈蚣大哥 我很好奇 你那么多条腿 走路的时候先迈哪一条啊 蜈蚣听后说 青蛙老弟 我一直就这么走路 从没想过先迈哪一条腿 等我想一想再回答你 蜈蚣站立了几分钟 它一边思考一边向前 蹒跚了几步 终于趴下去了 它对青蛙说

  • Http通用短信接口开发经验及具体开发实现

    支持所有开发语言的调用 苹果IOS操作系统和WindowsPhone手机操作系统可参考执行 一 Webservice接口 1 webservice返回集合对照表 返回值 返回值说明 问题描述 2 帐号 密码不正确 1 序列号未注册2 密码加

  • 房价预测--利用Python进行数据分析

    原文链接 https www kaggle com pmarcelino comprehensive data exploration with python notebook 在这篇文章中 我对原文的结论翻译并加入自己的一些理解 如有不当

  • OCR算法综述与编程实现

    OCR算法综述与编程实现 OCR Optical Character Recognition 光学字符识别 是一种将图像中的文字转换为可编辑文本的技术 它在许多领域中发挥着重要作用 如文档扫描 自动化数据输入和图像搜索等 本文将对几种常见的

  • vue初识之自定义指令

    目录 一 简介 二 组成 三 分类 1 全局自定义指令 2 私有自定义指令 四 总结 一 简介 Vue中的自定义指令是一种扩展Vue功能的方式 可以用来封装常用的DOM操作或者添加一些特殊的行为 自定义指令可以在Vue实例中全局注册或者局部

  • Python 基础（一）：入门必备知识

    目录 1 标识符 2 关键字 3 引号 4 编码 5 输入输出 6 缩进 7 多行 8 注释 9 数据类型 10 运算符 10 1 常用运算符 10 2 运算符优先级 基础 进阶 爬虫 自动化 数据分析 编写小游戏 趣味 Python 文档

  • Elasticsearch入门简单版

    文章目录 Elasticsearch 入门与深入 一 Elasticsearch介绍 1 主要功能 2 版本与升级 新特性 5 x 新特性 6 x 新特性 7 x 二 ELK 家族成员介绍 Logstash Kibana Elastic B

  • 电驴无限制 服务器,全球最大电驴服务器eDonkeyServer No2消失

    位于瑞典的电驴服务器eDonkeyServer No2是在比利时的Razorback 2 0服务器和德国DonkeyServer系列服务器之后全球最大的电驴服务器 然而目前已经不能访问 上个月底 10月底 包括eDonkeyServer N

  • SonarQube扫描代码规则设置

    Java自带的内嵌规则有400多条 太全了 导致扫描检测到的bug太多 可以根据公司项目需求自定义规则 创建质量配置 切换到质量配置右上角点击创建 取名并指定你要检测的开发语言 上级选择没有 可以在搜索配置分类选一下 可以快速定位 将我们新

  • Python 六大数据类型

    一 数字型 一 整型 1 整型 int 在数字中 正整数 0 负整数都称为整型 2 二进制整型 也可用二进制表示整型 print自动转换为十进制 二 浮点型 1 浮点型 float 含有小数点的数据都是浮点型 三 布尔型 布尔型 bool

  • SQL中去掉字符串中最后一个字符(小技巧)

    长度减一就可以了 select left 字段名 len 字段名 1 from 表名

  • 基于SpringBoot的爱心家园服装捐赠系统

    目录 1 项目介绍 2 项目技术 3 运行环境 4 项目介绍 5 项目代码 5 运行截图 6 源码获取 1 项目介绍 角色 管理员 用户 管理员 管理员登录系统后 可以对首页 个人中心 用户管理 捐赠记录管理 论坛管理 留言管理 心愿管理等

  • 软件全家桶-持续收录中（个人常用软件）

    下载网盘 下文附有官网地址 也可自行从官网下载 链接 https pan baidu com s 1YCOUyEozR6KLsNcG3W BtA 提取码 a4ni 01 截屏软件snipaste windows mac 版本 中文官网 ht

  • JavaScript基础详细思维导图（纯分享，不加水的那种）

    JavaScript比较基础重要知识的思维导图分享给大家 希望能给大家提供帮助 用到的工具是xmind 思维导图是小M 自己学习后总结出来的 比较适合新手 比较推荐UU们自己构造一个属于自己的思维导图 对知识的理解和记忆会更有帮助 这里还有

热门标签