使用concent，渐进式的重构你的react应用吧

本文从普通的react写法开始，当你一个收到一个需求后，脑海里有了组件大致的接口定义，然后丝滑般的接入到concent世界里，感受渐进式的快感以及全新api的独有魅力吧！ 这是一个非常普通的需求，我相信不少码神看完后，脑海里已经把代码雏形大致写完了吧，嘿嘿，但是还请耐性看完本篇文章，来看看在concent的加持下，你的react应用将如何变得更加灵活与美妙，正如我们的slogan button>

<ColumnConfModal /> ); } } 结语 以上代码在任何一个阶段都是有效的，想要了解渐进式重构的在线 demo可以点这里，更多在线示例列表点这里 由于本篇主题主要是介绍渐进式重构组件，所以其他特性诸如sync、computed$watch、高性能杀手锏renderKey等等内容就不在这里展开讲解了，留到下一篇文章

来自专栏.NET开发那点事订阅

ASP.NET Core Blazor Webassembly 之 渐进式应用(PWA)

Blazor支持渐进式应用开发也就是PWA。使用PWA模式可以使得web应用有原生应用般的体验。 什么是PWA PWA应用是指那些使用指定技术和标准模式来开发的web应用，这将同时赋予它们web应用和原生应用的特性。 例如，web应用更加易于发现——相比于安装应用，访问一个网站显然更加容易和迅速，并且你可以通过一个链接来分享web应用。 你可以通过安装应用使得它在离线的状态下也可以运行，并且相较于使用浏览器访问，用户也更喜欢通过点击主页上的图标来访问它们喜爱的应用。 PWA赋予了我们创建同时拥有以上两种优势的应用的能力。 渐进式增强和响应式设计已经可以让我们构建对移动端友好的网站。在多年以前的Firefox OS的生态系统中离线运行和安装web应用已经成为了可能。

1.6K20发布于 2020-06-29

来自专栏梦魇小栈订阅

将你的博客升级为 PWA 渐进式Web离线应用

什么是 PWA PWA 全称 Progressive Web Apps(渐进式 Web 应用程序)，旨在使用现有的 Web 技术提供用户更优的使用体验。 icons/icon_512.png", "sizes": "512x512", "type": "image/png" } ] } manifest 属性 name — 网页显示给用户的完整名称 ; short_name — 这是为了在没有足够空间显示 Web 应用程序的全名时使用; description — 关于网站的详细描述; start_url — 网页的初始相对 URL 比如 /） display — 应用程序的首选显示模式; fullscreen - 全屏显示; standalone - 应用程序将看起来像一个独立的应用程序; minimal-ui - 应用程序将看起来像一个独立的应用程序，但会有浏览器地址栏 ; browser - 该应用程序在传统的浏览器标签或新窗口中打开. orientation — 应用程序的首选显示方向; any natural landscape landscape-primary

1K10发布于 2020-01-21

来自专栏ThoughtWorks订阅

10Hours 网页应用

其中讲到了不少移动端Web开发的Best Practices，正好就用到了10K Hours这个应用上。 其中我觉得非常有用但是又让人头痛的一个功能就是AppCache：它可以让用户在访问一次网页以后，下次再来时不能访问网络的情况下，也可以使用这个Web App；但是当页面资源被缓存以后，非常难去更新它们⋯ updateready：当新的缓存文件下载完成后触发，可以利用swapCache()来应用新的文件。 其中最重要的就是updateready这个事件，我们可以利用JavaScript绑定这个事件，在缓存更新的时候自动刷新来应用这些更新，例如： // Check if a new cache is available

82890发布于 2018-04-18

来自专栏公共互联网反网络钓鱼（APCN）订阅

基于渐进式网页应用的钓鱼攻击机理与防御研究——针对18亿Gmail用户新型诈骗案的分析

摘要随着移动互联网技术的演进，网络钓鱼攻击正从传统的静态网页伪造向动态化、应用化的方向转变。 2026年3月曝光的针对全球18亿Gmail用户的新型钓鱼活动，标志着攻击者开始利用渐进式网页应用（Progressive Web Application, PWA）技术构建高隐蔽性的恶意环境。 近年来，随着谷歌等科技巨头大力推广渐进式网页应用（PWA），Web应用获得了接近原生应用（Native App）的用户体验和系统权限。然而，这一技术红利也被网络犯罪团伙所觊觎。 攻击载体与技术实现机理2.1 渐进式网页应用（PWA）的滥用机制渐进式网页应用（PWA）是一种使用现代Web标准（如Service Workers, Web App Manifests）构建的网页应用， 其次，在联系人和位置数据方面，现代浏览器允许网页应用通过Geolocation API和Contacts Picker API（需用户授权）访问这些数据。

38210编辑于 2026-03-21

来自专栏无原型不设计订阅

网页设计中栅格的应用

自由发挥，打破规则，找点乐子，如果你很幸运的话，说不定还会找到一套全新的网页设计准则！ 黄金分割（神圣比例）？ 如果你需要设计一个内容非常丰富并且需要存放大量信息的网页，六列栅格是个明智的起点。 但由于它是个更有难度的网格，我不建议在第一个项目就开始使用它。 组合 设计中，你还可以考虑合并使用不同的栅格。

1.1K20编辑于 2022-01-18

来自专栏大数据钻研订阅

编写高性能HTML网页应用

你怎么能提高网页性能？ 　　大多数开发者会通过JavaScript和图片来优化，通过服务器配置，压缩文件和合并文件 - 甚至调整CSS（合并小图片）。 　　 减少的HTML复杂性和一个页面的元素数量并不会明显提高解析时间 - 但HTML是构建极速网页，和适应不同设备并影响成功的一个关键性的因素。 ? 　　 JavaScript来响应用户行为。 　　使用HTML，必要时借助CSS，并且在不得己时再添加JavaScript。 var fooButton = document.querySelector('#foo'); fooButton.onclick = handleFoo(); 　合法的HTML 　　Web网页成功的一个主要因素就是浏览器可以处理无效的 出于性能考虑，CSS可以在BUILD时内嵌到你的网页中。 　　避免ID出现重复。 　　如果你想对多个元素应用某个样式，那么请使用class，在父级元素上使用class比在子级上好： <!

2.5K40发布于 2018-04-18