- 博客(18)
- 收藏
- 关注
RSS订阅原创 实现响应式页面
媒体查询 + px媒体查询 + 百分比媒体查询 + rem + jsvw/h + rem媒体查询的缺点是在断点切换的瞬间，布局会带来断层式的切换变化百分比计算繁琐rem需要js脚本监听分辨率变化视口单位有兼容性问题。
2024-04-05 16:48:36
641
1
原创 包管理工具
为了解决npm的问题，Facebook发布了yarn，具有以下优点(npm借鉴了yarn的lock，缓存)package.json 和 package-lock.json 之间的相互关系？用于记录当前安装的每个包的确切版本号以及其依赖关系的锁定状态。现如今，yarn相比于npm最大的优点可能是安装快一点。中使用的依赖版本是否一致，如果一致就使用。在构建依赖树时，会先检查下项目中是否有。早期的npm没有lock文件，导致。中的信息，反之就是使用。文件的话，就会直接使用。
2024-03-24 13:54:55
720
1
原创 React Hooks
reducer就是一个函数：接受当前应用的state和触发的动作action，计算并返回最新的state。reducer是一个纯函数，没有任何副作用，并且相同的输入会有相同的输出因此通过reducer函数很容易推测出state的变化，并且也更加容易单元测试default:reducer处理的state对象是不可变的，不要修改参数中原本的对象，而是每次返回一个新的state object（解构赋值是浅拷贝，实现了栈内存中的地址变化）
2024-03-21 09:49:52
834
1
原创 计算机网络
如果队首的请求因为处理的太慢耽误了时间，那么队列里后面的所有请求也不得不跟着一起等待，结果就是其他的请求承担了不应有的时间成本，造成了队头堵塞的现象。* 客户端发送一个FIN报文(一个TCP报文，设置FIN（Finish）标志位为1)，用来关闭客户端到服务端的数据传送，表示客户端不会再向服务端发送数据了（在FIN之前发送出去的数据，如果没有收到对应的ack确认报文，客户端依然会重发这些数据），此时，客户端还可以接受数据，客户端进入FIN-WAIT-1(终止等待1)状态。数据传输完毕后，双方都可释放连接。
2024-01-21 15:05:29
893
1
原创 JS数据结构与算法
邂逅数据结构和算法什么是数据结构？数据结构就是在计算机中**，存储和组织数据的方式**我们知道，计算机中数据量非常庞大，如何以高效的方式组织和存储呢？这就好比一个庞大的图书馆中存放了大量的书籍，我们不仅仅要把书放进去，还应该放在合适的位置什么是算法？解决问题的办法/步骤逻辑认识栈结构数组数组是一种线性结构，并且可以在数组的任意位置插入和删除数据但是有时候，我们为了实现某些功能，必须对这种任意性加以限制而栈和队列就是比较常见的受限的线性结构栈，是一种受限的线性表，后进先出(
2023-12-23 15:15:05
109
1
原创 React18全家桶
组件化开发是一种分而治之的思想：如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展所以我们将一个页面拆分成一个个小的功能块方便复用和后续的管理和维护高阶函数接受一个或多个函数作为输入或者输出一个函数JS中的filter、map、reduce都是高阶函数高阶组件定义为参数为组件，返回值为新组件的函数高阶组件本身不是一个组件，而是一个函数这个函数的参数是一个组件，返回值也是一个组件定义方式和作用演示。
2023-12-23 15:07:02
1492
1
原创 JavaScript高级
函数的this指向函数this的绑定规则默认绑定函数默认调用时，函数的this都指向window // "use strict" // 1.普通的函数被独立的调用 function foo() { console.log('foo', this); } foo()//window // 2.函数定义在对象中，但是独立调用 var obj = {
2023-12-23 14:54:49
553
1
原创 JavaScript基础
在元素有嵌套的关系时，想要使用mouseover实现事件委托给父元素在从父元素移动到子元素的过程中，会触发父元素的mouseout在进入子元素触发mouseover，在冒泡给父元素触发mouseover的过程如果想避免这个过程，可以让子元素占满父元素排他效果的实现for循环所有的item使用变量记录当前拥有active类的元素。
2023-12-23 14:42:21
109
1
原创 HTML+CSS
dl定义列表，直接子元素只能是dt、dddtterm是项的意思，列表中每一项的项目名dd列表中每一项的具体描述，是对dt的描述、解释、补充。
2023-12-23 14:30:55
474
1
原创 使用window.resize实现当浏览器宽度变化时触发相应函数
如果我们有一个页面元素位置和宽高是根据其他页面元素的位置和宽高动态计算而成的，如果你实现的是响应式页面，那么该页面元素会随着浏览器窗口大小变化而变化它的大小位置，这时我们需要window.resize方法来实现动态响应式执行函数。该方法可以在窗口大小调整时触发一个函数。
2023-07-04 09:17:11
550
原创 使用jquery实现鼠标移入目标框出现悬浮框功能
项目场景：项目场景：使用jquery实现鼠标移入目标框出现悬浮框功能问题描述类型1：一个目标框和一个悬浮框 #hoverBox { display: none; /* 初始状态隐藏 */}#targetElement{ width: 100px; height: 100px; border: red solid 1px;} <div id="hoverBox"> <!-- 悬浮框内容 --> <
2023-05-18 15:01:38
1913
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人