nh^O^-CSDN博客

原创 cookie

客户端存储cookiecookie机制位于用户的计算机上，用来维护用户计算机中的信息，直到用户删除。比如我们在网页上登录某个网站时输入用户名及密码时如果保存为cookie，则每次我们访问的时候就不需要登录网站了。我们可以在浏览器上保存任何文本，而且我们还可以随时随地的去阻止它或者删除。我们同样也可以禁用或者编辑cookie，但是有一点需要注意不要使用cookie来存储一些隐私数据，以防隐私泄露cookie机制（了解）在程序中，会话跟踪是很重要的事情。理论上，一个用户的所有请求操作都应该属于同

2021-06-23 16:31:36 73

原创 HTML5新增属性

HTML5简介‘HTML5=HTML+CSS+JSAPI’HTML5新功能新增标签input新类型及新属性万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改目标:HTML5取代HTML4和XHTML2.0成为新标准2004年–提出构想2008年–发布第一份草案2012年–推广阶段2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。html5新增标签：语义化更好多媒体功能：

2021-06-21 20:27:30 71

原创 canvas简单半圆进度

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #myCanvas{ border:1px solid red; } </style> </head> <body> <canvas id="myCanvas" width="600".

2021-06-02 08:09:59 233

原创 canvas运动的圆饼

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #myCanvas{ border:1px solid red; transition:all 2s linear; } </style> </head> <body> <ca.

2021-05-31 08:12:18 84

原创 Canvas 基础（二）

rect() 方法创建矩形context.rect(x,y,width,height);fillRect() 方法绘制“已填色”的矩形。默认的填充颜色是黑色。context.fillRect(x,y,width,height);fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。color:指示绘图填充色的 CSS 颜色值。默认值是 #000000。gradient:用于填充绘图的渐变对象（线性或放射性）pattern:用于填充绘图的 pattern 对象fill() 方法

2021-05-27 10:00:08 105

原创 Canvas 基础

web前端：Canvas 基础（一）canvas 简介是HTML5中重要的元素,和audio、video元素类似完全不需要任何外部插件就能够运行.Canvas中文翻译就是”画布”.它提供了强大的图形的处理功能(绘制,变换,像素处理…)。但是需要注意，canvas 元素本身并不绘制图形，它只是相当于一张空画布。如果开发者需要向 canvas 上绘制图形，则必须使用 JavaScript 脚本进行绘制。canvas 能够做什么？基础图形的绘制文字的绘制图形的变形和图片的合成图片和视频的处

2021-05-27 09:58:38 199

原创 jQuery

## jQuery，顾名思议，也就是JavaScript和查询（Query）即辅助JavaScript开发的类库。 jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。 jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为流行的javascrip

2021-05-20 10:21:08 67

原创面向对象选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo4</title> <style> .tab_title span.select{ background-color: red; } .tab_con li{

2021-05-12 15:12:43 104

原创 JSON字符串与JSON对象之间的转换

xmlXML是一种格式，XML的前身是标准通用标记语言，是自IBM从60年代就开始发展的通用标记语言。它是一种简单的数据存储语言。XML的宗旨传输数据的，而与其同属标准通用标记语言的HTML主要用于显示数据。什么是JSONJSON是一种取代XML的数据结构，和xml相比，它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度。那么,JSON到底是什么?JSON就是一串字符串只不过元素会使用特定的符号标注。{} 双括号表示对象[] 中括号表示数组“” 双引号内

2021-05-07 15:11:49 113

原创什么是ajax

xmlXML是一种格式，XML的前身是标准通用标记语言，是自IBM从60年代就开始发展的通用标记语言。它是一种简单的数据存储语言。XML的宗旨传输数据的，而与其同属标准通用标记语言的HTML主要用于显示数据。什么是JSONJSON是一种取代XML的数据结构，和xml相比，它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度。那么,JSON到底是什么?JSON就是一串字符串只不过元素会使用特定的符号标注。{} 双括号表示对象[] 中括号表示数组“” 双引号内

2021-05-07 14:50:43 63

原创面对对象轮播图

<!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, initial-scale=1.0"> <title>D.

2021-04-26 09:33:15 88

原创 this指向问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D

2021-04-22 15:57:32 62

原创三级联动

<!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, initial-scale=1.0"> <title>Do

2021-04-20 09:57:29 79 1

原创 DOM

1.在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：nodeName : 节点的名称nodeValue ：节点的值nodeType ：节点的类型nodeName 属性返回节点的名称(只读)元素节点的 nodeName 返回值是标签名称 ( 大写 )例如： html body p属性节点的 nodeName 返回值是属性名称文本节点的 nodeName 返回值永远是 #text文档节点的 nodeName 返回值永远是 #doc

2021-04-19 13:37:58 62

原创拖拽框

在这里插入代码片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding:0px; margin:0px; } html.body{ overflow: hidden; } body{ font-size:12px; back

2021-03-28 18:48:29 84

原创聊天对话框

<!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, initial-scale=1.0"> <title>Doc

2021-03-26 14:15:22 88

原创放大镜

<!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, initial-scale=1.0"> <title>Doc

2021-03-25 17:55:18 60

原创事件

点击事件onclick##鼠标双击事件ondblclick##鼠标按下事件onmousedown##抬起鼠标事件onmouseup##鼠标移入onmouseover##鼠标移动onmousemove##鼠标移出onmouseout###onmouseover 和onmousemove的区别onmouseover 只在刚进入区域时触发。onmousemove 除了刚进入区域触发外，在区域内移动鼠标，也会触发该事件。onmouseover与onmousemove的区别是：

2020-12-30 15:12:57 124

原创 onclick写法

##onclick写法<DOCTYPE html> <head> <meta charset="utf-8"> <title>onclick写法<title> <style> #box{ width：200px； height：200px； background：red； color：green； text-align：center；

2020-12-25 15:00:49 469

原创流程控制

1 - 运算符（操作符）1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。var result = 0.1 + 0.2; //

2020-12-25 14:16:00 64

NIHAOHAOHOA的博客