自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 AJAX JSON

JSON 指的是 JavaScript 对象表示法(avacriptbjectotation)JSON 是轻量级的文本数据交换格式JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。JSON 具有自我描述性,更易理解。

2023-02-03 11:42:58 94

转载 AJAX、XML和原生AJAX

XML 指可扩展标记语言(EXtensible Markup Language)。XML 是一种很像HTML的标记语言。XML 的设计宗旨是传输数据,而不是显示数据。XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准。

2023-02-02 14:42:44 116

转载 jQuery 事件

jQuery 事件方法事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。触发实例:$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例:$("button#demo").click(function(){$("img").hide()})上面的例子会在点击 id="demo" 的按钮时隐藏所有图像。方法 描述bind() 向匹配元素附加一个

2023-01-31 23:24:50 98

转载 jQuery

jQuery 是一个快速,小型且功能丰富的 JavaScript 库。借助易于使用的 API(可在多种浏览器中使用),它使 HTML 文档的遍历和操纵,事件处理,动画和 Ajax 等事情变得更加简单。兼具多功能性和可扩展性,jQuery 改变了数百万人编写 JavaScript 的方式。jQuery 的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的 css 选择器,并且可对 CSS 选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery 兼容各种主流浏览器,如 I

2023-01-30 22:14:57 71

原创 scss基础使用1

【代码】scss基础使用1。

2022-12-27 13:46:25 73

转载 SASS和CSS

SASS兼容CSSSass完全兼容所有版本的CSS。我们对此严格把控,所以你可以无缝地使用任何可用的CSS库。特性丰富Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力,一直使其保持领先地位。成熟Sass已经经过其核心团队超过13年的精心打造。行业认可一次又一次地,行业把Sass作为首选CSS扩展语言。社区庞大数家科技企业和成百上千名开发者为Sass提供支持。SASS与CSS的区别框架有无数的框架使

2022-12-27 13:33:38 784

原创 Html3D转换

3D转换1、要点:3D位移:translate3d(x, y, z) 3D旋转:rotate3d(x, y, z) 透视:perspctive 3D呈现transfrom-style2、3D移动translate3d3D移动就是在2D移动的基础上多加了一个可以移动的方向,就是 z 轴方向 transform: translateX(100px):仅仅是在 x 轴上移动 transform: translateY(100px):仅仅是在 y 轴上移动 transform: tra

2022-12-27 13:27:48 196

原创 制作3D魔方

【代码】制作3D魔方。

2022-12-27 13:22:33 88

原创 Html2D变换

transform属性关于2d转换方面主要就是了解一下transform属性和它的几个可选值。1、translate()如下:表示的是将元素从当前位置向右移50像素,向下移100像素transform: translate(50px,100px);2、rotate()如下:是将元素顺时针旋转360度transform: rotate(360deg);3、scale()如下:将元素宽度增大2倍,高度增加3倍。transform: scale(2,

2022-12-27 13:13:16 275

原创 html创建百度地图

百度地图JavaScript API 支持 HTTP 和 HTTPS,免费对外开放,可直接使用。接口使用无次数限制。官方开发文档:地图 JS API | 百度地图API SDK。点击链接进入控制台:登录百度帐号。点击左侧菜单,依次进入:应用管理 → 我的应用,在页面中点击“创建应用”地图在加载时,需要通过脚本设置地图初始化时的中心点坐标位置,例如示例代码mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);中的121.491, 3

2022-12-27 13:09:22 387

原创 获取自己的经纬度

<div>点击获取您当前位置:</div> <button onclick="getPosition()">点击查询</button> <div>您的位置是:</div> <div id="response"></div> <script> var response = document.getElementByI

2022-12-27 13:02:10 89

原创 【无标题】

