运维开发之JS篇

2023-10-30 18:22:32 浏览数 (1)

对于的Js的学习介绍,还不是我一个半斤八两的程序员能介绍清楚,因为不像HTML和CSS一样,它就那些东西,简单的我还能讲个大概,所以对于js的学习是一个比较漫长的过程,只能说说自己的一些理解和思考,和大家共同进步。

首先Js是一门编程语言,是广泛用于前端网页开发的编程语言,因为之前利用HTML以及CSS之后,虽然网页有了一个大致的样式,但是基本没有什么交互,就是一个静态的页面,什么叫交互呢,简单理解就是你点击网页,网页对应的有响应。Js可以在网页中添加动态效果、响应用户的操作,数据验证处理。

之前刚接触的时候,大佬们都说js是最好学的,分分钟就能学会。但不管如何,毕竟是一门高级语言,学习并非想象中那么简单,所以需要时常学习,在项目中灵活使用才是关键。再说说这是一门高级语言,那相比其他高级语言有什么区别,就是js主要运行在浏览器中,而不是像其他语言在服务器上,但是js通过node.js就可以运行在服务器上,可以进行后端开发。Js也具有跨平台的优势,可以在各种操作系统和浏览器中运行。那么也和其他语言一样,可以开发web应用、桌面应用、移动应用等等。

还是直接上脑图

再说说学习路线

这里根据脑图再说说,要掌握的:

基础部分

1、HTML和CSS,这是构建网页基础

2、数据类型、变量、表达式、运算符

3、控制流程语句:if/else、while、for循环等

4、函数:定义以及调用,参数的返回值的试用

5、数组和对象:最基本的两个数组:Array、TypedArray,操作数组和对象

6、内置方法对象:Math、Date等

进阶部分

1、DOM 操作:文档对象模型(DOM),使用 JavaScript 操作页面元素。

2、事件处理程序:处理常见的事件,例如点击、鼠标移动等。

3、jQuery 库:掌握 jQuery 库,简化 DOM 操作和事件处理程序。

4、AJAX 异步请求:使用 XMLHttpRequest 对象从服务器获取数据。

5、JSON 数据格式:JSON 格式传递数据是最常用。

高级部分:

1、ES6 新特性:掌握新特性,例如箭头函数、类和模块化等。

2、Node.js 和 NPM:学习 Node.js包管理器(NPM),并构建 Web 应用程序。

3、模块化编程:掌握模块化编程,了解 CommonJS 和 ES6 的模块化规范。

4、测试和调试:会测试JavaScript 代码,能使用浏览器内置的开发工具进行调试。

5、框架和库:知道React、Angular 和 Vue 等,以及它们的用途和优缺点。

当然这是常规前端工程师要学习掌握的,而对于我们,知道怎么用,以及如何用,先把基础的掌握,东西做出来,至少把最简单的框架做出来就是最重要的。至于比较细节的东西,就得在实际项目中灵活应用。

我们后期主要用的框架是vue,说起框架,js的框架肯定不止一个,使用那个框架根据实际使用场景和个人喜好来选择。一般用的比较多的就是脸书的react、谷歌的angular、还有尤雨溪大佬的vue。React突出一个声明式的编程模型,代码的可读性和可维护性都很强,但是没有路由和状态管理,需要搭配其他工具使用。而angular是突出一个数据双向绑定,说是一个全能型框架,这和他的SPA框架有关,其他的我这里目前没用过,就不说了。Vue的话,官方说是渐进式框架,就是搭积木一样,根据需要加入项目。用的人还是很多,易学易用,突出一个响应式,也具备数据双向绑定、组件化开发、轻量级、使其视图层能够自动更新。

今天对于js有一个大致的了解,本周内剩下时间就主要学习js以及vue相关的东西,下周就开始实际的前端开发项目。

最后也得来一个helloworld的例子!

代码语言:javascript复制
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Example</title>
<script src="example.js"></script>
</head>
<body>
<!-- HTML content -->
</body>
</html>

在 head 部分添加了一个script 标签,并将 example.js 文件作为脚本文件引入。

在js文件中写入:

代码语言:javascript复制
alert('hello world');

用户打开该 HTML 文档时,会在页面加载时自动弹出一个 "hello world" 的弹窗。

0 人点赞