前端
10篇文章 · 0订阅
  • 高并发场景下，为什么大厂都选择SSE而不是WebSocket？
    引言：一次推送技术引发的“血案” 某日深夜，某电商平台的服务器突然宕机。 事故原因：每秒100万用户通过WebSocket请求抢购茅台，服务器因频繁握手耗尽CPU资源。 解决方案：技术团队将协议切换为
    后端 前端
    高并发场景下，为什么大厂都选择SSE而不是WebSocket？
  • React 官方推荐使用 Vite
    Hello，大家好，我是 三千。 React 官方已明确建议开发者逐步淘汰 Create React App (CRA) ，转而使用 Vite 等现代框架或工具来创建新项目。 那官方为什么要这样做呢？
    前端 React.js Vite
    React 官方推荐使用 Vite
  • threejs自动巡游
    自动巡游-有个需求是模拟保安巡检以及类似观光沿着轨道自动巡游，通过解析拆分。可以通过一系列的点连接成线，并将相机或保安模型沿着线进行运动，并调整其角度沿着切线方向保持~
    three.js
    threejs自动巡游
  • 前端内存优化的探索与实践
    持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第25天，点击查看活动详情 前端内存优化的探索与实践 引 言 标注是地图最基本的元素之一，标明了地图每个位置或线路的名称。在地图 J
    前端 JavaScript
    前端内存优化的探索与实践
  • Chrome Devtools — Performance
    Performance 一个在前端开发领域中，无法被忽视的存在。使用Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。本文将详细介绍如何使用performance面板解决性能瓶颈。 【4.1】FPS: 全称 Frames Per S…
    Chrome
  • Chrome DevTools Performance 功能详解
    本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。
    性能优化
  • Chrome DevTools - 性能监控
    当然，你可以使用时间轴来记录，但是在大多数情况下，时间轴只记录数据，并不是实时更新的。在这点还有其他的性能测量技巧，Chrome DevTools 添加了 “Performance Monitor（性能监控）” 选项卡，可以体现实时性能： 这里有很多不同的性能选项，大部分都是非…
    前端 掘金翻译计划 Chrome
    Chrome DevTools - 性能监控
  • 实现一个GPU压缩纹理的GLTF扩展
    很早之前就听公司的WebGL同时调研过GPU压缩纹理，我之前也做过一些调研，发现有basis_universal工具可以实现快速的uastc、etc1s快速transcode到对应平台所支持的压
    WebGL
  • WebGL/OpenGL ES texture贴图纹理压缩
    http://www.jiazhengblog.com/blog/2017/02/16/3076/ 浏览器从服务端加载这样一张图片时，其格式通常为JPEG，文件尺寸只有166KB WebGL中texI
    WebGL
  • 前端开发规范：命名规范、html规范、css规范、js规范
    本文首发于我的个人网站：http://cherryblog.site/ （背景更换了不知道大家有没有发现呢，嘻嘻） 一个好的程序员肯定是要能书写可维护的代码，而不是一次性的代码，怎么能让团队当中其他人甚至一段时间时候你再看你某个时候写的代码也能看懂呢，这就需要规范你的代码了。 …
    JavaScript CSS HTML
    前端开发规范：命名规范、html规范、css规范、js规范