JS 初 识

JavaScript 简 介

一、JavaScript 是一种专为与网页交互而设计的脚本语言,完整的Javascript由核心(ECMAScript)、文档对象模型(DOM)、 浏览器对象模型(BOM)三个部分组成。

  1. ECMA-262标准定义ECMAScript ,ECMA-262 标准规定了这
    门语言的下列组成部分:
    语法、类型、语句、关键字、保留字、操作符、对象
    ECMAScript 就是对实现该标准规定的各个方面内容的语言的描述。

  2. ECMAScript 的实现,则必须做到:
    支持 ECMA-262 描述的所有“类型、值、对象、属性、函数以及程序句法和语义”;
    支持 Unicode 字符标准。

  3. 文档对象模型(DOM,Document Object Model)是针对 XML 但经过扩展用于 HTML 的应用程序编程接口:通过 DOM 创建表示文档的树形图(如下图),使开发人员获得了控制页面内容和结构的主动权。借助DOM 提供的 API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。

    注:DOM 并不只是针对 JavaScript 的,很多别的语言也都实现了 DOM。

  4. 根本上讲,浏览器对象模型(BOM) 只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的 JavaScript 扩展算作 BOM 的一部分。下面就是一些这样的扩展:
    弹出新浏览器窗口的功能;
    移动、缩放和关闭浏览器窗口的功能;
    提供浏览器详细信息的 navigator 对象;
    提供浏览器所加载页面的详细信息的 location 对象;
    提供用户显示器分辨率详细信息的 screen 对象;
    对 cookies 的支持;
    像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象。

  5. JavaScript 的这三个组成部分,在当前五个主要浏览器(IE、Firefox、Chrome、Safari 和 Opera)中都得到了不同程度的支持。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很高兴能和你聊聊three.js体验!three.js是一个用于创建和展示3D图形的开源JavaScript库。它提供了丰富的功能和工具,使开发者能够在Web浏览器中轻松地创建交互式的3D场景。 首先,你需要在你的HTML页面中引入three.js库。你可以通过下载three.js文件并将其添加到你的项目中,或者使用CDN链接。接下来,你需要一个HTML元素作为3D场景的容器,例如一个div元素。给这个元素一个唯一的id,以便在JavaScript代码中引用它。 接下来,你可以开始编写JavaScript代码来创建3D场景。首先,你需要创建一个场景对象,使用`new THREE.Scene()`来实现。然后,你可以创建相机对象,例如透视相机`new THREE.PerspectiveCamera()`,并设置它的位置和方向。 接着,你需要创建渲染器对象,并将其添加到页面中。使用`new THREE.WebGLRenderer()`来创建渲染器对象,并设置它的大小和背景色。然后,使用`renderer.domElement`将渲染器对象添加到之前创建的HTML元素中。 接下来,你可以开始创建并添加3D对象到场景中。例如,你可以创建一个立方体对象`new THREE.Mesh()`,并设置其材质和位置。然后,使用`scene.add()`方法将这个立方体对象添加到之前创建的场景中。 最后,你需要编写渲染循环函数,并在每一帧中更新场景和渲染器。使用`requestAnimationFrame()`来实现渲染循环,并在循环中更新相机位置、物体的位置或其他动画效果。 通过这些基本步骤,你就可以步体验three.js并创建简单的3D场景了。当然,这只是three.js的一个简单入门示例,你可以进一步探索three.js的文档和示例来学习更多高级功能和技巧。祝你玩得开心!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值