自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 $.ajax()

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用。注意所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

2023-02-03 17:25:49 115

原创 AJAX数据交换格式

XMLxml是指Extensible Markup Language(可扩展标记语言),标准通用标记语言的子集,简称XML。是一种用于标记电子文件使其且具有结构性的标记语言XML特点使用类似的HTML的标签描述,标签成对出现标签名字随意,没有预定义标签名字就是属性名,标签中间存储属性的值没有值的属性可以自闭和,,表示name属性没有值mimetyoe=application/xml,独立存在文件叫*.xml虽然长得像HTML,但是和HTML没有关系。

2023-02-02 16:42:39 132

原创 AJAX原生

客户端发送请求,请求交给 XMLHttprequest,XMLHttpRequest 把请求提交给服务,服务器进行业务处理,服务器响应数据交给XMLHttpRequest 对象,XMLHttpRequest 对象接收数据,avascript 把数据写到页面上。AJAX并不是一种新的编程语言,是一种技术。如需获得来自服务器的响应,请使用XMLHttpRequest 对象的 responseText 或responseXML属性。2.一个Ajax请求多了,也会出现页面加载慢的情况。method:请求的类型;

2023-02-01 20:55:20 103

原创 jQuery

animate()必需的params参数定义形成动画的css属性可选的speed参数规定效果的时长。可以取以下值:slow、fast或毫秒数可选的callback参数是动画完成后所执行的函数名称div{ul li{li a{left: 0;

2023-02-01 18:28:42 66

原创 jQuery

只有key得到属性的值key val 设置属性的值。

2023-01-31 21:37:20 43

原创 jQuery

jQuery简介jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。目前超过90%的网站都使用了jQuery库,jQuery的宗旨:写的更少,做得更多!jQuery特点1、轻量级2、强大选择器3、隐式遍历4、读写合一5、链式调用6、事件处理7、DOM操作8、样式操作9、动画10、浏览器兼容11、丰富的插件支持jQuery三步骤。

2023-01-30 21:36:05 54

原创 js防抖和节流

区别: 函数节流不管事件触发有多频繁,都会保证在规定时间内一定会执行一次真正的事件处理函数,而函数防抖只是在最后一次事件后才触发一次函数。一定在事件触发 n 秒后才执行,如果在一个事件触发的 n 秒内又触发了这个事件,以新的事件的时间为准,n 秒后才执行,等触发事件 n 秒内不再触发事件才执行。官方解释:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。:高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率。

2023-01-10 22:11:18 112

原创 JavaScript BOM

浏览器对象模型(BOM)使 JavaScript 有能力与浏览器"对话"。浏览器对象模型(Browser Object Model (BOM))尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是BOM的方法和属性。浏览器对象模型(BOM)可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览器的操作,常见的BOM对象如下:Window:代表的是整个浏览器的窗口,同时window也是网页中的全局对象。

2023-01-09 19:44:44 70

原创 Java Script

变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。

2023-01-04 19:31:36 83

原创 scss基础

需要注意的是,如果颜色值包含 alpha channel(rgba 或 hsla 两种颜色值),必须拥有相等的 alpha 值才能进行运算,因为算术运算不会作用于 alpha 值。在编译后的 CSS 文件中是完全一样的,但是它们在 Sass 文件中却有不同的意义,前者是包含两个数组的数组,而后者是包含四个值的数组。基于逗号分隔的数组允许保留结尾的逗号,这样做的意义是强调数组的结构关系,尤其是需要声明只包含单个值的数组时。事实上,独立的值也被视为数组 —— 只包含一个值的数组。Sass 将会报错。

2022-12-30 19:24:14 115

原创 SCSS基础

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如)有助于更好地组织管理样式文件,以及更高效地开发项目。

2022-12-28 22:14:31 85

原创 CSS精灵图

那么这是怎么实现将这么一张复杂的图片分别展示出来的呢,这里就得运用到了background-position。我们通过它来改变背景图片的位置,从而显示出我们想要显示出来的部分。所谓精灵图就是图片拼合技术,它就是把多张小图合成一张大图,通过css中的background-position属性,显示精灵图中某一个小图标。

2022-12-26 16:27:16 237

原创 CSS 3D

相信学过数学的同学对这一概念多多少少是知道的,我们要想有一个3D空间效果,也就是立体空间感,比如:正方体、长方体……再比如我们生活所居住的房间也是3D立体空间的,主要有X轴、Y轴Z轴共同组成。值越小,3D 效果就越明显。平面的距离,使具有三维位置变换的元素产生透视效果。Z轴:垂直屏幕,往外面是正值,往里面是负值。X轴:水平向右,X右边是正值,左边是负值。Y轴:垂直向下,Y下面是正值,上面是负值。方法使元素绕其 X 轴旋转给定角度。方法使元素绕其 Y 轴旋转给定角度。方法使元素绕其 Z 轴旋转给定角度。

2022-12-25 21:25:41 89

原创 百度地图API

获取当前位置使用方法来获取设备当前位置。返回数据若获取地理位置成功,则 getCurrentPosition() 方法将返回数据对象。2.3.3 异常处理getCurrentPosition() 方法的第二个参数用于处理错误。它规定获取地理位置失败或用户拒绝定位时运行的函数。

2022-12-22 21:08:28 736

原创 CSS3动画

动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画,您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。

2022-12-21 20:17:30 151

原创 边框圆角背景

CSS3 中可以指定背景图片,让我们重新在不同的环境中指定背景图片的大小。:左上角为15px,右上角为50px,右下角为30px,左下角为5px。CSS3 以前,背景图像大小由图像的实际大小决定。不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。:左上角为15px,右上角和左下角为50px,右下角为30px。CSS3 中包含几个新的背景属性,提供更大背景元素控制。:左上角和右下角为15px,右上角和左下角为50px。你指定的大小是相对于父元素的宽度和高度的百分比的大小。

2022-12-21 19:54:05 87

原创 SVG简介

SVG 指可伸缩矢量图形(Scalable Vector Graphics);SVG 用于定义用于网络的基于矢量的图形;SVG 使用 XML 格式定义图形;SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失;SVG 是万维网联盟的标准。

2022-12-20 20:06:34 5497

原创 Canvas

Canvas 表示画布,现实生活中的画布是用来作画的。HTML5 中的 Canvas :我们可以称它为“网页中的画布”。默认情况下,Canvas 是一块 300px*150px 的矩形画布,用户可以自定义画布的大小或为画布添加其他属性。利用 Canvas 实现绘画:Canvas 并不是通过鼠标绘画的,而是用户需要通过 JavaScript 来控制画布中的内容,例如添加图片、线条、文字等。

2022-12-20 19:53:47 323

原创 尺寸、媒体类型、!important 规则

尺寸尺寸。

2022-12-15 22:53:06 204

原创 浮动、表格、表单、轮廓

float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。

2022-12-13 18:10:27 161

原创 文本、字体、图像、列表

color属性用于设置文本的颜色。颜色由以下值指定:颜色名 - 比如red十六进制值 - 比如#ff0000RGB 值 - 比如。

2022-12-09 16:58:38 215

原创 CSS定位

起先它会被相对定位,直到在视口中遇到给定的偏移位置为止,然后将其“粘贴”在适当的位置。设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。的元素是相对于视口定位的,这意味着即使滚动页面,它也始终位于同一位置。静态定位的元素不受 top、bottom、left 和 right 属性的影响。的元素相对于最近的定位祖先元素进行定位(而不是相对于视口定位)。属性指定元素的堆栈顺序(哪个元素应放置在其他元素的前面或后面)。的元素根据用户的滚动位置进行定位。

2022-12-08 16:40:13 35

原创 CSS入门

css是一种描述HTML文档样式的语言。css描述应该如何显示HTML元素。css指的是层叠样式表,也称级联样式表 。美化HTML元素,可以对网页进行布局节省了工作,外部样式表存储在css文件中css语法:css规则集由选择器和声明块组成:选择器指向你需要设置样式的html元素。声明块包含一条或多条用分号隔开的声明 {属性:值;属性:值}选择器1、元素选择器:也称标签选择器2、id选择器根据元素id选择 元素的id在页面是唯一的,不能已数字开头id选择器高于元素选择器的优先级3

2022-12-08 13:51:47 138

原创 表单元素、iframe嵌套、块级-内联元素、mvc模式

form action的属性值把当前表单中的数据提交到那个程序去处理(后端功能接口)action提交方式:GET、POST指代不同GET:向指定资源请求数据POST:向指定资源传递要处理的数据规则不同GET:请求被缓存,请求保留在浏览器历史记录当中,get请求应用于获取数据POST:请求不被缓存,请求不会保留在浏览器历史记录当中,请求数据长度没有要求数据要求不同GET发送数据时get向url添加数据:,有长度限制2048字符,安全性差,发送数据时url一部分POST:发送数据无限制,POST比GET安全,参

2022-12-07 20:16:39 84

原创 HTML——表单及表单元素

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表(select)、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 来设置。最重要的表单元素是 元素。 元素根据不同的 type 属性,可以变化为多种形态。 元素定义下拉列表: 元素定义待选择的选项。列表通常会把首个选项显示为被选选项。您能够通过添加 selected 属性来定义

2022-12-05 19:23:01 606

原创 HTML简介——二

跨行合并:rowspan;跨列合并:colspan。合并的顺序:从上到下,自左向右。 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句: 通常在网页里指定文件时,都会选择使用相

2022-12-05 18:53:57 63

原创 HTML简介

html全称;超文本标记语言简单来说是一种编写网页的语言,目前最新的版本是HTML5,简称h5。 二,HTML标签 标签 说明 声明为HTML5文档 元素是HTML页面的根元素 元素包含了文档的元(meta)数据,如定义网页编码格式为 utf-8 元素描述了文档的标题

2022-12-03 21:09:21 90

原创 vue mvvm 原理

mvvmMVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。要实现一个mvvm的库,我们首先要理解清楚其实现的整体思路。先看看下图的流程:1.实现compile,进行模板的编译,包括编译元素(指令)、编译文本等,达到初始化视图的目的,并且还需要绑定好更新函数;2.实现Observe,监听所有的数据,并对变化数据发布通知;

2022-09-30 11:56:26 840 1

空空如也

空空如也

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

TA关注的人

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