玖萬柒-CSDN博客

原创原生Ajax请求体

LHttpRequest(); } else { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status ==

2022-02-21 18:23:09 111

Web API是网络应用程序接口。包含了广泛的功能，网络应用通过API接口，可以实现存储服务、消息服务、计算服务等能力，利用这些能力可以进行开发出强大功能的web应用。web API: 浏览器环境中的对象和函数BOM: Browser Object Model 浏览器对象模型,操控整个浏览器窗口DOM: Document Object Model 文档对象模型,控制浏览器的页面DOM对象也叫作节点：DocumentType 文档类型节点Element 元素(标签)节点At

2021-12-27 19:17:48 135

转载正则表达式

正则表达式（reg），又称规则表达式。计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个规则的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。基础语法字面量匹配特殊字符 . 匹配所有字符 ^ 匹配以某个字符串开头 $ 匹配以某个字符串结尾转义符 ...

2021-12-27 18:42:10 106

原创 Math对象和Data对象

Math 对象在 JavaScript 中，Math对象用于表达特定数值与执行计算任务。Math不是一个构造器，它的所有属性与方法都是静态的。它提供了多个数学常数属性和数学函数方法。由于Math不是构造器，使用时无需创建实例，直接使用Math.xx()即可。常用Math 对象的方法Math.abs():绝对值Math.ceil():返回大于一个数的最小整数，即一个数向上取整后的值Math.floor():返回小于一个数的最大整数，即一个数向下取整后的值Math.max...

2021-12-19 22:33:20 294

原创 javascript数据类型及区别

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。JavaScript数据类型：基本类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(Function)。其中Symbol

2021-12-19 22:08:44 708

原创 JavaScript简介

JavaScript 是一种解释型的脚本语言，被大量地应用于网页中，用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作，控制页面的行为表现，提高用户体验，因而已经成为前端开发人员必须掌握的语言之一。JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言，是由网景通信公司开发的嵌入到 HTML 文件中的基于对象和事件驱动的脚本语言。在 HTML 基础上，使用 JavaScript 可以开发交互式网页

2021-11-29 00:31:53 1055

原创 CSS动画介绍

CSS 可实现 HTML 元素的动画效果。它有如下属性：@keyframes animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-timing-function animation-fill-mode animation 什么是 CSS 动画？动画使元素逐渐从一种样式变为另一种样式。可以随意更改任意数量的 CSS 属性

2021-11-29 00:12:03 138

原创媒体查询介绍

Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。@media 媒体类型and （媒体特性）{你的样式}注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型），随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主要分为两个部分，第一个部分指的是媒体特性，第二部分为媒体特性所指定的值，而且这两个部分之间使用冒号分隔。1. 最大宽度max-width“ma

2021-11-21 00:08:47 115 1

原创精灵图原理

一、什么是精灵图1、为什么用精灵图？首先，我们先来了解一下，页面在接受图片的过程。每张图片的显示是先由浏览器发送请求，然后服务器接受请求，返回请求内容。如果一个页面有上百张图片，哪怕是很小的图标，都需要经历一次这样的过程。那么，毋庸置疑，肯定会由于请求数量的增加让整个页面的加载速度降低。正应为如此，精灵图（sprite）应运而生，图片整合技术，将大量的小图标整合到一张图，从而减少服务器接收和发送请求的次数，提高页面的加载速度。2、精灵图的原理是什么？精灵图的实质其实就是利用背景图和背景图

2021-11-20 23:55:45 407

原创 flex弹性盒子布局

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。二、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis

2021-10-31 21:21:59 117

原创浮动布局概述

float 布局应该是目前各大网站用的最多的一种布局方式了，但是也特别复杂。浮动元素是脱离文档流的，但不脱离文本流，浮动布局的兼容性比较好，但是浮动带来的影响比较多，页面宽度不够的时候会影响布局。那么它有什么特点呢？对自身的影响 float 元素可以形成块，如 span 元素。可以让行内元素也拥有宽和高，因为块级元素具有宽高浮动元素的位置尽量靠上尽量靠左（float:left）或右（float:right），如果那一行满足不了浮动元素的宽度要求，则元素会往下掉对兄弟元素的影响

2021-10-31 21:12:26 137

原创内联元素简介

内联元素有很多种叫法，如内联元素、内嵌元素、行内元素、直进式元素等，和块级元素对应。内联元素和它的兄弟元素之间一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。特点：（1）和其他兄弟元素同在一行，不用另起一行（2）宽高以及到顶部和底部的边距都不可以设置（3）宽度受内容挤压，即它的宽度就是它内容的宽度（4）只能容纳内联元素和文本，通常被包含在块级元素中使用...

2021-10-24 23:28:40 309

原创块级元素简介

HTML（超文本标记语言）中元素大多数都是“块级”元素或行内元素 (en-US)。块级元素占据其父元素（容器）的整个水平空间，垂直空间等于其内容高度，因此创建了一个“块”。这篇文章帮助解释这个概念。通常浏览器会在块级元素前后另起一个新行。格式：默认情况下，块级元素会新起一行。内容模型：一般块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。HTML 标准中块级元素和行内元素的区别至高出现在 4.01 标准中。在 HTML5，这种区别被一个

2021-10-24 23:23:15 492

原创 CSS元素选择器

1、元素选择器最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素，例如：p,h2,span,a,div乃至html。2、类选择器(1)单类选择器单纯的元素选择器似乎还过于粗糙了，比如我们希望在文档中突出加粗显示某种重要的内容，例如稿件的截至日期。问题在于我们不能确定稿件的截至日期将会出现在哪种元素中，或者它可能出现在多种不同的元素中。这个时候，我们可以考虑使用类选择器(class selector)。(2)多类选择器在实践的做法中，元素的calss

2021-10-17 22:42:10 542

原创 H5的语义化标签

优点：（1）为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构（2）比<div>标签有更加丰富的含义，方便开发与维护（3）方便搜索引擎能识别页面结构，有利于SEO（4）方便其他设备解析（如移动设备、盲人阅读器等）（5）有利于合作，遵守W3C标准注意：（1）尽可能少的使用无语义的标签div和span（2）在语义不明显时，既可以使用div或者p时，尽量用p，因为p在默认情况下有上下间距，对兼容特殊终端有利（3）不要使用纯样式标签，如：b、font、u

2021-10-17 22:33:28 353

原创 CSS （层叠样式表）介绍

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。1.什么是 CSS？（1）CSS 指的是层叠样式表* (Cascading Style Sheets)（2）CS

2021-10-10 20:47:05 938

原创 HTML(超文本标记语言)介绍

超文本标记语言(Hyper Text Markup Language，简称HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相

2021-10-10 20:39:50 3174

m0_62682284的博客