- 博客(43)
- 收藏
- 关注
原创 为什么javascript开发人员应优先选择axios而不是fetch,(技术点评)不明白的小伙伴可以看看哦
概述和语法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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人