发布了文章6 月 6 日
目录问题背景并发更新问题的原因常见并发问题场景解决方案详解方案对比与选择最佳实践建议问题背景在高并发场景下,多个事务同时操作同一条数据记录时,可能会出现数据不一致的问题。典型的场景包括:库存扣减账户余额更新计数器累加订单状态变更并发更新问题的原因1...
发布了文章6 月 5 日
在现代高并发系统架构中,缓存(Cache)是提升系统性能、减轻数据库压力的利器。然而,缓存并非银弹,如果使用不当,可能会引发一系列严重的"缓存失效"问题。
发布了文章5 月 30 日
在 AI 对话应用中,流式响应(Streaming Response)已成为标配。但如何将 AI 返回的流式数据与前端表单实时同步,并优雅地处理视图切换?本文将分享一个完整的解决方案,包括流式字符串解析、增量数据更新、以及智能视图管理。
发布了文章5 月 28 日
在现代 AI 应用场景中,动态代码生成与执行已经成为一项核心能力。本文将深入探讨如何在前端实现一个完整的浏览器端 React 代码编译器,支持 TypeScript/JSX 实时转译、CommonJS 模块系统模拟、以及安全隔离的代码执行。
发布了文章2025-09-29
谷歌 Chrome 开发者工具 MCP 服务器公布,它允许 AI 代理在浏览器中直接调试、测试和修复代码,弥补了以往 AI 编码工具无法直接观察代码在浏览器中运行情况的缺陷,更多内容查看官方博客、Github仓库,其在发布的短时间内即引起广泛关注,npm下载量陡升:调试工具提...
提出了问题2025-02-27
赞了文章2025-02-26
[链接]
赞了文章2025-02-26
WebGL是基于OpenGL的JavaScript API库,允许Web浏览器在浏览器中渲染3D / 2D图形,而无需安装额外的插件、桌面应用程序。WebGL允许通过浏览器使用机器GPU将3D图形渲染成HTML页面。
发布了文章2025-02-25
现状:Threejs官方demo提供了DragControls.js平面拖拽控件,但只能拖拽Object在垂直于相机法线的平面上移动目标场景:在六面体空间盒子中沿着六面体平面拖拽物体,并且需要限制在盒子内部已知:空间盒子大小,对象所在的平面方案设计:
发布了文章2025-02-12
上篇文章整理了PWA离线应用的技术脉络和注意事项,本篇文章将记录使用Vue + Workbox + localforage 实现离线应用的实践过程。
发布了文章2025-02-12
1、PWA应用介绍PWA 是一种通过现代 Web 技术提供类似原生应用体验的 Web 应用。它的核心特性包括:可离线访问:通过 Service Worker 实现离线缓存快速加载利用缓存策略加速资源加载可安装用户可以将 PWA 添加到主屏幕,像原生应用一样使用响应式设计适配各种设备屏幕...
赞了文章2023-05-29
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍,并且 API 可以在线运行预览。Clipboard API(剪切板)Fullscreen API(进入/退出全...
发布了文章2023-01-16
APP内软键盘遮挡输入框解决方案:1、IOS无法弹起表现偶发,整体效果可接受;2、Android上分X5内核和原生内核分别处理,但在收起键盘时未展开,表现为键盘弹起状态,故需要重新设置样式;3、X5内核监听resize事件,重新设置样式触发页面绘制;4、原生内核只触发了一次...
发布了文章2023-01-16
1、下载并安装chrome浏览器,下载链接,如果已安装忽略此步;2、打开出问题的网页,并打开开发者工具3、打开recorder录制面板,并进行录制页面操作,具体步骤如下:4、录制结束后,导出录制文件,将文件提供给开发人员定位具体问题
赞了文章2022-02-11
近日,risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
发布了文章2021-12-15
即默认为所有 Cookie 加上 SameSite=Lax 属性,并且拒绝非Secure的Cookie设为 SameSite=Non;SameSite的作用就是防止跨域传送cookie,从而防止 CSRF 攻击和用户追踪,从源头屏蔽 CSRF 漏洞。
发布了文章2021-12-13
var parser = new DOMParser() var result = parser.parseFromString('<?xml version="1.0" encoding="UTF-8"?>' +
发布了文章2021-12-13
<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Demo</title> <style>
发布了文章2021-11-25
通常我们下载文件可以使用a标签的download属性,但此属性仅在同源有效,详情MDN文档,如果非同源下载图片时,浏览器会打开新的tab页展示图片,为了兼容上面两种情况,可以使用JS方法实现:
发布了文章2021-06-18
{代码...}