种一棵树吧-CSDN博客

概述和语法FetchFetch()是Fetch API中JavaScript window对象的一部分。它是内置的，因此用户不必安装它。Fetch()允许我们从API异步获取数据，而无需安装任何其他库。fetch(url) .then((res) => { // handle response }) .catch((error) => { // handle error });上面的代码是一个简单的fetch()的get请求。在fetch()方

2022-06-11 01:23:36 902 1

原创 ajax和fetch、axios三者的区别

1.Ajax它的全称是：Asynchronous JavaScript And XML，翻译过来就是“异步的 Javascript 和 XML”。很多小伙伴可能会误以为 Ajax 是发请求的一种方式，或者把 XMLHttpRequest 与 Ajax 划等号，其实这是错误和片面的。正解：Ajax 是一个技术统称，是一个概念模型，它囊括了很多技术，并不特指某一技术，它很重要的特性之一就是让页面实现局部刷新。特点：局部刷新页面，无需重载整个页面。简单来说，Ajax 是一种思想，XM

2022-06-09 23:22:58 2040

原创关于ajax的（axios封装库）

axios请求方法主要有get，post，put，patch，delete get 获取数据 post 提交数据（表单提交+文件上传） put 更新数据（将所有数据均推放到服务端） patch 更新数据（只将修改的数据推送到后端） delete 删除数据 get方法写法调用型 axios.get('/data.json').then((res)=>{ console.log(res) })

2022-06-08 23:38:32 117

原创关于Fetch的基础

现在可能还有一些很旧的程序还在使用XHR，类似下面的写法：const request = new XMLHttpRequest()request.responseType = 'json'request.open('GET', '/url', true)request.onload = () => { console.log(request.response)}request.onerror = () => { console.log('shits happen!')}

2022-06-07 19:09:03 794

原创 ajax基础

AJAX即“Asynchronous Javascript And XML”，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据（而不是图片，HTML文档等资源），互联网资源的传输变得前所未有的轻量级和纯粹，这激发了广大开发者的创造力，使各式各样功能强大的网络站点，和互联网应用如雨后春笋一般冒出，不断带给人惊喜。一、什么是AjaxAjax是一种异步请求数据的web开发技术，对于改善用户的体验和页面性能很有帮助。简单地说，在不需要

2022-06-06 23:48:06 128

原创关于Javascript（高级）深浅拷贝的区别

对象类型在赋值的过程中其实是复制了地址，从而会导致改变了一方其他也都被改变的情况 let a = { age: 1 } let b = a a.age = 2 console.log(b.age) // 2浅拷贝Object.assign : 拷贝所有的属性值到新的对象中，如果属性值是对象的话，拷贝的是地址，所以并不是深拷贝 let a = { age: 1 } let b = Object.ass

2022-06-06 01:31:35 86

原创 javascript进阶（静态作用域链与动态闭包链）

晚上好，最近一直在卷没空更新唉。书山有路勤为径学海无涯苦作舟！读完本文会解答你以下疑问：静态作用域链和动态作用域链的区别为什么会有闭包闭包什么时候创建的 [[scopes]] 属性是什么闭包保存什么内容闭包存储在哪为什么 eval 性能不好 eval 什么情况下会创建闭包正文在 JavaScript 里面，函数、块、模块都可以形成作用域（一个存放变量的独立空间），他们之间可以相互嵌套，作用域之间会形成引用关系，这条链叫做作用域链。作用域链具体是什么样呢？静态作

2022-06-05 00:34:25 114

原创 javascript进阶（原型与原型链）

断更多日今天开始继续更新！关于let和var用哪个的问题我个人建议用let这里就先不多写原因啦一、构造函数通过new 函数名来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。构造函数首字母一般大写。那么，我们使用构造函数来创建一个对象。function Person(name , age , sex) { this.name = name; this.age = age; this.sex = sex;}var person = new Per..

2022-05-30 00:02:06 122

原创 java script进阶（断更几天了因为自己事情比较多哈时间比较紧）整理了以下部分：

什么是ES6ES6是ECMAScript 6.0是简称，其实它在2015年6月就发布出来了，所以又称ES2015，目的是使JavaScript这一门语言可以来编写更加复杂的大型应用。let 和 constES6中新增了let和const用于声明变量、常量。我们知道通过var关键字声明的变量都会在window对象上。而使用let和const关键字声明的变量、常量只局限在当前作用域内使用，且没有作用域提升。let age = 18;const num = 10;数据解构一个从数组或

2022-05-23 00:40:36 118

原创 js正则表达式内容篇：

（这两天断更了因为要整理复习的内容就没时间写）正则表达式概述概念：按照一定的规则，查找和替换字符串执行原理：通过 [参数字符串] 设置检索规则，在 [指定字符串] 中检索符合规则的字符串作用：用来进行文本搜索和文本替换正则表达式的基本语法语法：/正则表达式/修饰符(可选)例：let abc_reg = /abc/gi==> ABC aBc abC...其中：/abc/gi是一个正则表达式 abc 是这个正则表达式的主体，表示的是要检索的内容是 abc g, i 是正..

2022-05-18 00:09:54 106

原创写了一点webapi的知识点从0到1

1.1-DOM操作dom节点操作的精髓其实就是增删改查，查元素你会在什么时候使用document.querySelector('选择器') 需求决定：只需要获取一个元素你会在什么时候使用document.querySelectorAll('选择器') 需求决定：需要获取多个元素 querySelector和querySelectorAll的区别与注意事项区别： querySelector : 获取null|dom对象，可以直接使用dom语

2022-05-13 22:33:16 182

原创 java script基础知识总结（对象）今天有点累发的比较晚

10.对象 object10-1对象概念对象（object）：JavaScript里的一种数据类型可以理解为是一种无序的数据集合用来描述某个事物，例如描述一个人人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能如果用多个变量保存则比较散，用对象比较统一比如描述班主任信息：静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示动态行为 (点名, 唱, 跳, rap) => 使用函数表示 10

2022-05-13 00:43:12 268

原创 java script 基础总结（函数）

9.函数function9-1为什么要用函数1.概念： function，是被设计为执行特定任务的代码块2.说明：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用9-2函数使用1.声明：function 函数名() { 函数体}函数名(); //调用函数2.命名规范：和变量命名基本一致尽量小驼峰式命名法前缀应该为动词命名建议：常用动词

2022-05-11 23:37:28 825

原创 java script基础总结（数组array）

8.数组 array8-1.数组是什么数组(Array)是一种可以按顺序保存数据的数据类型8-2.基本使用语法： let 数组名 = [数据1，数据2，.......,数据n]let names = ['小明','小刚','小红','小丽'，'n']规则：数组是按顺序保存，所以每个数据都有自己的编号计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推在数组中，数据的编号也叫索引或下标数组也可以存储任意的类型的数据

2022-05-10 22:38:00 308

原创 java script基础总结（语句；循环）

7.语句7-1.表达式和语句表达式：是一组代码的集合，JavaScript解释器会将其计算出一个结果语句：js 整句或命令，js 语句是以分号结束（可以省略）区别：表达式计算出一个值，但语句用来自行以使某件事发生(做什么事) 7-2.分支语句有的时候要根据条件选择执行代码，这种就叫分支结构单分支 if（条件） { 如果条件成立，则执行这行代码，否则不执行 } let score = +prompt('请输入高考

2022-05-09 23:56:14 372

原创 javascript基础总结（运算符）：

6.运算符6-1.算术运算符数学运算符也叫算术运算符，主要包括加减乘除取余（求模） +：求和 -：就差 *：求积 /：求余 %：取余 <script> let num1 = 10; let num2 = 2; // 加法 console.log(num1+num2);//12 // 减法 console.log(num1-num2);//

2022-05-08 22:29:00 211

原创又开始更新Javascript基础总结啦（1）：

1.基础介绍1-1.JS是什么JavaScript是一门编程语言，可以实现很多的网页交互效果1-2.JS的作用网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js)1-3. JS的组成ECMAScript: 规定了js基础语法核心知识 p比如：变量、分支语句、循环语句、对象等等 Web APIs : DOM 操作文档，比如对页面元素进行移动、大小、添加

2022-05-07 23:02:59 64

原创移动web

5.移动端屏幕知识1、逻辑分辨率是由软件（驱动）决定的2、设备分辨率是生产屏幕时就固定的，它是不可被改变的3、注意制作网页参考逻辑分辨率4、布局视口目标使用meta标签设置视口宽度，制作适配不同设备宽度的网页手机屏幕尺寸都不同，网页宽度为100% 网页的宽度和逻辑分辨率尺寸相同。属性viewport：视口 width=device-width：视口宽度 = 设备宽度 initial-scale=1.0：缩放1倍（不缩放）5、

2022-05-06 22:50:12 215

原创移动web字体图标

字体图标：iconfont 字体图标展示的是图标，本质是字体优点:灵活，方便修改样式颜色、字体（color，font-size）轻量级，体积小，渲染快，降低服务器请求次数兼容性强使用方便使用方法:1.使用Unicode编码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp

2022-05-05 22:35:21 152

原创 css3（过渡和动画）

html和css的基础知识内容就正式结束啦！下面是css3内容篇记得上次发过接着更新过渡与动画概念理解css3过渡化用菜鸟教程的说法，CSS3过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：1.指定要添加效果的CSS属性。2.指定效果的持续时间。css3动画化用菜鸟教程的说法，CSS3动画是根据@keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。指定至少这两个CSS3的动画属性绑定向一个选择器：1.规定动画的名称。2.规定动画的

2022-05-05 00:12:08 813

原创 html和css基础知识（6）

6.html5新增属性6-1.语义标签6-2.新增的音频标签6-3.新增的表单控件6-4.新增的视频标签6-5.新增的表单属性placeholder:占位符 autofocus:自动获取光标焦点 autocomplete:自动完成 on默认值输入框记住输入的内容 off输入框不会记住输入的内容 required 必填项7.CSS3新增属性7-1.css3盒模型新7-2.css3背景大小background-size: cover:背景图

2022-05-03 22:41:30 53

原创 html和css基础知识（5）

5-18.盒子模型width height 宽高设置 5-19.边框设置border 边框设置单独设置内边距是内容区域边框的距离内边距撑大盒子问题盒子实际宽度（高度）=width(内容区域的宽度)/height(内容区域的高度)+左右的padding值(上下内边距)+左右边框(上下边框) 一个块元素没有设置宽度，给这个块元素设置左右内边距，不会撑宽盒子块元素设置宽度，必然撑宽盒子行内元素，行内块元素设置左右内边距，必

2022-05-03 00:07:22 302

原创 html和css基础知识总结（4）

5-13.背景background特点背景撑不开盒子背景颜色 background-color: transparent 透明 #cccc rgba(255,255,0) red 背景图片 background-image:url() 背景平铺 background-repeat no-repeat 不平铺 repeat-x 水平平铺 repeat-y 垂直平铺 repeats 默认值铺满盒子背景定位 background-position 写方位值 left r

2022-05-01 22:09:31 41

原创 html和css基础知识总结（3）

5-4.标签选择器选择页面上所有同类标签5-5.类选择器. 谁调用谁生效调用class=‘类名’ 一个类选择器可以被多个标签调用个标签可以同时调用多个类选择器 5-6.ID选择器#需要调用 id=‘id名’ 一个id选择器只能调用一次，多次调用不符合w3c规范一个标签只能调用一个id选择器一个标签可以同时调用类选择器和id选择器5-7.通配符选择器*5-8.文字属性font字体设置浏览器默认字体大小为16px 中文字

2022-04-30 23:11:38 344

原创 html和css基础知识（2）

4-9.特殊字符4-10.音频audiosrc 视频路径 controls 显示播放的控件 autoplay 自动播放（谷歌浏览器中需配合muted实现静音播放） loop 循环播放4-11.视频video src 视频路径 controls 显示播放的控件 muted 静音播放 autoplay 自动播放（谷歌浏览器中需配合muted实现静音播放） loop 循环播放 4-12.div和span区别div占一行，spa.

2022-04-29 22:38:50 220

原创 html和css基础知识总结1:

1.网页的基础认知1-1.网页由那些部分组成文字、图片、音频、视频、超链接1-2.网页背后的本质是什么前端程序员写的代码1-3.前端的代码是通过什么软件转换成用户眼中的页面通过浏览器转化（解析和渲染）成用户看到的网页2.浏览器浏览器是网页显示运行的平台，是前端开发必不可少的利器常见的五大浏览器：IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）渲染引擎不同，导致解析相同代码时的速度、性能、效

2022-04-28 22:49:11 177

原创 html初识

基础认知常见的五大浏览器： IE浏览器火狐浏览器（Firefox）谷歌浏览器（Chrome） Safari浏览器欧朋浏览器（Opera） HTML页面固定结构每一页文章内容是有固定的结构的，如：开头、正文、落款等…… 网页中也是存在固定的结构的，如：整体、头部、标题、主体网页中的固定结构是要通过特点的HTML标签进行描述的 HTML骨架结构标签 html标签：网页的整体 head标签：..

2022-04-28 00:16:02 104

原创前段入门基础知识点第一章：

HTML常见标签块级标签div h p ul>li ol>li dl>dt+dd行内标签a b u i s strong ins em del行内块标签imginputtextareacss引入方式内嵌外链行内选择器标签类 id 通配符 * 后代子代交集并集伪类伪元素结构伪类...

2022-04-27 01:18:01 56

原创 css3（3D转换）快来一起学习吧

空间转换属性：transform 可以实现平移、缩放、旋转（也叫3D转换）X、Y、Z轴方向的确认X：沿着屏幕从左往右即是X轴正方向 Y：沿着屏幕从上往下即是Y轴正方向 Z：沿着屏幕从里往外即是Z轴正方向左手法则：判断旋转方向: 左手握住旋转轴, 拇指指向正值方向, 手指弯曲方向为旋转正值方向视距（perspective）属性：perspective取值：像素单位数值，数值一般在800 – 1200px用法：为转换元素的父盒子添加，可达成近大远小透视距离也称为视距，所谓

2022-04-25 19:20:41 238

原创昨天事情太多啦，今天继续这篇是关于css3（平面转换）2D，内容篇

平面转换(2D转换)transform平移<!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.

2022-04-25 00:23:07 40

原创最后一章结束，马上开始新一轮梳理css

本章还是关于前端js基础扫盲内容（数学知识）（算法入门级）五、数学知识1.质数若一个正整数无法被除了1和它自身之外的任何自然数整除，则称该数为质数（或素数），否则称该正整数为合数。function judgePrime(n) { for (let i = 2; i * i <= n; i++) { if (n % i == 0) return false } return true}2.斐波那契数列function Fi...

2022-04-23 17:36:35 142

原创继续更新昨天断更了，午觉都没睡卷起来

三、常用遍历方法&高阶函数1.for()最常用的for循环，经常用的数组遍历，也可以遍历字符串。const arr = [1, 2, 3]const str = 'abc'for (let i = 0; i < arr.length; i++) { console.log(arr[i]) console.log(str[i])}2.while() / do while()while、do while主要的功能是，当满足while后边所跟的条件时，来

2022-04-21 14:19:05 111

空空如也

空空如也