阅文前端团队

不同的业务场景，我们一般会选择不同的方法来实现目标。最近在公司运营活动平台上的主题功能的实现 ，我们尝试了一种新的解决方案，实现了页面主题的切换，目标是为了提高项目的可维护性、可扩展性，以及降低接入复杂度。 在了解主题功能之前，我们先来解下业务场景：在运营活动后台中，编辑活动配…

在我参与开发的对话小说项目过程中，我们发现创意类的活动对拉升转化数据很有帮助。经过调研，这款对话式小说产品的用户群体大多数都是比较年轻的 90-95 后，所以最后结论是希望以目前业界年轻化 APP 流行的交互形式 —— 《滑卡片》对推书活动做一次改版，也同时希望这个页面能和产品…

Trusted Web Activities 是集成 Web 应用的新方法，你可以通过基于 Custom Tabs 的协议将 PWA 应用和 Android app 进行集成。 Trusted Web Activities 中的内容是受信任的 - APP 及其打开的网站来自同一…

在我们的 AMP 改版（关于 AMP，Webnovel 都做了些什么？）过程中，我们发现了一些新的 AMP 组件，并针对部分组件做了一些尝试。其中就包括 AMP Story。AMP Story 是 AMP 的一种新的网页展现形式。 在介绍 AMP Story 之前，大家可以先看…

AMP 是什么？它全称 Accelerated Mobile Pages 「AMP」，是 Google 推出的一个加速网页加载的开源框架，我们在此也不做太多的介绍，具体可以看我们之前发的公众号文章。阅文前端团队作为国内最早践行 AMP 的开发团队之一，我们的 AMP 实践也经历…

之前我们的文章（文章链接）也有介绍过，Webnovel （起点海外）在去年年初就将首页以及全部阅读页都接入了 Google 的 AMP 技术，并且从体验和数据上来说都取得了不错的效果。在去年年底我们又进行了一次迭代，把更多的阅读页内容也加入到了 AMP 当中。用户可以在 Goo…

曾写过一篇性能优化 “ 长篇报告 ” 「 checkbox 美化引发的蝴蝶效应 」 ，也曾感叹 CSS 对渲染的影响是如此大，也许深化记忆点的代价就是被同一块石头绊倒2次 ？是的，性能优化“报告”第二弹来了，希望本篇文章可以在优化页面性能上给大家提供一些思路。 visibili…

Webnovel（起点海外项目）在今年开始了国际化的脚步，在刚刚上线的版本当中加入了对印尼、马来西亚和菲律宾语言及内容的支持。在做国际化的过程中，我们遇到了不少问题，这篇文章就重点分享一下这些问题以及它们的解决方案。 在开始之前，我们先明确两个概念： 国际化和本地化。国际化（i…

在座诸位，请打开浏览器，新开一个标签页，打开开发者工具，切换到 network 面板 → Media 选项，然后 — 复制下面地址（天猫某活动备份地址）到地址栏，回车：http://ali-tmhly.h5.neone.com.cn/ 。此时，你会看到一个名为 video2 的…