- 综合排序
- 最热优先
- 最新优先
- 来自专栏点量云流化
干货：实时渲染和离线渲染的区别？实时云渲染又是什么？
常见的渲染类型有以下几种：实时渲染、离线渲染、实时云渲染、混合渲染。那么什么是实时渲染？实时渲染和离线渲染有哪些区别？各自有哪些典型应用场景......有没有人感觉知道了，但又没完全知道？ 今天小编就尽量为大家用简单易懂的方式先解释下实时渲染、离线渲染、实时云渲染这3个概念。离线渲染离线渲染，简单理解就是不需要实时看到渲染的场景。主要应用的领域有建筑视觉、动画、影视、广告片等。 图片离线渲染后的基本是已经完成了渲染的成品作品，大部分CG动画（Computer Graphics）是通过离线渲染最终呈现的，因为动画往往是画面精细的，光影效果是接近真实的。 实时云渲染是在5G网络、云计算、引擎等技术迅猛发展的基础上，为了解决终端算力不足、画质差等问题，能够实现硬件性能较差的终端也可以实时渲染3D内容，做到延迟低、画质高的效果。 5. 兼容性强，适用于各类内容及终端支持网页/客户端模式发布；支持各式网络（如互联网/局域网/专网/4G/5G等）。
2.9K30编辑于 2023-02-10 - 来自专栏前端开发随记
HTML5离线存储原理
前言 使用HTML5，通过创建cache manifest文件，可轻松创建web应用的离线版本；HTML5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有网络时进行访问。 应用程序缓存为应用带来三个优势 离线浏览—用户可在离线时使用 速度—已经缓存的资源加载的更快 减少服务器负载—浏览器将只从服务器下载更改过的资源 原理和环境 如上面提到的HTML5的离线存储是基于一个新建的 .appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。 之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 就像cookie一样，html5的离线存储也需要服务器环境。 目录中的所有文件： ALLBACK：/html5/ /404.html 第一个 URI 是资源，第二个是替补。
3.8K50编辑于 2022-12-15 - 来自专栏前端大白专栏
HTML5离线缓存技术
原理和环境 如上面提到的HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。 之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 就像cookie一样，html5的离线存储也需要服务器环境。 DOCTYPE html> <html lang="en" manifest="demo.appcache"> <head> <meta charset="UTF-8"> <title>HTML5离线存储 好在html5给javascript提供了相关的API。 注意事项 站点离线存储的容量限制是5M 如果manifest文件，或者内部列举的某一个文件不能正常下载，整个更新过程将视为失败，浏览器继续全部使用老的缓存 引用manifest的html必须与manifest
4.4K70发布于 2018-06-15 - 来自专栏Micro_awake web
Vue学习5：条件渲染
DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue6</title> --vue会尽可能高速的渲染元素，通常是复用已有元素--> 20 <! --这样每次切换时，输入框都会被重新渲染--> 35 <template v-if="loginType==='username' "> 36 <label for="um1"> 这里再补充两点： 1.html中的<template>元素是一种保存客户端内容的机制，该内容在页面加载时不被渲染，但是运行时可以使用js实例化。 2.v-if与v-show的区别： v-show只是简单的切换css属性display,元素始终被渲染被保存在DOM中； v-show的切换开销相比v-if小，但是初始渲染开销比v-if大； 因此频繁切换
85130发布于 2018-05-28 - 来自专栏Micro_awake web
Vue学习5：条件渲染
DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue6</title> --vue会尽可能高速的渲染元素，通常是复用已有元素--> 20 <! --这样每次切换时，输入框都会被重新渲染--> 35 <template v-if="loginType==='username' "> 36 <label for="um1"> 这里再补充两点： 1.html中的<template>元素是一种保存客户端内容的机制，该内容在页面加载时不被渲染，但是运行时可以使用js实例化。 2.v-if与v-show的区别： v-show只是简单的切换css属性display,元素始终被渲染被保存在DOM中； v-show的切换开销相比v-if小，但是初始渲染开销比v-if大； 因此频繁切换
63600发布于 2018-07-31 - 来自专栏IMWeb前端团队
HTML5离线存储——manifest简介
本文作者：IMWeb json 原文出处：IMWeb社区 未经同意，禁止转载 离线存储的作用 1、用户可离线访问应用，这对于无法随时保持联网状态的移动终端用户来说尤其重要 2、用户访问本地的缓存文件 html 1、 CACHE MANIFEST 写在manifest文件开头 2、#号开头的是注释，一般会在第二行写个版本号，用来在缓存的文件更新时，更改manifest的作用，可以是版本号，时间戳或者md5码等等 5、FALLBACK可选，指定了一个后备页面，当资源无法访问时，浏览器会使用该页面。 更新缓存 ? 那么就会重新下载文件中的资源并进行离线存储。 离线的情况下，浏览器就直接使用离线存储的资源。
2.9K20发布于 2019-12-04 - 来自专栏IMWeb前端团队
HTML5离线存储——manifest简介
离线存储的作用 1、用户可离线访问应用，这对于无法随时保持联网状态的移动终端用户来说尤其重要 2、用户访问本地的缓存文件，通常意味着更快的访问速度 3、仅仅加载被修改过的资源，避免同一资源对服务器多次的请求 html 1、 CACHE MANIFEST 写在manifest文件开头 2、#号开头的是注释，一般会在第二行写个版本号，用来在缓存的文件更新时，更改manifest的作用，可以是版本号，时间戳或者md5码等等 5、FALLBACK可选，指定了一个后备页面，当资源无法访问时，浏览器会使用该页面。 更新缓存 ? 那么就会重新下载文件中的资源并进行离线存储。 离线的情况下，浏览器就直接使用离线存储的资源。
4.5K50发布于 2017-12-29 - 来自专栏前端博客
html5离线缓存manifest详解
随着Web App的发展，越来越多的移动端App使用HTML5的方式来开发，除了一些HybridApp以外，其他一部分Web App还是通过浏览器来访问的，通过浏览器访问就需要联网发送请求，这样就使得用户在离线的状态下无法使用 App，同时Web App中一部分资源并不是经常改变，并不需要每次都向服务器发出请求，出于这些原因，HTML5提出的一个新的特性：离线存储。 HTML5引入了应用程序缓存（Application Cache），通过创建manifest文件可以轻松地创建Web应用的离线版本，使Web应用可以在没有网络的时候任然可以访问。 v=1.5.2 NETWORK: views/login.html对于HTML5中离线存储对象window.applicationCache有几个事件需要我们关注下：oncached:当离线资源存储完成之后触发这个事件 /en-US/docs/Web/HTML/Using_the_application_cachehttp://diveintohtml5.info/offline.html转载本站文章《html5离线缓存
2.9K31编辑于 2023-05-07 - 来自专栏ascii0x03的安全笔记
HTML5离线缓存攻击测试
正常访问页面如下图所示，在离线时也能够正常刷新出来。 ? 攻击者由安装有XAMPP服务器的桥接虚拟机表示，IP为192.168.1.154。 通过Wireshark抓包可以看到，浏览器仅仅请求了demo_html.appcache，离线缓存攻击成功。注意在实验时需要排除浏览器本身缓存的影响，仅仅刷新页面会收到服务器返回的304响应。 由于时间有限，并没有用爬虫去找使用了HTML5离线缓存的网站，仅仅做了这种攻击的验证实验，若有大家可以推荐几个来测试。 主页htm： <! p id="timePara"><button onclick="getDateTime()">提交</button>
这是攻击者的页面，点击出现hacked
在离线的状态下重新载入这个页面
2.1K90发布于 2018-04-12 - 来自专栏王二麻子IT技术交流园地
H5的离线缓存技术
离线存储可以将站点的一些文件存储在本地，它是浏览器自己的一种机制，将需要的文件缓存下来在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件在有网络的时候，浏览器也会优先使用已离线存储的文件 HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源；把需要离线存储在本地的文件列在一个manifest配置文件中。 下面的例子中，如果无法建立因特网连接，则用 "404.html" 替代 /html5/ 目录中的所有文件。 FALLBACK: /html5/ /404.html 下面的例子中，当任何页面无法访问时跳转到 "404.html"页。 html5中引入了js操作离线缓存的方法，可以通过js代码手动更新本地缓存。
1.2K20编辑于 2023-07-18 - 来自专栏全栈程序员必看
pyqt5安装配置_离线安装pyqt5
-force-reinstall pip 2、安装sip： pip install sip -i https://pypi.tuna.tsinghua.edu.cn/simple 3、安装pyqt5： pip install pyqt5 -i https://pypi.tuna.tsinghua.edu.cn/simple 4、安装pyqt-tools： pip install pyqt5-tools
1.9K20编辑于 2022-11-01 SpringBoot离线应用的5种实现方式
在当今高度依赖网络的环境中，离线应用的价值日益凸显。无论是在网络不稳定的区域运行的现场系统，还是需要在断网环境下使用的企业内部应用，具备离线工作能力已成为许多应用的必备特性。 本文将介绍基于SpringBoot实现离线应用的5种不同方式。 一、离线应用的概念与挑战离线应用（Offline Application）是指能够在网络连接不可用的情况下，仍然能够正常运行并提供核心功能的应用程序。 这类应用通常具备以下特点：本地数据存储：能够在本地存储和读取数据操作缓存：能够缓存用户操作，待网络恢复后同步资源本地化：应用资源（如静态资源、配置等）可以在本地访问状态管理：维护应用状态，处理在线/离线切换实现离线应用面临的主要挑战包括 二、嵌入式数据库实现离线数据存储原理介绍嵌入式数据库直接集成在应用程序中，无需外部数据库服务器，非常适合离线应用场景。
24800编辑于 2025-07-24- 来自专栏ascii0x03的安全笔记
HTML5离线缓存攻击测试（二）
经过昨天的测试，发现使用离线缓存的网站会被攻击。但是，不使用离线缓存的网站就真的不会受到这样的攻击么？ （很郁闷相同的操作为啥有时候结果不一样，不过大部分还是造成了离线缓存攻击的效果。） 再次请求时抓包如下图，发现请求appcache文件后，尽管百度返回了302的错误页，但是浏览器没有跳转，仍然保持了离线缓存的页面，实现了缓存中毒的效果。 由于支付宝是HTTPS，而小白我还不会搭建HTTPS……所以只用HTTP做了离线缓存攻击，当出现下面这页面时我惊呆了…安全软件在逗我么… 当回到正常环境时，用http访问支付宝页面会自动被302重定向到 不知道使用https进行离线缓存攻击会不会成功。 ? 除了百度和支付宝，还用网易的126.com做了实验。
2.3K60发布于 2018-04-12 - 来自专栏踏浪的文章
HTML5多线程与离线存储
// do something } 2.多线程处理页面 self.onmessage = function(e){ // 前端页面传过来的数据 console.log(e.data) } 离线存储 使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。 HTML5引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势： 离线浏览 – 用户可在应用离线时使用它们 速度 – 已缓存资源加载得更快 减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。 5M 如果manifest文件，或者内部列举的某一个文件不能正常下载，整个更新过程将视为失败，浏览器继续全部使用老的缓存 引用manifest的html必须与manifest文件同源，在同一个域下 在manifest
2.7K40发布于 2019-07-31 - 来自专栏北亚数据恢复中心
存储RAID5硬盘离线恢复教程
本次小编分享的案例是HP P2000的存储vmware exsi虚拟化平台，由RAID-5由10块lT硬盘组成，其中6号盘是热备盘，由于故障导致RAID-5磁盘阵列的两块盘掉线，表现为两块硬盘亮黄灯。 之前已经判断出9号盘是第一块盘了，把9号盘放在第一个位置，接着就可以判断走向了，结果如图5所示(drive9是第4块盘)。确定RAID-5为左走向，盘序为9，2，3，4，10，1，7，8，5。 图片5.png 图5 前面内容初步确定了LUN的起始扇区是172032扇区。用WinHex跳到172032扇区，观察各硬盘实际情况。 如果172032扇区是LUN的起始扇区，那么这个扇区所属条带中的5号盘应该是校验区，但是此条带中却显示8号盘是检验区，根据本案例RAID-5的左走向，5号盘的校验区应该在172032-1024=171008 跳转到171008扇区，发现校验区为5号盘。因此可以确定LUN的起始扇区为171008扇区。 【重组RAID-5】 使用专业恢复工具按照确定的盘序组好，添加进去，如图6所示。
3.7K00发布于 2021-03-12 - 来自专栏随心分享
Workbox5+Webpack4构建离线应用
离线缓存优化 将应用中的静态资源缓存是目前最主流的性能优化方法，甚至能让应用秒开！ 目前常见的缓存方式有http缓存、memory cache、disk cahce、localstorage、Service worker缓存等方式，本文介绍的Workbox就是实现Service worker离线缓存的一个工具 那么问题来了，Service worker离线缓存和传统的缓存方式对比，有什么优势和劣势呢，service worker之所以越来越流行，是因为它让前端缓存脱离了服务端，不需要服务端再额外做些什么，前端工程师自己就可以实现缓存 第四步：处理Service Worker的更新和离线状态 更新状态 配置完成后，我们需要注意service worker的更新和离线状态，service worker的更新较为复杂，如果处理不当回引发各种问题 对于离线状态的监听比较简单，在入口文件中添加以下代码即可： window.addEventListener('sw.offline', () => { message.warning("当前处于离线状态
1.8K10编辑于 2022-11-19 - 来自专栏业余草
Html5 Web的5中离线存储方式之localStorage
Html5 Web的5中离线存储方式之localStorage 在HTML5越来越流行的今天，如果你还不知道离线存储，那就说明你落后了很多。 HTML5的离线存储方式有多种：Web SQL Database、LocalStorage、Cookie、WebStorage、IndexedDB、FileSystem。 charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>HTML5中
1.9K40发布于 2019-01-21 - 来自专栏Web 开发
Html5之离线Web应用程序
Html5一大新特性、同时也是非常吸引人的特性，就是其离线功能。它让Web从online延伸到了offline领域。 appcache; 网上Apache的修改方式一大堆，我给来个nginx的，环境是Ubuntu 12.04 一些注意事项 上述三步之后，你就可以给你的应用添加离线功能 2、使用Location.reload()来手动刷新页面 旧方案（不推荐）： function init(){ seInterval(function(){ //每5秒检查一次缓存是否有更新 location.reload();//手动刷新页面 } }); } 每5s检查一次，并询问用户时候刷新页面，刷新页面后，新的本地缓存被显示出来。 Nothing new to server. } }, false); }, false); 资料来源：http://www.html5rocks.com/zh/tutorials/appcache
88500发布于 2018-08-08 - 来自专栏娜姐聊前端
HTML5简明教程（五）离线应用
HTML5支持离线功能，当网络不可用时，网页还能够正常访问，部分功能还将继续使用。实现离线应用，最重要的是缓存资源，因此，离线应用核心需要定义一份描述文件，指定需要缓存的具体资源。 创建离线应用的三个步骤如下： 1. 创建描述文件 描述文件是一个以.manifest或.appcache为后缀的文本文件，其列出了所有需要缓存的内容。 # styles & scripts script.js style.css # images images/bg.png # FALLBACK指定后备资源 # 在线状态使用page.html，离线状态使用
94210发布于 2021-01-14 - 来自专栏前端布道
HTML5离线应用与客户端存储
支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。 HTML5 及其相关的 API让开发离线应用成为现实。 离线检测 要知道设备是否在线还是离线，HTML5 定义了一个 navigator.onLine 属性，这个属性值为 true 表示设备能上网，值为 false 表示设备离线。 应用缓存 HTML5 的应用缓存（application cache），或者简称为 appcache，是专门为开发离线 Web 应用而设计的。Appcache 就是从浏览器的缓存中分出来的一块缓存区。 Firefox 大小上限为 50M，移动端的 Firefox 大小上限为 5M，不允许本地文件访问。 Chrome 大小上限为 5M，允许本地文件访问。
4.5K10发布于 2018-07-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号