- 博客(52)
- 收藏
- 关注
RSS订阅原创 【JavaScript】ES6新特性（5）
16. PromisePromise 是异步编程的一种解决方案，比传统的解决方案回调函数, 更合理和更强大ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象指定回调函数方式更灵活易懂解决异步 回调地狱 的问题16.1 回调地狱当一个回调函数嵌套一个回调函数的时候就会出现一个嵌套结构当嵌套的多了就会出现回调地狱的情况比如发送三个 ajax 请求第一个正常发送第二个请求需要第一个请求的结果中的某一个值作为参数第三个请求需要第二个请求的结果中的某一个值作为参数
2023-07-09 13:08:59
656
原创 【JavaScript】ES6新特性（4）
14. Proxy 代理Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作14.1 Object.defineProperty响应式小功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="
2023-06-19 10:37:06
208
原创 【JavaScript】ES6新特性（3）
10. Symbol使用 Symbol，表示独一无二的值每个 Symbol 是不一样的不能进行运算可以显式调用 toString()可以隐式转换 boolean<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n
2023-05-24 08:53:24
533
原创 【JavaScript】ES6新特性（2）
5. 字符串扩展5.1 includes函数判断字符串中是否存在指定字符<!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, ini
2023-05-18 15:24:10
688
原创 【JavaScript】ES6新特性（1）
1. let 声明变量let 声明的变量只在 let 命令所在的代码块内有效块级作用域<!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-w
2023-05-14 21:07:14
510
原创 11.PC端网页特效
PC端网页特效1. 元素偏移量 offset 系列1.1 offset 概述offset 翻译过来就是偏移量， 使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意： 返回的数值都不带单位offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素，如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父元
2023-05-13 19:21:54
755
原创 10.BOM浏览器对象模型
BOM 浏览器对象模型1. BOM 概述1.1 什么是 BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与**浏览器窗口进行交互的对象，其核心对象是 windowBOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netscape 浏览器标准的一部分DOMBOM文档对象模型浏览器对象模型DOM
2023-05-11 11:00:17
471
原创 【JavaScript】9.事件
事件1. 注册事件（绑定事件）给元素添加事件，称为注册事件或者绑定事件1.1 注册事件两种方式传统注册方式（onclick）传统方式注册事件特点： 注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式（addEventListener）特点：同一个元素同一个事件可以注册多个监听器按注册顺序依次执行<!DOCTYPE html><html lang="en"><head&
2023-05-09 16:43:38
753
1
原创 【JavaScript】8.DOM的节点操作
DOM的节点操作获取元素通常使用两种方式：利用 DOM 提供的方法获取元素利用节点层级关系获取元素利用 DOM 提供的方法获取元素document.getElementById()document.getElementsByTagName()document.querySelector 等逻辑性不强、繁琐利用节点层级关系获取元素利用父子兄节点关系获取元素逻辑性强， 但是兼容性稍差1. 节点概述网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中
2023-04-27 11:10:15
725
原创 【JavaScript】7.DOM的操作元素
DOM 的操作元素JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等1. 改变元素内容element.innerText：从起始位置到终止位置的内容, 但它去除 html 标签， 同时空格和换行也会去掉element.innerHTML：起始位置到终止位置的全部内容，包括 html 标签，同时保留空格和换行<!DOCTYPE html><html lang="en"><head&g
2023-04-24 20:54:03
616
原创 【JavaScript】6.DOM
文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者XML）的标准编程接口文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示DOM 把以上内容都看做是对象。
2023-04-20 22:38:05
295
原创 【JavaScript】5.JavaScript内置对象
JavaScript 内置对象JavaScript 中的对象分为3种自定义对象内置对象浏览器对象前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于JS 独有的内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）内置对象最大的优点就是帮助快速开发JavaScript 提供了多个内置对象：Math、 Date 、Array、String等1. Math对象Math 对象不是构造函数，它
2023-04-19 22:39:30
1468
原创 【CSS】13.页面切图和布局实现
LOGO 部分NAV 布局LEFT - SIDEBAR：左边栏布局CONTENT：内容布局RIGHT - SIDEBAR：右边栏布局。
2023-04-17 22:01:52
522
原创 【JavaScript】4.JavaScript对象
在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。
2023-04-16 11:01:02
472
原创 【JavaScript】3.JavaScript预解析
/// (1)// 报错：Uncaught ReferenceError: num is not defined// (2)log;// undefined 为什么？var10;// 因为先进行预解析 再进行代码执行// 相当于执行了以下代码// var num;// 先变量预解析（变量提升）// 代码执行，因为没赋值，所以是 undefined// 再进行赋值 =10// (3)fn1;functionfn1// 函数提升log11;functionfn2// 函数提升log22;
2023-04-12 20:22:33
127
原创 【CSS】11.CSS3新特性（五）
使用动画之前必须先定义关键帧，一个关键帧表示动画过程中的一个状态。在CSS3中，@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐变为新样式的动画效果</</</</</</</CSS 设置盒子不断地围绕浏览器运动的动画，运动过程可以向不同方向行进和变换颜色。
2023-04-05 20:43:52
57
原创 【CSS】8.CSS3新特性（二）
/divwidth;height;border;;margin;.demo01;.demo02;.demo03;;;;.demo04;;;;;.demo05;;;
2023-04-01 19:20:54
64
原创 【CSS】7.CSS3新特性（一）
1. CSS3新特性1.1 CSS3 新特性介绍代码效果：鼠标经过图片时图片会变大<!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
2023-03-31 22:06:51
51
原创 【CSS】6.CSS学习笔记
1. 精灵图1.1 精灵图介绍一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了<!DOCTYPE html><html lang="en"><head> <meta
2023-03-31 08:02:38
85
原创 【CSS】5.CSS学习笔记
1. 定位某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子当滚动窗口的时候，盒子是固定屏幕某个位置的以上效果，标准流或浮动都无法快速实现，此时需要定位来实现浮动和定位浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子1.1 定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子， 按照定位的方式移动盒子定位 = 定位模式 + 边偏移定位模式用于指定一个元素在
2023-03-28 18:41:01
72
原创 4.CSS学习笔记
1. 浮动（float)网页布局的本质——用 CSS 来摆放盒子CSS 提供了三种传统布局方式普通流（标准流）浮动定位1.1 标准流（普通流/文档流）标准流: 标签按照规定好默认方式排列块级元素会独占一行，从上向下顺序排列常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行常用元素：span、a、i、em 等标准流是最基本的布局方式，一个页面基本都包含了标准流、浮动、定位这三种
2023-03-26 20:30:24
130
原创 3.CSS学习笔记
1. 盒子模型网页布局的核心本质： 就是利用 CSS 摆盒子1.1 盒子模型（Box Model）组成CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和 实际内容1.2 边框（border）border可以设置元素的边框边框有三部分组成：边框宽度(粗细) 边框样式 边框颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g
2023-03-24 19:56:43
74
原创 2.CSS学习笔记
1. CSS 的复合选择器在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对 基本选择器进行组合形成的复合选择器可以更准确、更高效的选择目标元素（标签）复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等1.2 后代选择器后代选择器又称为包含选择器，可以选择父元素里面子元素<!DOCTYPE html><html lang="en"&g
2023-03-22 20:33:10
62
原创 1.CSS学习笔记
1. CSS 简介CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称，也会称之为 CSS 样式表或级联样式表CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、 边距等）以及版面的布局和外观显示样式CSS 让我们的网页更加丰富多彩，布局更加灵活自如简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单总结:HTML 主要做结构，显示元素内容.CSS 美化
2023-03-20 20:46:35
52
原创 2.html5表单验证
html5表单验证1. html5 基本表单验证特性介绍form表单<!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
2023-03-18 21:32:53
1249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人