p5.js 编程基础学习合集【2】

最新推荐文章于 2024-05-29 01:30:03 发布

升卿

最新推荐文章于 2024-05-29 01:30:03 发布

阅读量4.6k

点赞数 2

分类专栏： Thinking In p5.js 文章标签： p5.js JavaScript 入门基础

本文链接：https://blog.csdn.net/Hewes/article/details/80459489

版权

之前在《 p5.js 和 Processing 的恩怨情仇》曾提及 p5.js 与 Processing 的不同点之一就是：
在 JavaScript 中，变量没有类型。使用 var 而不是 float、int、double、long、char、String、Array 等。我们不需要为函数指定返回类型或参数类型。
var 可以是任何东西——任何提到的类型，也可以是函数。

本文内容

HTML 文档中的脚本设置。学习在 HTML 外部的文件中编写 JavaScript，并在脚本标记中指向该文件。
调试程序的第一步—— JavaScript 控制台。
变量的基础知识：定义、特征、使用缘由、创建与赋值、数据类型……

本文主要包含一些 JavaScript 基础知识。我尽可能地采用更贴近自然文字，来简要带过这一枯燥过程。我怀着学习的心态编写本文，因为在我看来，JavaScript 基础知识的理解对后续 p5.js 的学习的帮助是十分明显的。

##HTML 中的脚本设置
首先，明晰一点，驱动 web 发展的核心三技术分别指的是：HTML，CSS 和 JavaScript。

有个形象的比喻——HTML 是骨架，CSS 是皮肤，JavaScript 是肌肉。

这里写图片描述

就功能而言，HTML 展示内容，CSS 美化页面，JavaScript 让页面动起来。

而现在，你所要做的即让骨架长出肌肉——网页中的 JavaScript 代码可以放在 HTML 文档中的任何位置，尽管它通常包含在 HTML 的 <head>部分中。你将使用<script>标签指定它：

<html>              
  <head>              
    <script type="text/javascript">              
      // 开始编写 JavaScript
      var str = "This is my first message";                                    
      console.log(str);
    </script>
  </head>              
<body> 
</body>             
</html>

你还可以在 HTML 外部的文件中编写 JavaScript，并在脚本标记中指向该文件。

< script  type = “ text / javascript ”  src = “ myProcessingCode.js ” > </ script >                     <！ -这是一个HTML注释- > 
< script  type = “ text / javascript ”  src = “ libraries / p5.js “ > </ script >                         <！ -我们的p5库！- > 
< script  src = “ https：//ajax.aspnetcdn。> </ script >     <！ - JQuery，一个流行的实用程序库- >

而有一点需要注意的是，在最新的浏览器中，你不需要写type=“text/javascript”，因为 JavaScript 是现在默认的脚本类型。

最低0.47元/天解锁文章

升卿

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
p5.js 编程基础学习合集【2】

之前在《 p5.js 和 Processing 的恩怨情仇》曾提及 p5.js 与 Processing 的不同点之一就是：在 JavaScript 中，变量没有类型。使用 var 而不是 float、int、double、long、char、String、Array 等。我们不需要为函数指定返回类型或参数类型。 var 可以是任何东西——任何提到的类型，也可以是函数。#...
复制链接

扫一扫