logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端性能优化杀手锏:JS 懒加载的 3 种实现方式,加载速度提升 80%

而 JS 懒加载技术的出现,正是为了解决这一痛点 —— 它能让浏览器只在需要的时候才加载特定的 JS 资源,从而显著提升页面加载速度,有数据显示,合理运用懒加载技术可使加载速度提升高达 80%。此外,动态 import 返回的是一个 Promise 对象,这意味着我们可以很方便地处理加载过程中的异步操作,例如添加加载状态提示:​。例如,可以通过rootMargin选项设置一个扩展的边界,使得元素在

#前端#javascript#开发语言
JS 实现本地存储,localStorage 与 sessionStorage 用法

但需要注意的是,localStorage 的数据存储在用户的本地设备中,不参与服务器通信,因此不能用于存储敏感信息,如用户密码、银行卡号等。比如,用户在一个标签页登录后,打开同一网站的其他标签页时,可通过读取 localStorage 中的登录状态信息,自动保持登录状态,提升用户体验。sessionStorage 的操作方法与 localStorage 完全相同,只是存储位置和生命周期不同:​。虽

#javascript#开发语言#ecmascript
Java 操作 Redis 缓存!实战案例:实现「热点数据缓存」,减轻数据库压力

在高并发业务场景中,数据库往往是系统性能的 “瓶颈”—— 比如电商平台的商品详情页、新闻网站的热点资讯、秒杀活动中的库存查询,这些场景下同一批数据会被反复请求,若每次请求都直接穿透到数据库,会导致数据库连接数飙升、查询响应延迟,严重时甚至引发数据库宕机。这类数据的访问特征是 “读多写少”,且访问量集中,若不做缓存处理,会带来两大核心问题:​。在业务层(Service)中实现 “缓存优先” 的查询逻

#缓存#数据库#java
用 MySQL 写了个统计报表,自动计算环比同比,太方便了

计算环比时,需要获取上一期的数据。对于按月汇总的数据,要获取上一个月的数据,就可以使用 LAG (销售额,1) OVER (ORDER BY 月份),这样就能得到每个月对应的上一个月的销售额。同时,MySQL 作为一款功能强大的关系型数据库,能够高效地处理大量的数据,即使是面对海量的业务数据,也能快速生成报表,满足数据分析的需求。而且,由于整个过程是通过 SQL 语句自动完成的,当数据源更新时,只

#mysql#数据库
用 JS 写后端?Node.js 全栈开发实战:从 0 搭建一个高并发电商平台

这样,当其他开发者获取到项目代码时,只需在项目根目录下执行 “npm install” 命令,npm 就会根据 package.json 文件中记录的依赖信息,自动安装项目所需的所有包,确保开发环境的一致性。与传统的阻塞 I/O 模型不同,在 Node.js 中,当一个 I/O 操作开始时,Node.js 不会等待该操作完成,而是继续执行后续代码,当 I/O 操作完成后,通过回调函数来处理结果。)

#javascript#node.js#开发语言
用 MySQL 实现 “消息通知系统”,基于TIMESTAMP和索引优化

在现代应用中,消息通知系统是连接用户与平台的重要桥梁,无论是社交软件的私信提醒、电商平台的订单状态更新,还是办公系统的任务通知,都需要高效、可靠的底层支撑。消息通知系统的核心需求包括:实时性(消息需及时触达用户)、可靠性(不丢失消息)、可扩展性(支持多种通知类型)以及高效查询(用户能快速获取未读消息)。可基于created_at字段设置定时任务,清理过期消息(如保留 30 天内的消息):​。消息通

#mysql#数据库
Spring Boot 整合 ChatGPT API:后端快速开发 AI 问答接口,附签名验证 + 限流

本文将详细讲解如何基于 Spring Boot 实现 ChatGPT API 的整合,包括核心接口开发、签名验证机制(防止非法调用)、流量限流(避免资源过载),并提供完整的代码示例与部署建议,确保方案具备生产级可用性。本文通过 Spring Boot 整合 ChatGPT API,完成了 AI 问答接口的开发,并通过签名验证保障了接口安全,通过限流控制了请求频率,方案具备生产级可用性。创建Chat

#spring boot#人工智能
JS 异步编程进阶:Promise/async/await 实战场景对比,这 5 个案例帮你彻底搞懂

Promise 的Promise.allSettled()是处理 “部分错误容忍” 场景的核心 API,它会等待所有 Promise 完成(无论fulfilled还是rejected),并返回每个任务的结果对象(包含status和value/reason),开发者可按需处理成功与失败的任务。Promise 的Promise.race()是超时控制的核心 API,它接收一个 Promise 数组,第

#javascript#开发语言#ecmascript
JS 异步编程避坑指南!Promise/async/await 常见错误及解决方案

问题根源:每个then都会返回新的 Promise,若前一个then抛出错误且未在当前then的第二个参数或后续catch中处理,错误会沿链传递,可能导致中间逻辑跳过,仅在最终catch中暴露,增加调试难度。问题根源:Promise.all具有 “快速失败” 特性,只要有一个 Promise 被reject,就会立即触发catch,且不会返回其他已成功的结果,不适用于允许部分任务失败的场景(如仪表

#javascript#前端#开发语言
揭秘前端高薪岗:JS 异步编程(Promise/async/await)必考题汇总

在前端开发领域,JavaScript 异步编程是核心技能之一,而其中的 Promise、async/await 更是重中之重,在高薪岗位的面试中频繁出现。今天,我们就来深度汇总 JS 异步编程(Promise/async/await)的必考题,助力大家冲击前端高薪岗。

#javascript#前端#开发语言
    共 33 条
  • 1
  • 2
  • 3
  • 4
  • 请选择