Decorative image frame
ocean

梦翼坊

给梦想一双翅膀

梦翼坊

给你的 npm 提提速 — 优化国内 npm 下载速度

在国内大环境的背景下,一些外国网站的访问速度经常会遇到加载慢的情况。这对于前端开发人员而言,最难接受的就是 npm 包下载过慢的问题。你想想呐,一个程序员很开心的写着代码,喝着快乐水,却在下载 npm 依赖时频繁遭遇 Network ErrorNetwork Timeout。你那时还有心情写代码么?为了解决广大同僚的工作问题,我有一法可解。

阅读全文...

优化 vue 项目包大小,提升首屏加载速度

在前端性能优化中有一个很重要的概念-白屏时间。所谓白屏时间,即用户点击一个链接或打开浏览器输入URL地址后,从屏幕空白到显示第一个画面的时间。白屏时间的长短将直接影响用户对网站的第一印象。白屏时间过长还会导致用户流失,降低页面的留存率。

公司的 To C 项目目前采用 vue 开发,使用 vue-cli 构建的项目已经做了不少性能优化,但随着项目的迭代,依然避免不了项目白屏时间过长的问题。为了缩短首页白屏时间,我开始尝试首屏分包加载实验,以下是我的首屏加载优化心得,希望对你有所帮助。

阅读全文...

使用代理映射解决微信页面调试难题

在开发微信页面过程中,有些人可能会遇到跟我相同的麻烦——如何快速调试页面。在微信页面中获取数据(比如,用户昵称和头像)都需要走微信的授权流程。在微信授权之后你可以拿到一个 code,用这个 code 你可以经由后端获取到用户数据。但微信 code 的使用是存在限制的,比如每个 code 只能使用一次,微信 code 获取的域名有白名单限制等。这篇文章介绍了一种在不调整后端逻辑的情况下,解决获取微信 code 过程中的域名白名单验证的问题。

阅读全文...

Electron 学习笔记 - 使用 Bridge 通信模式解耦 Electron 逻辑

虽然官方允许你直接在前端业务代码中直接使用 Electron 甚至直接引用 Node.js 依赖,但这种方式却对业务无意间侵入了前端业务代码。当项目加载远端业务页面以及业务代码由其他项目打包工具生成的情况下,你可能无法对前端业务代码做修改。如果引入 Native 与 HTML 页面的 Bridge 通信模式,这两类问题将迎刃而解。

阅读全文...