《智能前端技术与实践》——第 2 章 前端开发基础 ——2.4 JavaScript 基础

简介: 《智能前端技术与实践》——第 2 章 前端开发基础 ——2.4 JavaScript 基础

2.4 JavaScript 基础


JavaScript 是一种多范式的动态语言,它包括类型、运算符、标准内置(built-in)对象和 方法,其语法源自 Java 和 C,所以这两种语言的许多语法特性同样适用于 JavaScript。JavaScript 通过原型链而不是类来支持面向对象编程,它同样支持函数式编程,因为它们也是对象,函数 也可以保存在变量中,并且像其他对象一样传递。


与大多数编程语言不同的是,JavaScript 没有输入或输出的概念。它是在一种宿主环境中 运行的脚本语言,任何与外界沟通的机制都是由宿主环境提供的。浏览器是最常见的宿主环境, 但在非常多的其他程序也包含 JavaScript 解释器,这些程序包括 Adobe Acrobat、Adobe  Photoshop,宿主环境包括 Yahoo!的 Widget 引擎、Node.js、NoSQL 数据库(如开源的 Apache  CouchDB)、嵌入式计算机及桌面环境等。图 2-23 所示的淘宝首页轮播图即为 JavaScript 在网 页中的实际应用。


image.png


轮播图由网页 banner 进化而来,通常放置在网页中最显眼的地方。随着越来越多的信息 需要展示在网页中,轮播图应运而生。目前,轮播图是大多数网站中常见的一个应用模块,开 发者可以通过在 JavaScript 中添加定时器来实现该功能。


根据 Stack Overflow 发布的 2020 开发者调查报告,JavaScript 已经连续多年成为使用最多 的语言。对于任何开发人员来说,只要网站存在,JavaScript 就有用。


JavaScript 之所以如此流行,很大一部分原因是它无处不在。它几乎可以应用到所有的前 端和后端 Web 开发,其应用领域包括:


• 网站前端开发(JavaScript 的主要应用领域,表单提交、单击按钮等前端逻辑都可通 过 JavaScript 实现);

• 网站后端开发(Node.js 的问世让前端开发者能够通过 JavaScript 写后端代码,不需要 学 Java 等后端语言,这极大降低了学习成本);

• 移动开发;

• Web App(HTML5 提供了很多 API 支持,可以实现原生应用的大部分功能,比如基 于 Web App 实现的 Firefox OS);

• 微信小程序(从严格意义上说,微信小程序不同于 Web App、Native App 及 Hybrid App 这些主流开发方式,小程序采用 JavaScript 和 CSS 这类常见的 Web 开发技术,但是 它不支持现有的 HTML DOM);

• 桌面开发(Chrome 等浏览器可以将 JavaScript 写的程序打包成桌面应用,比如 Google 力推的 Chrome OS 就是基于 Web App 的操作系统);

• 插件开发(JavaScript 是一种跨平台的语言,因此通过 JavaScript 语言开发的插件可以 跨平台使用)。


相关文章
|
2月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
2月前
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
19天前
|
人工智能 移动开发 前端开发
WeaveFox:蚂蚁集团推出 AI 前端智能研发平台,能够根据设计图直接生成源代码,支持多种客户端和技术栈
蚂蚁团队推出的AI前端研发平台WeaveFox,能够根据设计图直接生成前端源代码,支持多种应用类型和技术栈,提升开发效率和质量。本文将详细介绍WeaveFox的功能、技术原理及应用场景。
581 66
WeaveFox:蚂蚁集团推出 AI 前端智能研发平台,能够根据设计图直接生成源代码,支持多种客户端和技术栈
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
62 5
|
2月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
89 1
|
2月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
59 4
|
2月前
|
资源调度 前端开发 JavaScript
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第10天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤,包括安装依赖、创建混淆脚本、修改 `package.json` 脚本命令、构建项目并执行混淆,以及在 HTML 文件中引用混淆后的文件。通过这些步骤,可以有效提高代码的安全性。
159 2
|
2月前
|
前端开发 JavaScript 开发者
前端小白逆袭记:从零开始,如何快速掌握前端开发精髓?
本文从一个前端小白的视角,分享了快速掌握前端开发核心技能的逆袭之路。通过学习HTML、CSS和JavaScript,逐步接触前端框架如Bootstrap、Vue.js和React,克服挑战,最终实现从入门到精通的蜕变。
34 4
|
2月前
|
设计模式 前端开发 JavaScript
揭秘!前端大牛们如何巧妙利用JavaScript,打造智能交互体验!
【10月更文挑战第30天】前端开发领域充满了无限可能与创意,JavaScript作为核心语言,凭借强大的功能和灵活性,成为打造智能交互体验的重要工具。本文介绍前端大牛如何利用JavaScript实现平滑滚动、复杂动画、实时数据更新和智能表单验证等效果,展示了JavaScript的多样性和强大能力。
66 4
下一篇
开通oss服务