JavaScript八张思维导图

Stella981 等级 481 0 0

JavaScript八张思维导图

目录

  • JS基本概念

  • JS操作符

  • JS基本语句

  • JS数组用法

  • Date用法

  • JS字符串用法

  • JS编程风格

  • JS编程实践


不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vue,React等前端框架,甚至是nodejs等服务端的兴起,归根到底,我始终觉着一切的核心还是JavaScript。于是最近就有了一个想法,想要梳理一下这些年学习以及使用JS的心得。

本系列文章主要是针对JS的相关知识点做一个类似提纲似的提炼,一来可以作为今后温故知新的参照;二来也是希望能够帮助大家更加系统清晰的理解JS这门语言。

本系列文章主要参照了Nicholas C. Zakas 的两本著作:

《JavaScript高级程序设计(第3版)》及《编写可维护的JavaScript》

JS基本概念

JavaScript八张思维导图

JS操作符

JavaScript八张思维导图

JS基本语句

JavaScript八张思维导图

JS数组用法

JavaScript八张思维导图

Date用法

JavaScript八张思维导图

JS字符串用法

JavaScript八张思维导图

JS编程风格

JavaScript八张思维导图

JS编程实践

JavaScript八张思维导图

xmind源文件已经上传到github,喜欢的就给个Star吧!(^_^)

https://github.com/lidaguang1989/javascript-knowhow

温馨提示:微信公众号后台回复‘JavaScript’即可领取到xmind源文件

源自:https://www.cnblogs.com/lidgblogs/p/8350276.html

声明:文章著作权归作者所有,如有侵权,请联系小编删除。

感谢 · 转发欢迎大家留言

JavaScript八张思维导图

JavaScript八张思维导图

喜欢就点下 “

” 吧!

本文分享自微信公众号 - web前端学习圈(web-xxq)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

收藏
评论区

相关推荐

「组件」返回顶部按钮
样式如图1:在components文件夹下新建BackTop.vue js<template <div class"backTopBtn" <a href"javascript:;" <div vif"btnFlag" class"btn" @click"backTop"TOP</div
javascript实践教程-02-javascript入门
本节目标1. 掌握如何编写javascript代码。2. 掌握javascript的3个弹框。3. 掌握javascript的注释。4. 掌握浏览器的调试工具控制台。 内容摘要本篇介绍了如何在网页上编写js代码,如何引入外部js代码文件,js的3个弹框、注释语法,还有浏览器调试工具的控制台使用。阅读时间1520分钟。 script标签如果我们需要在网页中编写
GOJS使用
GOJS使用--前端拓扑图 ------------- ### 1.基础版: * 引入go.js <script src="https://my.oschina.net//u/4402671/blog/3234986/js/go.js" type="text/javascript"></script>
JS 折线图
JS 折线图  echarts 折线图。需要引入:echarts.min.js <script src="${ctxStatic}/common/echarts.min.js" charset="utf-8" type="text/javascript"></script> JS调用后台方法,得到数据 Map<String, Obj
JS 百度地图 换地图主题颜色(API自带)
JS 百度地图 换地图主题颜色(API自带) ---------------------- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO"></scr
JS导出页面为PDF文件,该如何操作?来看一眼就明白啦!
废话不多说,直接上代码。 1.资源文件或依赖 <script type="text/javascript" src="https://my.oschina.net//u/4265132/blog/4054317/js/canvg2.js"></script><script type="text/javascript" src="https://m
java中ajax的用法简单案例
1.index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-2.1.0.js">
AJAX与Django
AJAX ---- #### 什么是AJAX? AJAX不是JavaScript的规范,它的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求。提交任务之后,不原地等待,直接执行下一行代码,任务的返回通过回调机制。 局部刷新,不整体刷新,而是界面莫个地方局部刷新 #### AJAX原理
Html5添加三联切换仿3D效果旋转木马jQuery插件教程
一、使用方法 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/gallery.js"></script>    二、Html结构 <div id="wrapper"> <div id="mai
JQValidate使用说明
JQuery Validate使用总结: 一、导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则
JavaScript prototype原型用法
JavaScript对象原型 -------------- 所有JavaScript对象都从原型继承属性和方法。 <!DOCTYPE html> <html> <meta charset="utf-8"> <title>js</title> <body> <h2>JavaScript 对象</h2
JavaScript 事件循环机制
javascript是一门单线程的非阻塞的脚本语言。单线程意味着javascript在执行代码的任何时候,都只有一个主线程来处理所有的任务。 那么javascript引擎是如何实现这一点的呢? 因为**事件循环(event loop)**。先上图: ![event_loop](https://oscimg.oschina.net/oscnet/up-6
JavaScript 通过身份证号获取出生日期、年龄、性别 、籍贯
JavaScript 通过身份证号获取出生日期、年龄、性别 、籍贯(很全) 效果图: ![](https://oscimg.oschina.net/oscnet/805f0196321a1ac3f774290c93d33d6fa71.png) 示例代码: //由于没有写外部JS,所以代码比较长!!! <!DOCTYPE html PUB
Springmvc异步上传文件
<script src="js/jquery.js" type="text/javascript"></script><script src="js/jquery.ext.js" type="text/javascript"></script><script src="js/jquery.form.js" type="text/javascript"
一文带你解读​JavaScript的基本用法
前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。 JavaScript的基本用法 1.如何使用Js脚本1).引入Js文件在头部标签中导入脚本标签并指明脚本文件路径2).