自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 基于D3.js绘制二部图

基于D3.js绘制二部图<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>bipartite</title> </head> <script src="../JavaScript/d3/4.x/d3.min.js"></script> <b

2020-10-03 22:54:57 453

原创 SVG学习

SVG粗略学习svgsvg的图形元素1.线段2.矩形3.折线与多边形4.圆形与椭圆形5.路径文字标记渐变色svgsvg,可缩放矢量图形(Scalable Vector Graphic)。是用于描述二维矢量图形的一种图形格式。矢量图形与分辨率无关,这意味着对矢量图进行缩小放大后不会发生失真。矢量图占用空间较小,矢量图可以轻松转换为位图(位图不能轻易转化为矢量图)。svg的图形元素SVG中预定义的有几种常用的形状元素,分别为:线段<line>、折线<polyline>、矩形&lt

2020-09-10 21:37:09 364

原创 DOM学习

DOM学习结构访问和修改HTML元素事件为了学习D3,粗略的学习一下DOM。DOM,(Document Object Model)文档对象模型,是针对结构化文档的接口,运行脚本动态的访问并修改文档。(也就是可以动态的修改网页元素)结构DOM以树形结构来描述HTML文档,称为节点树。访问和修改HTML元素DOM的文档对象都保存在document中,调用其属性和方法,即可访问HTML文档中的元素:document.getElementById("test1"); //返回第一个Id为tes

2020-09-02 22:04:24 354

原创 学习JavaScript

JavaScript的学习在HTML中使用JavaScript语法变量数据类型操作符语句函数对象数组

2020-09-02 20:12:03 78

原创 JavaScript语句(还没写)

JavaScript语句(还没写)与其他语言没什么差别,懒得写,有空再来补。

2020-09-02 20:11:44 56

原创 JavaScript数组

JavaScript数组JavaScript的数组是常用的一种数据结构,用方括号即可定义使用[]。需要知道JavaScript中的数组其实是一种对象,使用typeof检测可知:var test = [1 , 2];console.log(typeof test); //object与C/C++和Java等语言不同的是,JavaScript中的同一个数组可以包含不同类型的值,如:var test1 = [1 , "12" , true]; //合法还可以使用Array构造函数来创建数组:

2020-09-02 20:10:04 81 1

原创 JavaScript对象

JavaScript的object是拥有属性和方法的数据类型。属性即与对象相关的值,方法是在对象上执行的动作。var p1 = new object(); //创建对象上面代码创建了一个对象,但是此时这个对象没有属性也没有方法。下面为其添加属性与方法:p1.name = "小明";p1.sex = "男";p1.age = "18";p1.grow_up = function(){ this.age += 1;}这段代码为p1加入了name、sex、age三个属性和grow_up()

2020-09-02 19:49:00 127

原创 JavaScript函数

JavaScript函数JavaScript 函数通过 function 关键词进行定义,其后是函数名和参数括号 ()。函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。与C/C++等语言不同的是,JavaScript中的函数参数不需要指定数据类型。如下:function add(n1 , n2){ return n1 + n2;}还有一种赋值定义方法:var add = function (n1 , n2){ return n1 + n2;}上述两种方法都定义了一个名为

2020-09-02 19:37:40 58

原创 JavaScript操作符

JavaScript操作符算术操作符与赋值操作符布尔操作符关系操作符条件操作符算术操作符与赋值操作符算术操作符即进行加、减、乘、除、取模等操作的符号,是最常用的操作符。有+ - * / %。var a1 = 4 + 2; //6var a2 = 4 - 2; //2var a3 = 4 * 2; //8var a4 = 4 / 2; //2var a5 = 4 % 2; //0a1++; //7a2--; //1赋值操作符=,赋值操作符与等号配合使用,减少代码书写

2020-09-02 19:29:43 75

原创 JavaScript变量的定义及类型

JavaScript变量的定义及类型定义变量JavaScript的数据类型undefinednullbooleannumberstringobject定义变量JavaScript使用 var来定义变量,多个变量名之间用逗号隔开。定义变量是不为其赋值则缺省为undefined,表示该值未定义。代码如下:var a; //undefinedvar b,c; //undifinedvar aa = 10;var bb = 20, cc = 30;JavaScript的所有变量都用 var来

2020-09-01 21:43:36 1416

原创 js基础语法

js基础语法区分大小写注释分号区分大小写JavaScript中变量名与函数名是区分大小写的,因此test与Test是不同的。变量名与函数名首字符必须是字母、下划线(不可以是数字!),但是后续字符可以含有数字。注释JavaScript中注释方法分为单行注释和多行注释:// var test = "单行注释" 单行注释/* var test1 = "单行注释" 单行注释 var test2 = "多行注释" 多行注释*/快捷键:ctrl + /分号JavaScrip

2020-09-01 20:20:39 118

原创 在HTML中使用JavaScript

在HTML中使用JavaScript在HTML文档中通过<script>标签来使用JavaScript。如果要在HTML里写JavaScript代码,则:<script type="text/javascript"> console.log("hello,world!")</script>属性type为设定脚本语言类型,除了"text/javascript"外,还可以设定为"text/ecmascript"或"text/vbscript"等脚本语言。但由于现在JavaSc

2020-09-01 20:05:59 158

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除