- 综合排序
- 最热优先
- 最新优先
- 来自专栏chester技术分享
.NET8 Blazor新特性 流式渲染
什么是SSR Blazor中的流式渲染结合了SSR（服务端渲染），服务端将HTML拼好返回给前端，有点像我们熟知的Razor Pages 或 MVC 。 什么是流式渲染 用户常遇到长耗时的处理，比如查询数据库，通常的处理方式是等长耗时处理结束，再响应给浏览器，用户体验比较差。 而流式渲染将响应拆为多次。 体验Blazor流式渲染 Blazor中的流式渲染只需要在组件上添加指令@attribute [StreamRendering(true)]即可生成一个流式渲染组件。 我们可以根据VS中的Blazor Web APP模板创建一个Server渲染方式的项目 创建完后，其中的Weather组件，默认开启了流式渲染 @attribute [StreamRendering] 删掉后发现第二次响应已经渲染不了了。
95620编辑于 2023-11-20 - 来自专栏编程之路的专栏
（译）SDL编程入门（8）几何图形渲染
几何图形渲染 除了新的纹理API，SDL还有新的基元渲染调用作为其渲染API[1]的一部分。因此，如果你需要渲染一些基本的形状，而你又不想为它们创建额外的图形，SDL可以为你省力。 定义好矩形区域后，我们用SDL_SetRenderDrawColor设置渲染颜色。这个函数接收了我们使用的窗口的渲染器和我们要渲染的颜色的RGBA值。R是红色组件，G是绿色，B是蓝色，A是alpha。 我们渲染的最后一点几何体是使用 SDL_RenderDrawPoint[5] 渲染的一系列点。我们只是取一组点，从上到下绘制它们。再次注意y坐标和倒置的y轴。 原文链接[8] 参考资料 [1] 渲染API: https://wiki.libsdl.org/CategoryRender [2] SDL_RenderFillRect: https://wiki.libsdl.org SDL_RenderDrawPoint [7] 这里: http://www.lazyfoo.net/tutorials/SDL/08_geometry_rendering/08_geometry_rendering.zip [8]
1.9K30发布于 2020-09-27 腾讯游戏云：面向大世界游戏的云原生架构与渲染效能解决方案
典型大世界场景涉及 8KM*8KM以上 的超大地图、同屏 1万以上 玩家及 3万以上 实体总数，这对后端架构提出了极高要求。 构建云原生部署架构与渲染管线 针对上述问题，腾讯游戏云基于 TKE超级节点 提供了云原生部署架构，并结合 GenesisLod 与 MagicDawn 技术重构美术资产与光照生产管线。 量化业务指标与效能提升 通过引入上述技术方案，核心业务指标（ROI）得到显著提升： 指标维度 传统方案/行业现状 腾讯游戏云方案 提升幅度 数据库路由时延 官方版本(450W Chunk) 4500ms 典型项目落地实践 以 11km x 11km 的超大世界项目（项目C）为例，该项目面临 1.3y Triangles、53w Meshes、42w VLM Jobs 的极高渲染负载。 成果： 该项目烘焙耗时从理论上的数十小时缩短至 0.5小时（使用8个Agent），实现了超大场景的高效迭代。 5.
11910编辑于 2026-05-30- 来自专栏前端自习课
【React】1981- React 的 8 种条件渲染的方法
那么，让我们深入研究并释放 React 中条件渲染的全部潜力！ 了解 React 中的条件渲染 条件渲染是根据一定的条件选择性地渲染组件的过程。这使得开发人员能够创建更加动态和响应更快的用户界面。 它用于在组件之间共享渲染逻辑，允许您根据状态、道具或渲染prop中包含的逻辑有条件地渲染 UI 的不同部分。 React 条件渲染的最佳实践 了解各种条件渲染技术至关重要，但了解何时在 React 应用程序中使用每种技术也同样重要。 渲染道具：当您需要对渲染进行细粒度控制并希望在组件之间共享渲染逻辑时，渲染道具模式是一个不错的选择。它非常适合需要根据状态、道具或渲染道具函数中包含的复杂逻辑有条件地渲染 UI 的不同部分的场景。 条件渲染中的提示、技巧和常见陷阱 乍一看，浏览 React 中的条件渲染似乎很简单。然而，经验丰富的开发人员知道，这个过程充满了细微差别，如果被误解，可能会导致错误和低效渲染。
6.1K10编辑于 2024-03-18 - 来自专栏chester技术分享
.NET8 Blazor的Auto渲染模式的初体验
.NET8发布后，Blazor支持四种渲染方式 静态渲染，这种页面只可显示，不提供交互，可用于网页内容展示 使用Blazor Server托管的通过Server交互方式 使用WebAssembly托管的在浏览器端交互方式 BlazorApp与BlazorApp.Client 其中BlazorApp为启动项目，BlazorApp.Client为一个组件库 接着可以看看启动项目中的Program，一个明显的变化是，.NET8中的 AddAdditionalAssemblies(typeof(Counter).Assembly); 交互模式的设置可以在Blazor.App.Client项目中的Counter中看到，使用了一个指令来设置渲染方式 另外，如果想体验静态交互，可以将Counter组件中的渲染方式@rendermode InteractiveAuto去掉，即可体验静态交互的方式，静态交互的方式中点击Counter按钮，将不再有响应事件发生
1.8K40编辑于 2023-11-20 - 来自专栏研发效能EE
破局DevOps｜8大北极星指标指引研发效能方向
放弃那些动辄就上百个的研发度量指标吧，8大北极星指标指引你的研发效能方向，1个北极星指标公式让你清晰了解公司研发效能现状。 研发效能北极星指标公式图片先给出研发效能北极星指标公式，后面会详细分析、讲解这个公式的由来和用法。 本文小结本文首次提出八个研发效能北极星指标，并提出研发效能北极星指标公式，以便让你清晰了解公司的研发效能能力。 践行实事求是，让研发效能落地，让研发效能价值最大化。我的其它文章如何快速提升团队软件开发成熟度，提升研发效能？ DevOps | 研发效能价值如何衡量研发效能负责人/研发效能1号位｜DevOps负责人DevOps｜AGI : 智能时代研发效能平台新引擎（上）DevOps｜研发效能之环境、程序、配置、数据库变更管理
92400编辑于 2023-09-10 - 来自专栏研发效能EE
破局DevOps｜8大北极星指标指引研发效能方向
放弃那些动辄就上百个的研发度量指标吧，8大北极星指标指引你的研发效能方向，1个北极星指标公式让你清晰计算出你公司研发效能能力值。 研发效能北极星指标公式 先给出研发效能北极星指标公式，后面会详细分析、讲解这个公式的由来和用法。 研发效能不同阶段侧重点体现 研发效能的北极星指标主要用来反馈当前阶段与公司业务相关的核心指标，用来指导我们的团队方向和工作重点。不同阶段，研发效能北极星指标应该有不同的侧重点。 本文小结 本文首次提出八个研发效能北极星指标，并提出研发效能北极星指标公式，以便让你清晰了解公司的研发效能能力。 践行实事求是，让研发效能落地，让研发效能价值最大化。
81010编辑于 2023-09-11 - 来自专栏研发效能EE
什么是研发效能？研发效能定义及核心价值
从上图中我们可以得到研发效能主要关注点还是在产品研发这个环节，不涉及市场。 写作初衷 软件开发领域从不缺新概念。 本着「少些概念解决问题，脚踏实地躬身入局」的原则，之前写了一些关于研发效能领域实践的文章，写完之后我一般用的标签是「研发效能」「持续集成」「持续交付」「DevOps」，这样就让本来很简单的一件事复杂了很多 8、敏捷过程提倡可持续地开发。项目方、开发人员和用户应该能够保持恒久稳定的进展速度。 9、对技术的精益求精以及对设计的不断完善将提升敏捷性。 10、要做到简洁，即尽最大可能减少不必要的工作。 研发效能 定义：研发效能是一个组织高效交付产品的能力，以及围绕提高这一能力所建立起来的由规范、流程、标准、工具、度量体系、实践等组成的系统工程体系。 细品：研发效能包括规范制定、流程优化、工具建设、研发度量和实践这五个方面。后面的文章我会针对这五个方面一一阐述。 总结 研发效能是组织高效交付产品的能力及支撑其能力所建立的系统工程体系。
2.2K20编辑于 2022-10-25 - 来自专栏达达前端
列表渲染与条件渲染
file 作者 | Jeskson 来源 | 达达前端小酒馆 列表渲染与条件渲染 如何渲染数组类型和对象类型的数据 渲染数组⾥的所有数据 相同的结构是列表渲染的前提，列表等都会有⼏千上万条的数据， [ "幸咖啡", "腾：年", "总投资20亿元", "京数量同⽐增⻓163%", "腾超五千万", ], } 如何把整个列表都渲染出来呢
2.3K20发布于 2019-11-29 - 来自专栏用户6296428的专栏
效能平台建设实践
一、效能平台系统演进 1.1 系统早期 效能平台最早是为了解决整个公司在日常协作时横跨多个系统，操作成本极高的问题。 二、效能平台的定位——三大“自我修养” 长期以来，为了达成未来效能平台既是“基础设施”又是“跃迁平台”的目标，我们对效能平台总结了三大“自我修养”，也就是定位的三大关键词： 2.1 效能 效能的定义为“ 效能=效率+效果”。 所以效能（效率+效果）是促成组织OKR实现的度量标准和正确视角，而能否实现OKR也是促使大家去关注效能的内在动力，两者可谓相辅相成。 而肩负着有赞效能改进的工具性使命的效能平台，必须“闭环”。
2.4K22发布于 2020-08-24 为何提升“效能”难？
为什么推动研发效能提升很难？ 二、效能建设必要的三项配套组织条件 组织条件1 - 端到端、全局优化的效能建设组织 以上三方面（方法、工具、度量）构成了效能建设的三大核心举措，我称之为“效能建设的基础三件套：一套方法、一套工具、一套指标 三、效能建设落地的三大关键抓手 抓手1 - 持续的变革管理，跨越鸿沟 以上是效能建设的核心工作与必要的配套组织条件，但离将效能工作落地还差很远。 因此，效能建设的第一个重要抓手是“变革管理”。 前面提到的效能建设组织，需要从企业长期愿景出发，和做业务战略、技术战略一样制定效能建设的战略规划，共识形成一个个变革项目。 企业需要提供一套合理设定效能目标的规则，和适合作为效能目标的能力项和指标范围，并按需提供赋能，改进就可以在整个组织内规模化地发生，且可持续。长此以往，效能改进本身也会成为一种习惯深入人心。
13310编辑于 2026-06-19- 来自专栏大数据杂货铺
ClickHouse 提升数据效能
8.验证方法 我们的数据被加载到我们的内部数据仓库中，该仓库托管着许多具有大量资源的数据集，因此很难对运行我们的 ClickHouse 增强型 GA 解决方案的成本进行精确评估。
2.9K10编辑于 2023-12-05 - 来自专栏韩曙亮的移动开发专栏
【Android UI】Paint Gradient 渐变渲染 ① ( LinearGradient 线性渐变渲染 | 设置渲染方向 | 设置渲染颜色 | 设置渲染模式 | MIRROR )
文章目录 一、LinearGradient 线性渐变渲染 1、设置 2 个颜色的渐变 3、设置多个颜色的渐变 二、LinearGradient 线性渐变渲染重要参数分析 1、正常渲染 2、设置多个渐变颜色渲染 3、设置渲染方向 4、设置 Shader.TileMode.MIRROR 渲染模式 5、设置 Shader.TileMode.REPEAT 渲染模式 三、代码示例 1、正常渲染 2、设置多个渐变颜色渲染 3、设置渲染方向 4、设置 Shader.TileMode.MIRROR 渲染模式 5、设置 Shader.TileMode.REPEAT 渲染模式 四、效果展示 一、LinearGradient 线性渐变渲染 /android/graphics/LinearGradient LinearGradient 线性渐变渲染 使用时 , 直接使用构造函数创建即可 ; LinearGradient 提供了 4 个构造函数 ---- 1、正常渲染 正常的线性渲染 : private void initRect(int width, int height) { mRectF = new RectF(
4.8K20编辑于 2023-03-30 - 来自专栏大数据杂货铺
ClickHouse 提升数据效能
8.验证方法 我们的数据被加载到我们的内部数据仓库中，该仓库托管着许多具有大量资源的数据集，因此很难对运行我们的 ClickHouse 增强型 GA 解决方案的成本进行精确评估。
3.6K10编辑于 2023-12-05 - 来自专栏小黑娃Henry
CoreAnimation 渲染流程CoreAnimation 渲染流程
Core Animation 渲染流程 阅读时间3-5分钟 前言 依旧老规矩带着问题来阅读 CoreAnimation 的职责是什么？ 流程图 ? 来得到位图（bitmap） 但是有一个例外：drawRect:如果开发者重写了这个方法就会在CPU中将layer通过Core Graphics直接处理成bitmap,就不会在通过GPU来完成bitmap的渲染 ，这里就涉及到一个概念：离屏渲染 Prepare 图片解码和转换 Commit 将处理好的图层打包发送给Decode Decode 打包好的图层被传输到 Render Server 之后，首先会进行解码 Draw Calls 解码完成后，Core Animation 会调用下层渲染框架（比如 OpenGL 或者 Metal）的方法进行顶点着色器、图元装配、光栅化、片元着色器、混合等渲染工作，进而调用到 Render 这一阶段主要由 GPU 进行渲染。 Display 显示阶段，需要等 render 结束的下一个 RunLoop 触发显示。 更多和渲染有关的可以查看： iOS 渲染原理解析
2.2K10发布于 2021-08-09 - 来自专栏大数据杂货铺
ClickHouse 提升数据效能
8.验证方法 我们的数据被加载到我们的内部数据仓库中，该仓库托管着许多具有大量资源的数据集，因此很难对运行我们的 ClickHouse 增强型 GA 解决方案的成本进行精确评估。
3.2K10编辑于 2023-12-05 - 来自专栏大宝的杂货店
研发效能实践浅谈
对于大量小而美的互联网软件项目，当版本需求被确认之后，比拼的就是研发能力，具体来讲就是从需求转化成软件或者服务的能力，这其中研发效能的高低对于理平台这里首先明确两个关键词的含义：CI: 持续集成，开发提交代码后
49240编辑于 2023-05-12 - 来自专栏CoderStar
iOS 页面渲染 - 离屏渲染
上周介绍了一下iOS 页面渲染-UIView & CALayer，本周我们来聊一聊 iOS 页面渲染中的高频面试题--离屏渲染。 离屏渲染概念 先简单说下 iOS 页面渲染的正常流程。 一旦需要离屏渲染的内容过多，很容易造成掉帧的问题。所以大部分情况下，我们都应该尽量避免离屏渲染。 离屏渲染存在的原因 既然离屏渲染对性能有损伤，那为什么还要使用离屏渲染呢？ 离屏渲染标记 通过我们上面离屏渲染发生的原因，其实我们可以很简单的归纳出离屏渲染出现的场景。 只要裁剪的内容需要画家算法未完成之前的内容参与就会触发离屏渲染。 参考链接 iOS Rendering 渲染全解析（长文干货）[2] 关于 iOS 离屏渲染的深入研究[3] iOS 界面渲染与优化(四) - 离屏渲染与优化总结[4] iOS 圆角的离屏渲染，你真的弄明白了吗
2.7K30编辑于 2022-08-24 - 来自专栏全栈程序员必看
图形渲染管线简介_渲染流水线和渲染管线
大家好，又见面了，我是你们的朋友全栈君 The Graphics Rendering Pipeline 渲染管线，这章主要讲光栅化渲染管线。 毕业前实习时，也实现过一个简单的软光栅化渲染管线，再复习一下。 图形渲染管线的主要功能是根据给定的虚拟相机、三维物体和光源等，生成(或渲染)一个二维图像。 2.1 架构 一条渲染管线由几个阶段(stages)组成，每个阶段完成一个大的任务。 通常对于每个像素，stencil buffer包含8个位(bits)。 总结 这里讲的渲染管线是数十年来面向实时渲染应用程序的API和图形硬件发展演变的结果。需要注意的是它不是唯一的渲染管线。离线渲染(offline rendering)管线有不同的发展路径。
2.1K40编辑于 2022-09-21 - 来自专栏零域Blog
Vue 服务端渲染 or 预渲染
js 渲染页面不同。 为什么使用服务端渲染 更好的 SEO 更快的内容到达时间 服务端渲染 or 预渲染 就像官网所说的，如果你调研服务器端渲染(SSR)只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染，一个典型的预渲染使用场景可能类似这个网站。 区别 服务端渲染和预渲染的使用场景还是有较明显的区别的。预渲染的使用场景更多是我们所说的静态页面的形式，比如说这个网站。 如何使用预渲染 预渲染的核心是使用 prerender-spa-plugin，如何使用它呢？
2.2K20编辑于 2022-03-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号