样例 <script src="./p5/p5.js"></script> <script> function setup() { // 只写一次你想做的事 createCanvas(400, 400); } function draw() { // 写下你要重复的内容 // 每秒约60次速度重复 background(220); ellipse(50,50,80,80); } </script> createCanvas(width,h…

js进阶 10-9 -of-type型子元素伪类选择器 一.总结 一句话总结:三种和first.last等有关的选择器. 1.:first和:first-child和:first-of-type的区别? :first:单选.:first-child:多选(父元素第一个).:first-of-type:多选(同类型第一个): :first-of-type”是选择父元素下某个元素类型的第1个子元素(区分元素类型):“:first-child”是选择父元素下的第1个子元素(不区分元素类型) 二.-of…

在JS中,对DOM(Document Object Model)对象和BOM(Browser Object Model )对象的操作是非常重要的内容.DOM主要包括HTML文档的属性和方法,像对HTML节点的操作,CSS的操作和HTML事件的监听和处理.BOM不要包括浏览器相关的一些属性和方法. DOM知识点 1.改变页面的元素和属性 a.获取元素的方法: document.getElementByIdx_x_x() document.getElementsByTagName_r() docum…

准备:Hbuilder/vscode等可以编写网页的编辑器 如果想立刻上手也可以使用在线编译器p5.js官方在线编辑器,如果打不开也可以使用国内的一款在线编辑器jsrun编辑器,(第一课先使用jsrun在线编辑器) 本案例最终代码17行 开始 创建画布,生成一个400*400大小的画布. function setup() { createCanvas(400, 400); } 创建背景及小球,首先通过background()函数创建一个天蓝色(87,250,255)的背景,再创建一个20*20大…

p5.js p5.j​​s是一个用于创意编码的JavaScript库,其重点是使艺术家,设计师,教育者,初学者以及其他任何人都可以访问并包含所有编码! https://p5js.org/ https://editor.p5js.org/ function setup() { createCanvas(400, 400); } function draw() { background(220); ellipse(50,50,80,80); } examples https://p5js.org/e…

思索 p5.js 的最佳实践 本文写于 2020 年 12 月 18 日 p5.js 是一个 JavaScript 库,用于为艺术家.设计师提供更容易上手的创意编程. 它有着完整的一套基于 Canvas 的作画功能,并且你可以把整个浏览器都当成你的"画布"--利用 p5.dom.js 可以很方便地与其他 HTML 元素进行交互:利用 p5.sound.js 可以很简单的对声音进行分析与处理. 官网推荐用法 在官网的例子中,推荐使用 <script> 标签引入的方法: <…

今天在做一个js加法的时候,忘记将字符转换成整型,导致将加号认为是连接符,  在运算前要先对字符井行类型转换,使用parseInt()函数   使用Number()将字符转换成int型效果更好…

无意中看到arr.length === +arr.length;这句代码,然后就去了解了下 这是一种鸭式辨型的判断方法. 鸭式辨型:像鸭子一样走路.游泳和嘎嘎叫的鸟就是鸭子 这句话表示: a.arr有length这个属性 b.arr.length是一个Number 那么arr可以是array,也可以是string Jquery中要判断一个变量是否是一个数组的确切方法:Object.prototype.toString.call(arr) === '[object Array]'; ES6可以通过…

js的數據類型有:字符串.數字.布爾型.數組.undfined.null: js擁有動態類型,同樣的變量可以賦值多個類型: 變量賦值可以聲明后賦值,或者聲明時賦值: 字符串: 字符串用單引號或者雙引號包括,如果字符串內部包含字符串的話,那麼內部字符串可以是單引號或者是雙引號,外部字符串可以是單引號或者是雙引號,但是引號一定要配對: 數字: 整數var a=1 小數var a=1.001 非常大或者非常小的數字使用科學計數法 var a=12e5; var a=12e-5 布爾型:true或者fa…

转:http://blog.csdn.net/dxnn520/article/details/8267173 var定义的变量应该是字符串,有时没有经过类型转换而进行比较的话,小于十的话还可以,如果大于十就会出错 例: var hour_select_begin=$('#hour_select_begin option:selected').text(); var hour_select_end=$('#hour_select_end option:selected').text(); if(h…