本博客包含多个文档和书籍的翻译,但有能力者推荐阅读英文原版

标签:JavaScript

学习p5.js – 第五章 条件语句和比较运算符

在上一章中,我们了解了p5.js中可以使用的一些变量。需要注意的是这些变量仅能在p5.js中的setup和draw函数内使用。如果在这两个函数外使用,我们会获得报错说变量未声明。本章中我们会来看p5.js中会用到的其它变量:frameCount。我们还会学习与帧相关的知识以及frameRate函数。frameCount, frameRate与帧还记得在……

学习p5.js - 第四章 操作符和变量

在第一章和第二章我们学习了 JavaScript 中可以使用的变量和数学运算。本章中,我们将运用所学的知识。设置准备首先我们要创建几个图形随后使用。我们使用ellipse和rect函数来创建类似购物车的图形(示例4-1和图4-1)。示例4-1. 使用ellipse和rect函数创建购物车 function setup() ……

学习p5.js - 第三章 p5.js中的颜色

既然已经可以使用p5.js绘制各种图形了,就让我们来学习如何进行颜色的控制吧。我们已经在background函数中传入220, 220, 220来设置背景钯为浅灰色了。p5.js中的颜色函数默认情况下p5.js使用RGB色彩模式,其中R代表红色,G代表绿色,B代表蓝色。这表示我们需要向颜色函数中传入三个参数来设置指定颜色。每种色彩的值在0到255之间。也……

学习p5.js - 第二章 准备工作

安装p5.js开使使用p5.js和JavaScript有好几种方式,其中一种是进入p5.js官网并在系统中下载p5.js的源代码(见图 2-1)。在写本教程时,下载页中有一个名为p5.js complete的链接,其中包含p5.js库以及一个示例项目。下载压缩包,可在其中看到一个empty-example文件夹。该文件夹中有两个文件:sketch.js文……

学习p5.js - 第一章 导学

在我们生活的这个时代,编程是无价之宝。它具有提升就业、未来发展甚至是你的智力的超能力。计算机正在驱动人类历史最大的资本扩张之一,没有比现在学习编程的更好时机了。为何学习编程我与编程的第一次正面交锋是在大学时。我们要学习一门名为 C#(C Sharp)的编程语言,第一次考试我就挂科了,第二次补考也仅仅是勉强通过。带头内心的挫败感,很长时间我都和编程保持距离……

【已完结】Learn JavaScript with p5.js中文版

视觉艺术行业或新媒体艺术行业相关人员想必对Processing和p5.js都不会陌生,前者是 Java 的语法结构,后者是 JavaScript 的语法结构。Alan 并不是新媒体艺术的直接从业者,仅在工作中也会部分的接触到。决定翻译这本书其实是非常偶然的,但生活就这样:有意栽花花不开,无心插柳柳成荫。关于 p5.js 市面上目前只看到两本书:Gettin……

React 全家桶+AntD搭建后台管理系统

基础知识React 特点Declarative 声明式编码Component-Based 组件化编码高效-高效的 DOM Diff算法,最小化页面重绘单向数据流Vue & React 生态Vue + Vue-Router + Vuex + Axios + Babel + WebpackReact + React-Router……

JS实现放大镜效果

电商网站中会经常出现图片的放大效果,在产品页面尤为常见,如淘宝、京东、一号店等网站都会采用悬浮鼠标在右侧出现图片放大效果。要实现这种效果可能过JS或jQuery等代码来实现,示例效果如下(通过将鼠标悬浮在下面的图片上进行查看):首先通过getElementById或其它方法来获取各个对象,然后通过onmouseover和onmouseout事件来显示和……

Firebug使用相关

Firebug是网页浏览器Firefox下的一款开发类插件,集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。在日常使用中常会同时安装其扩展Yslow来一并对网站进行调试。同时为了兼容其它浏览器,还开发有Firebug Lite,功能略弱于Firebug。 安装完后要开启……

JavaScript String对象的方法

String对象的方法和属性,字符串变量同样也可以使用。方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码……