- 博客(9)
- 收藏
- 关注
原创 AJAX与axios
1.需求分析:确定需要实现的HTTP请求类型和特性,如get,post,put,delete。2.AJAX请求(通过js创建一个xmlhttprequest请求,向服务器发送请求)5.处理响应:使用promise的then和catch方法处理响应数据或错误。它是一个基于promise的网络请求库,作用于node.js和浏览器中。2.实例创建:根据需求创建一个或者多个axios实例,并配置公共参数。4.发送请求:通过实例的方法发送http请求。3.请求配置:设置请求的参数,头部信息。首先什么是AJAX?
2025-03-04 20:58:19
301
原创 .then()与catch()还有try...catch
resolve() 中可以放置一个参数用于向下一个 then 传递一个值,then 中的函数也可以返回一个值传递给 then。但是,如果 then 中返回的是一个 Promise 对象,那么下一个 then 将相当于对这个返回的 Promise 进行操作,这一点从刚才的计时器的例子中可以看出来。当我们学完then方法以后,学习catch方法就很轻松了,本质上是 then 的特例,专门用来处理 rejected 状态,类似于then(null, err => {});代码块发生错误时,所执行的代码块。
2025-03-04 20:55:27
870
原创 准备DAY7
首先,order属性是用来调整Flex项目的排列顺序的。默认情况下,项目的顺序是按照HTML中的顺序排列的,但order可以改变这一点。比如,用户可能希望在不同屏幕尺寸下调整元素的显示顺序,比如移动端把菜单放到内容后面,这时候用order就比较方便。不过需要注意,过度使用order可能会影响可访问性,因为屏幕阅读器还是按HTML顺序读取的。然后是flex-grow,这个属性定义项目的放大比例。当容器有剩余空间时,flex-grow决定项目如何分配这些空间。
2025-02-25 10:25:21
759
原创 准备DAY6
可能用户还会想知道这两种布局的现代替代方案,比如Flexbox或Grid,但根据问题描述,用户明确要求经典布局,所以重点还是放在传统实现上。需要检查是否有常见的错误点,比如浮动元素的顺序、宽度计算是否正确、定位是否正确等。例如,圣杯布局中左右栏的负边距调整,中间栏的宽度设置是否为100%等。最后,总结两种布局的适用场景,帮助用户理解何时选择哪一种。可能还要提到响应式设计的考虑,但经典布局主要是固定宽度,所以可能不深入讨论。
2025-02-24 16:33:08
171
原创 准备DAY5
这里,content-box的元素实际宽度是200 + 40(padding) +10(border)=250px,而border-box的元素总宽度保持200px,内容宽度变成200 -40 -10=150px。不过,可能要注意的是,某些旧版本浏览器对border-box的支持情况,但现代浏览器应该没问题。总结一下,两者的主要区别在于宽度和高度的计算方式,border-box更便于控制整体尺寸,减少布局时的计算量,而content-box则需要开发者自行计算padding和border的影响。
2025-02-24 15:55:44
557
原创 HTML5语义化标签(article/section/nav等使用场景)
首先,我应该先解释什么是HTML5语义化标签,以及为什么它们重要。比如,语义化标签让代码更易读,对SEO和可访问性有帮助。然后具体分析每个标签的用途,比如article、section、nav、header、footer、aside、main等,给出使用场景和例子。需要注意用户可能容易混淆的地方,比如section和div的区别,或者什么时候用article包裹section,反之亦然。例如,section应该是有主题的内容块,而不仅仅是样式容器,这时候用div更合适。
2025-02-23 17:45:39
1437
原创 准备Day3
在JavaScript中,数组去重是一个常见的操作,可以通过多种方法实现。会返回元素第一次出现的索引,如果当前索引与第一次出现的索引相同,则保留该元素。也可以用来实现数组去重,通过存储元素作为键来确保唯一性。如果你使用的是现代浏览器或支持ES6的环境,推荐使用**如果需要兼容旧版本浏览器,可以使用传统的。如果需要兼容旧版本浏览器,可以使用**简洁且高效,时间复杂度为O(n)。时间复杂度较高,为O(n²),因为。**,因为它们效率更高且代码简洁。时间复杂度为O(n),效率较高。时间复杂度为O(n²),因为。
2025-02-17 23:14:09
234
原创 准备Day2
触发条件a. body根元素b. float属性不为nonec. position为absolute或 fixedd. overflow不为visiblee. display为inline-block,table-cell,table-caption,flex,inline-flex盒模型(border-box vs content-box)myFunc();从浏览器接收 url 到开启⽹络请求线程(这⼀部分可以展开浏览器的机制以及进程与线程 之间的关系)
2025-02-17 18:37:36
717
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