前端优化 - 随笔分类 - 盼星星盼太阳

前端长列表优化

摘要：一、场景引入长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。二、解决方案 1.css属性 conte 阅读全文

posted @ 2024-01-18 11:25 盼星星盼太阳阅读(692) 评论(0) 推荐(0) 编辑

大屏适配方案

摘要：一、问题引入：可视化数据大屏需要适配各种大屏尺寸 1080P：1920*1080 2K：2560*1440 左右 4K：3840*2160 左右 8K：7680*4320 左右二、适配方案分析如果想简单，客户能同意留白，选用 scale 即可如果需要兼容不同比例的大屏，并且想在不同比例中都有阅读全文

posted @ 2022-12-07 17:09 盼星星盼太阳阅读(4621) 评论(1) 推荐(1) 编辑

前端开发中的Error以及异常捕获

摘要：一、JavaScript中的Error JavaScript中，Error是一个构造函数，通过它创建一个错误对象。当运行时错误产生时，Error的实例对象会被抛出。构造一个Error的语法如下： // message: 错误描述 // fileName: 可选。被创建的Error对象的fileNam 阅读全文

posted @ 2022-11-22 10:22 盼星星盼太阳阅读(845) 评论(0) 推荐(0) 编辑

全局监控Promise错误

摘要：一、问题引入 Promise 在前端中的使用已经非常普遍了，但是许多开发者或许习惯了链式调用却忘了捕获 Promise 的错误了。例如： function forgetCatchError () { async() .then(() => { // code.. }) .then(() => co 阅读全文

posted @ 2022-11-22 09:51 盼星星盼太阳阅读(629) 评论(0) 推荐(0) 编辑

axios取消重复请求与更新token并续订上次请求

摘要：一、问题引入当用户发起一个请求时，判断token是否已过期，若已过期则先调refreshToken接口，拿到新的token后再继续执行之前的请求。难点：当同时发起多个请求，token 过期会调用多次更新 token 接口；此时刷新token的接口还没返回，此时其他请求该如何处理，在刷新token 阅读全文

posted @ 2022-09-14 12:05 盼星星盼太阳阅读(1351) 评论(0) 推荐(1) 编辑

DoS和DDoS攻击之SYN泛洪攻击

摘要：一、什么是半链接队列服务器第一次收到客户端的 SYN 以后，就会处于 SYN_RCVD 状态，此时双方尚未彻底创建其链接，服务器会把此种状态下请求链接放在一个队列里，咱们把这种队列称之为半链接队列。固然还有一个全链接队列，就是已经完成三次握手，创建起链接的就会放在全链接队列中。若是队列满了就有可能阅读全文

posted @ 2021-12-27 10:12 盼星星盼太阳阅读(661) 评论(0) 推荐(0) 编辑

CDN链接失效，切换本地文件

摘要：场景：如今的前端项目很多使用CDN，但是万一使用的CDN服务器出现问题，导致引用的CDN文件都拿不到，项目崩溃打不开。处理方案：如果引用CDN的文件出错了，拿不到，那么就引用本地相对应的文件。下面以Vue项目为列: 项目的启动页 /index.html <script src="http://c 阅读全文

posted @ 2021-12-27 09:09 盼星星盼太阳阅读(904) 评论(0) 推荐(0) 编辑

盼星星盼太阳

随笔分类 - 前端优化

公告

随笔分类

最新评论