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

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

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

来自专栏进击的全栈订阅

渐进式React

虽然这些 React 内部实现不要求大家都理解，在小型应用中性能也不足以成为瓶颈，但性能优化本来就是量变到质变的过程，因此让我们从测量组件性能工具做起。 编写更少代码 = 传输更少代码 = 更快的网页加载 原子 CSS 原子样式的理念是定义单一作用的 class，以达到灵活组合样式的目的。 看个简单的例子： <button class="bg-blue">Click Me</button> bg-blue 定义了蓝色背景色，作用在 button 上可令其应用这条规则。 出于性能考虑，页面首次加载会被统一样式的 CSS 阻塞，看了下gzip后有10KB大小，还是看场景应用吧。 总结 像 React 这样拥有广泛开发者的开源项目，有两样事可以期待： 优化其 API，令构建应用更加容易 开源社区贡献第三方库，令构建应用更加容易 “令构建应用更加容易”可以指很多方面，让开发者做的更少

2.5K70发布于 2019-04-01

来自专栏.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

来自专栏AI应用开发实践订阅

渐进式 AI 编程

上周六腾讯内部组织了一个线下培训，叫做 渐进式 AI 编程 Workshop 今天和大家聊一聊我学到了啥。 当然，这些局限并不是说 AI 编程不适合企业项目，而是说 AI 编程目前在企业中的应用，还处于“辅助增效”的阶段，而非“完全替代”。

22610编辑于 2026-03-26

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

网页设计中栅格的应用

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

1.1K20编辑于 2022-01-18