阅文前端团队

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

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

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

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

如果你是一名 JavaScript 开发者，或者想要成为一名 JavaScript 开发者，那么你必须知道 JavaScript 程序内部的执行机制。理解执行上下文和执行栈同样有助于理解其他的 JavaScript 概念如提升机制、作用域和闭包等。 正确理解执行上下文和执行栈的…

在本文中，我们将要介绍 ECMAScript 6 中的 generator 是什么，以及关于它们的使用案例。 generators 是可以控制 iterator（迭代器）的函数。并在任何时候都可以暂停和恢复。 如果这不好理解，那让我们看一些示例，这些示例将解释 generato…

在优化应用体积之后，下一个提升应用加载时间的策略就是缓存。将资源缓存在客户端中，可以避免之后每次都重新下载。 这个方法可以告诉浏览器去下载 JS 文件，并将它缓存，之后使用的都是它的缓存副本。浏览器只会在文件名发生改变（或者一年之后缓存失效）时才会请求网络。 使用 webpac…

经历了三个多月的集中开发，阅文集团旗下二次元产品「元气阅读」APP 终于在各大应用商店上架了。「元气阅读」APP 大部分的功能模块基于 React Native 开发，整个开发过程前端团队趟了不少 React Native 的坑，同时也积累了不少实践心得，与大家一起分享。 在使…