最近在做一个基于mobile app的漫画的项目，面向印尼市场。 上线后，基本测试没有问题，打开也挺顺畅。但是google analytics却反馈加载平均19s！ OMG～～于是开展了一系列的探索。。 首先说说技术栈，用的是create-react-app,redux,rea…

最近在做一些h5活动的需求，发现用到转盘的机会很大。 额，因为gif压缩了，所以画质有点。。。呵呵，没关系的 传入一个奖品数组. 能够在点击转的按钮时候做一些判断是否可以开转. 开转后有一个回调，用于请求奖品返回. 转动结束/中奖回调. 转动按钮，背景图可配置. 这里主要是两张…

Puppeteer(中文翻译”木偶”) 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具，它是一个 Node 库，提供了一个高级的 API 来控制 DevTools协议上的无头版 Chrome 。也可以配置为使用完整（非无头）的 Chrom…

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

2019年2月6号，React 发布 16.8.0 版本，新增 Hooks 特性。随即，Vue 在 2019 的各大 JSConf 中也宣告了 Vue3.0 最重要的 RFC，即 Function-based API。Vue3.0 将抛弃之前的 Class API 的提案，选择…

在A页面中使用一段代码用于检测当前用户是否已经登录，如果登录，请求API获取数据；如果未登录，则会转向登录界面。 Safari浏览器中：当进入A页面后，未登录，跳转到B，登录后，跳转回A，此时在A界面点击注销，会跳转到C界面。此时，如果在手动点击浏览器上的后退按钮，发现我们上面…

目前 Vue、 React 在前端界混的风生水起，它们的开发思想使得我们能真正做到前后端分离、解耦。单页面的使用给用户带来了更好体验。不过对于 Vue 和 React 这种框架来说， HTMLinJS 的思路在首屏加载慢、白屏以及 SEO 等问题就日益突出了。 不仅需要拼框架的…

现在的前端框架， React、Vue、Angular 三大巨头已经占据了主导地位，市面上大多数前端应用也都是基于这三个框架或库完成，这三个框架有一个共同的特点，都是 JS 驱动，在 JS 代码解析完成之前，页面不会展示任何内容，也就是所谓的白屏。 用户是极其不喜欢看到白屏的，什…

1. 安装flexible 5. 引入 lib-flexible，在项目入口文件 index.js 里 引入 lib-flexible