自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

web

  • 博客(18)
  • 收藏
  • 关注

原创 JS高级程序设计(18)

动画与Canvas图形文章目录动画与Canvas图形一、使用requestAnimationFrame1.requestAnimationFrame2.cancelAnimationFrame二、基本的画布功能三、2D绘图上下文1.填充和描边2.绘制矩形3.绘制路径4.绘制文本5.变换6.绘制图像7.阴影8.渐变9.图案10.图像数据11.合成四、WebGL1.WebGL基础一、使用requestAnimationFrame1.requestAnimationFramerequestAnimati

2022-03-17 09:29:26 388

原创 三角border

border三角形一、三角形选框border实际上是由三角形组成的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia

2021-11-28 16:33:36 97

原创 JS高级程序设计(14)

DOM文档对象模型(DOM)是HTML和XML文档的编程借口。DOM表示由多层节点构成的文档,通过它开发者可以添加、删除和修改页面的各个部分。文章目录DOM一、节点层级1.Node类型2.Document类型二、使用步骤1.引入库2.读入数据总结一、节点层级任何HTML和XML文档都可以用DOM表示为一个由节点构成的层级结构。节点分很多类型,每种类型对应文档中不同的信息或标记,也都有自己不同的特性、数据和方法,而且与其他类型有某种关系。这些关系构成了层级,让标记可以表示一个以特定节点为根的树形结

2021-11-20 13:39:09 553

原创 JS高级程序设计(12)

BOM浏览器对象模型BOM提供了与网页无关的浏览器功能对象。文章目录BOM一、window对象1.Global作用域2.窗口关系3.窗口位置与像素比4.窗口大小5.视口位置6.导航与打开新窗口2.读入数据总结一、window对象BOM的核心是window对象,表示浏览器的实例。window对象在浏览器中由两重身份,一是ECMAScript中的Global对象,另一个就是浏览器窗口的JavaScript接口。1.Global作用域因为window对象被复用为ECMAScript的Global对

2021-11-12 15:17:47 620

原创 JS高级程序设计(10)

函数文章目录函数定义一、箭头函数二、函数名三、理解参数四、没有重载五、默认参数值二、使用步骤1.引入库2.读入数据总结定义函数实际上是对象,每个函数都是Function类型的实例。因为函数是对象,所以函数名就是指向函数对象的指针。代码如下(示例)://函数声明方式function sum(num1,num2){ return num1+num2;}//函数定义最后没有分号//函数表达式let sum=function(num1,num2){ return num1+num2;

2021-11-06 13:32:40 119

原创 JS高级程序设计(9)

