JavaScript一课一得

本文主要是介绍JavaScript一课一得，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

（一）什么是 JavaScriptJavaScript

（JS）是基于对象和事件驱动的客户端脚本语言，主要是用来进行 Web 前端开发的。

（二）JavaScript 的发展概况

1.JavaScript 语言诞生

2.JavaScript 与 ECMAScript

3.JavaScript 标准的发展历程

4.JavaScript 的组成

JavaScript 是由 ECMAScript、DOM、BOM 三部分组成的。

(三)JavaScript 特点

JavaScript 语言流行的主要原因是具备了以下众多的优秀特性。

1.解释型脚本语言

2.基于对象

3.数据安全性

4.跨平台性5.动态性

（四）JavaScript 应用场景

1.动态交互效果

2. 数据验证

3. 结合流行框架开发移动应用

4. 使用 Ajax 等技术与后端进行数据交互

使用 Ajax 技术可以实现 JavaScript 与后台服务器数据的交互功能

（五）JavaScript 代码编辑器

（六）JavaScript 在 HTML 中的应用

1.直接将 JavaScript 代码嵌入 HTML 中（内嵌式）

2.链接外部的 JavaScript（外链式）

3.直接在 HTML 标签中使用（行内式）

（七）JavaScript 常用的输入输出方式

1.使用 window.prompt()方法输入数据

2.使用 document.write()将内容输出到页面

3.使用 window.alert()弹出对话框输出内容

4.使用 console.log()在控制台输出内容

（八）JavaScript 的注释

1. 单行注释符

2. 多行注释符

（九）变量

变量就是其值可以发生变化的量，变量有变量名和值，变量名是计算机内存中暂时保存数据的符号名称，通过该名称可获取变量的值。

（1）变量的声明和赋值

1.使用var声明变量和赋值

2．使用let声明变量和赋值

3.使用const声明变量和赋值

（2）变量的类型

JavaScript声明变量只有一个关键字，只是声明了变量的名字，不能声明其类型，变量类型是由变量值所属的类型所决定的，比如变量值是数值型，那么其变量类型就是数值型；变量值是字符串型，那变量的类型就是字符串型。

下面是一些例题展示

字符统计

效果图

加法计算

效果图

验证码倒计时

效果图

ajax接口

以下是学习步骤，转载

想知道JavaScript下一步学什么？这一份详细的前端学习路线告诉你！让你一目了然！

整个学习路线图，共分为8个步骤，每个步骤之间都存在递进关系，刚接触前端的小伙伴，建议大家一定要按照这个步骤来学习。

你可以把每个步骤里的技术点，当成是一个清单，掌握一个勾掉一个。如果你有一定的前端基础，可以从中间的步骤开始，也可以检验哪些技术点你没有掌握，查缺补漏。

下面主要来说说JavaScript的下一步要学什么！

第四步，PC端全栈项目开发。

有了JavaScript、HTML、CSS知识，再加上这个步骤的技能点学习，你就能够完成一个PC端的前后端整体项目开发了。

可以从事网站开发工程师，以及Web前端开发工程师的工作了。薪资能达到11K-13K。

这一步骤共分为四部分内容：首先学会常用的前端工具库，掌握前端工程化和模块化，然后系统学习后端，或者叫服务端开发工具Node.js，最后你就能独立完成一个网站或者管理系统的开发了。

第五步，前端高级框架技术。

这个步骤是从事前端工作必须掌握的重要内容，尤其是Vue、React，已经是公司开发企业项目的首选框架。

学会这个部分，你就是一名高级Web前端工程师了，可以胜任公司的C端和B端的所有项目，薪资待遇能达到14K-18K。那这些框架都需要学习掌握什么呢？

Vue框架，需要掌握Vue3和它的生态技术。掌握了Vue3的选项式API，Vue2的项目也信手拈来。Vue3生态的每个技术都包含了很多内容，都需要你掌握它并熟练应用。像Vue3的组合式API、Vite2+SFC、VueRouter4、Vuex4、Pinia2、TypeScript基础、TS+Vue3，其他的技术栈。学会这些，你就可以基于这些技术开发Vue3的C端和B端项目了。

React框架，同样需要掌握React18和它的生态技术。每个生态也都包含很多内容，像Umi技术栈、其他技术栈。React技术备受大厂青睐，一般情况下，React岗位薪资也会比Vue高些。那除了这两个主要框架还需要什么呢？

Angular框架，企业用的比较少些了，基本上都是老项目的维护了。

数据可视化，可以选学，如果项目里有这块需求，可以仔细研究一下。

视频教程：

Vue2.0+Vue3.0 从入门到精通教程www.zhihu.com/education/video-course/1487063044404895744

Echarts+Vue3.0 大数据可视化项目构建www.zhihu.com/education/video-course/1487063049811353600

React 基础视频教程 - 1. React课程简介www.zhihu.com/education/video-course/1487063045087776768编辑

React 全球新闻发布管理系统www.zhihu.com/education/video-course/1487063050574721024