简单了解javascipt

话说现在语言的新星,不能不说JS,这门被广泛用来制作网页的语言,不得不说JS在制作网页方面确实有着先天的优势,我简单了解了下这门语言,故而有了些认识
javascipt简称JS,是一个高层次,动态,弱类型,基于原型的,多范式,并且解释 的编程语言。它被用来使网页互动并提供在线节目,包括电子游戏。大多数网站使用它,所有现代的网页浏览器都支持它,而不需要通过内置的JavaScript引擎进行插件。
这里写图片描述
它最初由Netscape的Brendan Eich设计。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型,浏览器对象模型。
这里写图片描述
Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。为了取得技术优势,微软推出了JScript来迎战JavaScript的脚本语言。为了互用性,Ecma国际(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言,而非作为给程序人员的脚本语言来推广和宣传,但是JavaScript具有非常丰富的特性。
每个JavaScript引擎代表了JavaScript的不同实现,全部基于ECMAScript规范,一些引擎不完全支持该规范,并且许多引擎支持ECMA之外的其他功能.作为一种多范式语言,JavaScript支持事件驱动,功能性和命令性(包括面向对象和基于原型的)编程风格。它具有一个用于处理DOM的文本,数组,日期,正则表达式和基本操作的API,但是语言本身不包括任何I / O,例如网络,存储或图形设备,依赖于这些主机嵌入的环境。
这里写图片描述
由于JavaScript代码可以在用户浏览器(而不是远程服务器)上本地运行,因此浏览器可以快速响应用户操作,使应用程序响应更快。而且,JavaScript代码可以检测HTML单独无法执行的用户操作,例如单个按键。诸如Gmail之类的应用程序充分利用了这一点:大部分用户界面逻辑都是用JavaScript编写的,而JavaScript则将请求信息(例如电子邮件的内容)发送到服务器。Ajax编程的更广泛趋势同样利用了这一优势。
这里写图片描述
JavaScript引擎(也称为JavaScript解释器或JavaScript实现)是一个解释器,其解释的JavaScript 源代码并执行该脚本相应。第一个JavaScript引擎是由Netscape的Brendan Eich为Netscape Navigator Web浏览器创建的。代号为SpiderMonkey的引擎在C中实现。它已经被更新(在JavaScript 1.5中)以符合ECMAScript 3. 主要由Norris Boyd(以前在Netscape,现在在Google)创建的Rhino引擎是Java中的JavaScript实现。Rhino和SpiderMonkey一样,符合ECMAScript 3标准。
这里写图片描述
Web浏览器是目前最常用的JavaScript主机环境。Web浏览器通常创建“主机对象”来表示JavaScript中的DOM。该Web服务器是另一种常见的主机环境。甲JavaScript的Web服务器将典型地暴露表示主机对象HTTP请求和响应对象,其中JavaScript程序可随后查询和操纵动态生成的Web页面。
由于JavaScript是最受欢迎的浏览器共享支持的唯一语言,因此JavaScript已经成为其他语言框架的目标语言,尽管JavaScript从来不打算成为这样的语言。[52]尽管固有到其动态性质的性能限制,JavaScript引擎的增加速度已使语言一个令人惊讶的可行目标汇编。
所以推荐各位可以上上codecadamy学学这门语言。
一个链接教你认识JS:
https://www.bilibili.com/video/av9243452/?from=search&seid=755292343568897717

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您想了解如何使用 JavaScript 和 CSS 制作一个简单的个人博客网页。我可以为您提供一些基本的指导和建议。 首先,您需要确定您的网页的设计和布局。您可以使用 HTML 和 CSS 创建一个基本的网页结构,并使用 JavaScript 来添加交互和动态效果。 以下是一些创建个人博客网页的步骤: 1. 创建HTML文件并定义基本结构。 例如: ``` <!DOCTYPE html> <html> <head> <title>My Personal Blog</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>My Personal Blog</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section> <h2>Welcome to my blog!</h2> <p>This is my personal blog where I share my thoughts and experiences.</p> </section> <section> <h2>Recent Posts</h2> <ul> <li><a href="#">Post 1</a></li> <li><a href="#">Post 2</a></li> <li><a href="#">Post 3</a></li> </ul> </section> </main> <footer> <p>© 2021 My Personal Blog</p> </footer> </body> </html> ``` 2. 创建 CSS 文件并定义样式。 例如: ``` body { font-family: Arial, sans-serif; color: #333; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); } h1 { margin: 0; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; } nav li { margin-right: 20px; } nav a { color: #333; text-decoration: none; } main { padding: 20px; } section { margin-bottom: 20px; } h2 { margin-top: 0; } ul { list-style: none; margin: 0; padding: 0; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } ``` 3. 使用 JavaScript 添加交互和动态效果。 例如: ``` // 添加导航菜单的活动状态 var navLinks = document.querySelectorAll('nav a'); for (var i = 0; i < navLinks.length; i++) { navLinks[i].addEventListener('click', function() { for (var j = 0; j < navLinks.length; j++) { navLinks[j].classList.remove('active'); } this.classList.add('active'); }); } // 添加“回到顶部”按钮 var backToTopButton = document.querySelector('.back-to-top'); window.addEventListener('scroll', function() { if (window.pageYOffset > 100) { backToTopButton.classList.add('show'); } else { backToTopButton.classList.remove('show'); } }); backToTopButton.addEventListener('click', function() { window.scrollTo(0, 0); }); ``` 这些是制作个人博客网页的基本步骤。您可以根据您的需要和喜好进一步添加功能和样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值