- 博客(7)
- 收藏
- 关注
RSS订阅原创 前端性能优化的瓶颈点
假设一个人正在上网，当浏览器输入URL并回车后为了把URL解析为IP地址，浏览器会向DNS服务器发起DNS查询，获取IP地址，在建立连接后，浏览器就可以发送HTTP请求，而服务端接收到后，对请求进行响应，浏览器从响应结果中拿到数据，并进行解析和渲染，最后在用户面前出现一个网页。DNS查询时间长，建立TCP请求连接太慢，或者是服务器处理请求速度太慢，客户端下载、解析、渲染时间过长，没有做Gzip压缩，缺乏本地离线化处理，等等。就是布局偏移量，它是指页面从一帧切换到另外一帧时，事件中不稳定元素的偏移情况。
2024-07-23 10:28:36
643
原创 跨域的理解与解决方法
当一个请求url的协议域名端口三者之间的任意一个与当前页面url不同即为跨域。跨域资源共享（CORS）是一种机制，它使用额外的http头告诉浏览器让运行在一个origin上的web应用被准许访问来自不同资源服务器上的指定资源CORS不是一种错误，而是为了保护用户的一种安全机制为什么会出现跨域问题？XmlHttpRequest同源策略：禁止不同源的AJAX请求，主要防止CSRF攻击CORS 请求失败会产生错误，但是为了安全，在 JavaScript 代码层面无法获知到底具体是哪里出了问题。
2024-07-23 10:04:54
799
原创 echarts在react中的简单使用
然后yAxis表示Y轴数据；title标题组件，tooltip提示框组件；stack数据堆叠，同个类目轴上系列配置相同的stack值后，后一个系列的值会在前一个系列的值上相加。百度地图中心经纬度： center , 百度地图缩放 ：zoom , 是否开启拖拽缩放，可以只设置 'scale' 或者 'move' ：roam: true,百度地图的自定义样式：mapStyle()在src目录下，建一个page文件夹，用来存放图表组件，然后建一个polyLine.js,用来展现折现柱状图组件。
2024-06-22 16:50:41
378
原创 对HTTP缓存的认识
http缓存是一种保存资源副本并在下一次请求时直接使用该副本的技术。也就是说，当http缓存发现请求的资源已经被存储，他会拦截请求，返回该资源的副本，而不会去源服务器重新下载。在HTTP Caching标准中，有两种不同类型的缓存：私有缓存和共享缓存。：绑定到特定客户端的缓存—通常是浏览器缓存。由于存储的响应不与其他用户共享，因此私有缓存可以存储该用户的个性化响应。注意：如果响应具有Authorization标头，则不能将其存储在私有缓存。
2024-06-22 14:22:10
588
原创 react 学习笔记（2）
react本质上是一个UI库，他是单项数据流的，数据只能从父组件通过props传给子组件，如果子组件想要修改父组件的值，只能通过绑定函数传递参数的形式来修改，数据比较复杂时，不好操作，所以需要redux协助。第一个参数是一个函数，用于进行计算，第二个参数是一个依赖数组，当依赖发生变化时会重新进行计算，useMemo会在每次渲染都计算新的值。通常给组件的to属性指定要跳转的路由path，组件会被渲染为浏览器支持的a链接，如果需要传参直接通过字符串拼接的方式拼接参数即可。否则使用initialArg。
2024-06-20 16:44:51
979
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人