摘要: 1、字体图标的使用 2、搭配伪元素使用 3、上传文件 阅读全文
posted @ 2022-10-27 10:29 一梦逐一生 阅读(22) 评论(0) 推荐(0)
摘要: 1、标准文档流 标准文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。 2、浮动 简介: css中让一个元素脱离标准文档流: 浮动(float) 绝对定位/固定定位:position:absolute/fi 阅读全文
posted @ 2022-10-12 13:28 一梦逐一生 阅读(336) 评论(0) 推荐(0)
摘要: 1.什么是HTTP协议 思考: 若每个网站都有自己的规则,整个互联网就乱套了,而且用户访问也不是很方便,每个网站都要开发属于自己的客户端软件,致使运营成本变大。 所以,必须有一个统一的规则,让大家发送数据或接受数据有一个依据,于是,HTTP协议由此而来。 1.1什么是通信协议: 通信协议就是通信的双 阅读全文
posted @ 2022-10-11 14:54 一梦逐一生 阅读(134) 评论(0) 推荐(0)
摘要: 以下两重情况都是用于高频触发事件,根据不同场景选择合适的用法。对于有停顿的高频触发事件建议选择防抖,然而对于高频触发并且连续的事件,选择节流; 防抖: 防抖: 防止连续多次触发,n秒内连续触发则只触发最后一次。目的:只执行一次 原理: 触发之前判断是否已经触发,已经触发就取消执行上一次的事件,然后执 阅读全文
posted @ 2022-10-10 22:17 一梦逐一生 阅读(32) 评论(0) 推荐(0)
摘要: 1、什么是防抖 防抖策略是当事件被触发后,延迟N秒后在执行回调,如果在这N秒中再次被触发,则重新计时 1.1防抖的引用场景 淘宝案例: 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name 阅读全文
posted @ 2022-10-10 21:40 一梦逐一生 阅读(133) 评论(0) 推荐(0)
摘要: 07.鼠标跟随效果 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2022-10-09 09:35 一梦逐一生 阅读(74) 评论(0) 推荐(0)
摘要: #1、 模板 引擎 的步骤 1.1语法 通过{{}}进行变量的输出:三元、对象属性、数组、表达式等 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati 阅读全文
posted @ 2022-10-08 23:38 一梦逐一生 阅读(37) 评论(0) 推荐(0)
摘要: 1、什么是表单 负责数据采集功能。HTML中的标签,就是用于采集用户输入的信息,并通过标签的提交操作,把采集到的信息提交到服务器端进行处理。 1.1 form表单的基本属性 点击查看代码 <form action=" " method=" " target="_self"> <input type= 阅读全文
posted @ 2022-10-08 23:31 一梦逐一生 阅读(128) 评论(0) 推荐(0)
摘要: # 1、什么是axios # 2.axios的基本使用 引入: axios cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 或者 <script src="https://cdn.staticfile.or 阅读全文
posted @ 2022-10-08 22:06 一梦逐一生 阅读(81) 评论(0) 推荐(0)
摘要: # 注意同步和异步的区分 同步 sync: 首先,JS 是单线程的语言,所谓“单线程”就是一根筋,对于拿到的程序,一行一行的执行,前面的执行完成,后面的傻傻的等着。若前面的代码没执行完就会造成堵塞,后面的没法执行。(从上往下执行) 异步 async: 而AJAX 是一种用于创建快速动态网页的技术。通 阅读全文
posted @ 2022-10-08 21:36 一梦逐一生 阅读(29) 评论(0) 推荐(0)