代理与反射文章目录代理与反射一、代理基础1.创建空代理2.定义捕获器3.捕获器参数和反射API二、使用步骤1.引入库2.读入数据总结一、代理基础ECMAScript新增的代理与反射为开发者提供了拦截并项基本操作嵌入额外行为的能力。代理是目标对象的抽象。1.创建空代理空代理即除了作为一个抽象的目标对象,什么也不做。代理是使用Proxy构造函数创建的。这个构造函数接收两个参数:目标对象和处理程序对象。缺少任何一个参数都会抛出TypeError。代码如下(示例):const target={

2021-10-27 17:07:06 78

原创 JS高级程序设计(8)

对象、类与面向对象编程文章目录对象、类与面向对象编程一、理解对象1.属性的类型2.定义多个属性3.读取属性特征4.合并对象二、使用步骤1.引入库2.读入数据总结一、理解对象ECMA-262将对象定义为一组属性的无序集合。严格来说,这意味着对象就是一组没有特定顺序的值 。对象的每个属性或方法都由一个名称来标识,这个名称映射到一个值。创建自定义对象的通常方式是创建Object的一个新实例,然后再给它添加属性和方法。代码如下(示例):let person=new Object();person.

2021-10-23 13:08:10 150

原创 JS高级程序设计(7)

迭代器与生成器文章目录迭代器与生成器一、理解迭代二、迭代器模式1.可迭代协议2.迭代器协议3.自定义迭代器二、使用步骤1.引入库2.读入数据总结一、理解迭代“迭代”是按照顺序反复多次 执行一段程序。循环是迭代机制的基础 ,它可以指定迭代的次数,以及每次迭代要执行什么操作。每一次循环都会在下一次迭代开始之前完成,而每次迭代的顺序都是事先定义好的。二、迭代器模式迭代器模式描述了一个方案,即可以把有些结构称为“可迭代对象”,因为它们实现了正式的Interable接口,而且可以通过迭代器Intera

2021-09-27 17:55:05 122

原创 JS高级程序设计(6)

集合引用类型文章目录集合引用类型一、Object1.显示创建实例2.存取方法二、Array1.创建数组二、使用步骤1.引入库2.读入数据总结一、ObjectObject是ECMAScript在最常用的类型之一,很适合存储和在应用程序间交换数据。1.显示创建实例Object构造函数使用new操作符和Object构造函数创建实例。代码如下(示例):let person=new Object();person.name="Nicholas";person.age=29;对象字面量使用

2021-09-23 15:30:56 264

原创 JS高级程序设计(5)

基本引用类型文章目录基本引用类型一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filter

2021-09-16 19:16:51 41

原创 JS高级程序设计(4)

变量、作用域与内存文章目录变量、作用域与内存一、原始值与引用值1.动态属性2.复制值3.传递参数4.确定类型二、执行上下文与作用域二、使用步骤1.引入库2.读入数据总结一、原始值与引用值ECMAScript变量包含两种不同类型的数据:原始值和引用值。原始值就是最简单的数据,引用值则是由多个值构成的。保存原始值的变量是按值访问的,因为我们操作的就是存储在变量中的实际值。保存引用值的变量是按引用访问的,保存着内存中,不允许直接访问内存位置。1.动态属性引用值可以随时添加、修改和删除其属性和方法

2021-09-09 19:29:10 70

原创 CSS权威指南(4)

值和单位文章目录值和单位一、关键字、字符串和其他文本值1.关键字2.字符串3.URL4.图像5.标识符二、数字和百分数二、使用步骤1.引入库2.读入数据总结一、关键字、字符串和其他文本值1.关键字有时,值用一个词表示,这叫关键字。例如none、normal、underline等。全局关键字CSS3定义了几个“全局”关键字,规范中的每个属性都能使用:inherit、initial和unset。inherit关键字 把元素某个属性的值设为与父元素同一属性的值一样。即这个关键字强制继承,即便是在

2021-09-07 19:14:29 968

原创 JS高级程序设计(3)

语言基础文章目录语言基础一、语法1.区分大小写2.标识符3.注释4.严格模式5.语句二、关键字和保留字三、变量1.var关键字2.let声明3const声明四、数据类型1.typeof操作符2.Undefined类型3.Null类型4.Boolean类型5.Number类型总结一、语法1.区分大小写ECMAScript中一切都区分大小写。2.标识符所谓标识符,就是变量、函数、属性或函数参数的名称。标识符可以由一或多个下列字符组成:第一个字符必须是字母、下划线(_)、或美元符号($)剩下

2021-09-06 19:42:05 151

原创 CSS权威指南(3)

特指度和层叠文章目录特指度和层叠一、特指度二、使用步骤1.引入库2.读入数据总结一、特指度选择符的特指度由选择符本省的组成部分决定。一个特指度由四个部分构成,例如0,0,0,0。选择符的特指度规则:选择符中的每个ID属性值 加0,1,0,0选择符中的每个类属性值 、属性选择 或伪类 加0,0,1,0选择符中的每个元素 和伪元素 加0,0,0,1连结符 和通用选择符 不增加特指度二、使用步骤1.引入库代码如下(示例):import numpy as npimport pand

2021-08-17 20:09:14 61

原创 JS高级程序设计(2)

HTML中的JavaScript文章目录HTML中的JavaScript一、< script >元素1.标签位置2.推迟执行脚本3.异步执行脚本4.动态加载脚本二、行内代码与外部文件三、文档模式四、< noscript >元素总结一、< script >元素将JavaScript插入HTML的主要方法是使用<script>元素。使用<script>的方式有两种:通过它直接在网页中嵌入JavaScript代码 ,以及通过它在网页中包含外部

2021-08-14 13:45:59 73

原创 JS高级程序设计(1)

什么是JavaScriptJavaScript已被公认为主流的编程语言,能够实现复杂的计算与交互,包括闭包、匿名函数,甚至元编程等特性。文章目录什么是JavaScript一、简短的历史回顾二、JavaScript实现1.ECMAScript2.DOM二、使用步骤1.引入库2.读入数据总结一、简短的历史回顾二、JavaScript实现完整的JavaScript实现包括以下几个部分:核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)1.ECMAScriptE

2021-08-13 18:48:38 122

原创 CSS权威指南(2)

系列文章目录文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy

2021-08-12 20:48:05 91

原创 CSS权威指南(1)

第1章CSS和文档文章目录第1章CSS和文档一、Web样式简介二、元素1.置换元素和非置换元素2.元素的显示方式三、把CSS应用带HTML上1.link标签二、使用步骤1.引入库2.读入数据总结一、Web样式简介CSS的目标是提供一个简单的声明式样式语言,而且具有一定的灵活性,能为文档编写人员和用户提供等同的杨世华功能。二、元素元素 (element)是文档结构的根基。HTML中常用的元素有p、table、span、a和div等。1.置换元素和非置换元素置换元素(replaced elem

2021-08-08 15:11:15 371

空空如也

空空如也

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

TA关注的人

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