SVG(Scalable Vector Graphics)是一种基于 XML 的标记语言,用于描述二维矢量图形。简单地说,SVG 之于图像就像 HTML 之于文本。顾名思义,与光栅图像(JPG、GIF 和 PNG)不同,SVG 允许您在不损失图像质量的情况下任意放大或缩小矢量图像。SVG 格式的其他优点是什么?• 您可以使用任何文本编辑器或绘图软件(如 Illustrator 甚至 Figma 和 Sketch)编辑 SVG 文件。• 打印时在任何分辨率下都不会损失其质量。• 您可以为 SV

2022-12-20 20:28:57 50

原创 【无标题】

在Canvas中绘制图形,一般需要五步,依次为:1)创建画布在HTML代码的body中,使用<canvas>标签创建画布元素。创建时,要为该元素定义id属性,因为Javascript需要根据该id来获取画布元素。画布的默认宽度为300px,高度为150px,可以通过<canvas>元素的width属性自定义其宽度,height属性自定义其高度。2)获取绘制上下文现在画布已经有了,要在画布上绘制图形,还需要一只画笔。获取画笔的方法如下:var canvas =

2022-12-20 20:21:09 47

原创 【无标题】

文字颜色: color: #ffffff;文字样式: font-style: oblique;(偏斜体) italic;(斜体) nORMal;(正常)字体大小:font-size:16px;文字行高: line-height: 30px;文字粗细: font-weight: bold;(粗体) lighter;(细体) normal;(正常)文字修饰: text-decoration:line-through; (加删除线)overline;(加顶线)underline;(加下划线)n

2022-12-11 22:52:54 73

原创 【无标题】

文本属性有:1、颜色属性color;2、文本对齐属性text-align;3、装饰文本属性text-decoration;4、文本缩进属性text-indent;5、行间距属性line-height1、文本颜色color属性用于定义文本的颜色div {color:red;}2、对齐文本text-align属性用于设置元素内文本内容的水平对齐方式div {text-align:center;}3、装饰文本text-decoration属性规定添加到文本的修饰

2022-12-11 22:50:00 52

原创 【无标题】

五种定位属性1、静态定位static特点:默认文档流定位2、相对定位 position: relative;特点:设置相对定位,相对于自身本身在浏览器中的默认位置,不脱离文档流 3、绝对定位 position: absolute;特点: 1.原来位置不保留 脱离文档流 2.默认使用了绝对定位元素无论有无父元素 参照点是body浏览器视口区域 3.如果祖先元素使用了定位属性 则相对于祖先元素

2022-12-11 22:44:49 53

原创 【无标题】

一.五种基本选择器: 1)*:匹配HTML中所有元素,一般用于除去内边距和外边距,其性能较差,不推荐使用; 2)标签名(在JavaScript中也称节点):标签选择器。注意在用标签修改样式时,所有具有该标签名的内容都会被修饰; 3)ID选择器:注意ID有且只有一个,在标签内#+名称; 4)类选择器:用来选择class名的选择器,可有多个; 5)派生选择器:根据上下文来确定标签,A选择器+空格+B选择器*让多个选择器具有相同

2022-12-08 23:59:16 171

原创 学代码的第n天

<label></label>1. 在html中,<label>标签通常和<input>标签一起使用,<label>标签为input元素定义标注(标记)2. 格式:<label for="关联控件的id" form="所属表单id列表">文本内容</label><textarea>文本域标签</textarea>在 HTML 中有⼀种特殊定义的⽂本样式,称为⽂本域。它与⽂本框的区

2022-12-07 22:44:47 61

原创 html中的base标签

HTML baseHTML base是计算机编程语言的一个标签。定义和用法标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。

2022-12-06 00:33:38 108

原创 【无标题】html的基础知识

1、HTML基础1.1、什么是网页? 网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一页,是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。1.2、什么是HTML? HTML 指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。1.3、常用的浏览器有哪些? 常用的五大浏览器有:IE浏览器、

2022-12-06 00:26:42 65

空空如也

空空如也

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

TA关注的人

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