- 博客(15)
- 收藏
- 关注
RSS订阅原创 为什么要使用 git pull --rebase
在协作开发中，版本控制系统是至关重要的工具。Git 是一种流行的分布式版本控制系统，它提供了多种合并分支的方式。git pull是用于从远程仓库拉取最新代码并合并的常见命令，而提供了一种不同的合并策略。
2023-11-28 10:47:17
1463
原创 React开发中Echarts渲染机制影响图表继承父级宽高
发现这个bug的解决方法是在,当我拖动浏览器页面时,图表又能自己撑满父级。可以推断出是因为React渲染时间的问题。一般而言，在使用vue或者react都会容易出现这个问题，原因是我们的模板文件不是一开始就生在html页面中，而是需要经过人为渲染，渲染需要时间，图表生成的时机有可能会早于父级元素layout的时机，尤其当我们使用自适应布局的时候会出现。在componentDidMount生命周期内异步调用初始化图表函数。等父容器设置完宽高布局完成之后图表加载。
2023-09-07 16:28:29
494
原创 “三次握手”和“四次挥手”
为了避免这种情况的发生，TCP协议需要进行第二次握手，即服务器向客户端发送一个SYN+ACK报文，表示确认请求并同意建立连接。这样就确保了连接的可靠性。第二次握手：服务器向客户端发送一个SYN+ACK报文，表示确认请求并同意建立连接，SYN=1，ACK=1。第一次握手：客户端向服务器发送一个SYN报文，请求建立连接，SYN=1，ACK=0。第一次挥手：客户端向服务器发送一个FIN报文，请求关闭连接，FIN=1，ACK=0。第三次挥手：服务器向客户端发送一个FIN报文，请求关闭连接，FIN=1，ACK=0。
2023-03-14 08:51:55
356
原创 React中的Suspence组件解决抖动问题
组件是用来处理异步渲染的。当我们需要异步加载某些组件或数据时，通常会出现一个“抖动”问题，即页面在等待异步加载完成时会出现一些不必要的视觉变化，比如页面出现空白或者加载指示器。组件只能用在某个父组件内部，而不能直接用在根组件或其他顶层组件上。属性是必须的，它用来指定在异步加载完成前要展示的加载指示器或占位符。
2023-03-04 15:05:07
1682
原创 React性能优化
避免不必要的渲染：在使用React时，可以使用shouldComponentUpdate()方法来控制组件的渲染。避免在render()方法中进行复杂计算：渲染组件时，尽量避免在render()方法中进行复杂的计算，这会影响应用的性能。减少不必要的渲染：使用React的shouldComponentUpdate或React.memo等技术，可以避免不必要的组件渲染。减少组件渲染的次数也有助于提高应用的性能。使用React.memo()：React.memo()是一种优化技术，可以减少组件渲染的次数。
2023-03-04 14:55:25
345
原创 在redux中,action类型不匹配,为什么一定要返回一个值?
当一个 action 被分发到 Redux Store 时，Redux Store 会调用所有的 reducer，并将先前的状态和这个 action 作为参数传递给每个 reducer。每个 reducer 都会接收先前的状态（或默认的初始状态）和一个 action 对象作为参数，并返回一个新的状态对象。这个新的状态对象代表了应用程序在处理这个 action 后应该拥有的状态。这个状态对象可以是从先前状态对象中派生的，也可以是一个全新的状态对象，具体取决于你的应用程序的需求。
2023-03-03 20:45:19
184
原创 aysnc和await的区别
当执行到 await 关键字时，如果 await 后面的异步操作未完成，该函数会被暂停执行，直到异步操作完成并返回结果后，函数才会继续执行。总的来说，async 和 await 的区别在于 async 是用于标识一个函数为异步函数，而 await 是用于等待异步操作完成并返回结果。它们常常结合使用，可以让异步代码的编写更加简洁易读。1.async 是用于标识一个函数为异步函数，当函数执行时，如果有 await 关键字，async 函数会暂停执行，等待 await 后面的异步操作完成后才会继续执行。
2023-03-01 08:42:15
937
原创 浏览器地址栏输入url以后发生了什么
1.DNS对域名进行解析；2.建立TCP连接（3.发送HTTP请求；4.服务器处理请求；5.返回响应结果；6.关闭TCP连接（四次挥手）；7.浏览器解析HTML；8.浏览器布局渲染；
2023-02-27 10:09:40
2415
原创 为什么 hooks 不能写在循环或者条件判断语句里？
比如第一次执行函数组件时，我们拿到状态 count（通过 setState，初始值为 0 ）和 isDone（通过 setState，初始值为 false），它们其实被保存到一个有序表中，它们的值会记录下来： [0, true]。函数本身不能保存状态，我们需要额外维护一个有序的表，在执行 setState 之类的 hook 时，将它们保存到这个表里。这要求每次函数组件的 hook 执行的位置相同，数量正确，否则会导致错位，不能拿到预期的状态值。为了在函数组件中引入状态，维护了一个有序表。
2023-02-10 16:59:36
2030
原创 前端开发 SSR 是什么技术？
SSR指的是服务端渲染（Server-side Rendering），是在服务器端渲染网页内容，并且将渲染后的HTML发送给浏览器，而不是在浏览器端渲染。更好的搜索引擎优化（SEO）：因为搜索引擎可以更容易地爬取完整的HTML内容，因此SSR可以更好地改善网站的SEO。更好的用户体验：因为页面的内容在服务器端渲染，因此用户可以更快地看到完整的页面，从而提高用户的使用体验。对于复杂的页面，可能会带来性能的问题：因为服务器需要处理大量的数据和渲染，因此可能会带来性能问题。
2023-02-10 08:32:41
254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人