LemonYomi

Hybrid 开发中，web 页面往往会跟 native 进行交互，而 JSBridge 就是 web 页面和 native 进行通信的桥梁，通过 JSBridge 可以实...

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性...

如何通过和 APP 的配合大幅提升 H5 页面的首屏加载速度，如何构建一套秒开系统，让 H5 拥有类似小程序的性能体验。通过接口预请求让APP打开H5的同时并行请求数据，消...

TypeScript 简单易懂的 keyof typeof 分析，字面量类型（literal types）...

浏览器有一个重要的同源策略，源=协议+主机+端口 大部分的跨域问题，都是通过代理解决的 要实现JSONP，需要浏览器和服务器配合 CORS：如果浏览器要跨域访问服务器资源，...

前言 前端处理 “大” 一直是一个痛点和难点，比如大文件、大数据量。虽然浏览器硬件有限，但是聪明的工程师总是能够最大化利用浏览器的能力和特性，优雅的解决一个个极端问题，满足...

之前在 为什么有人说 vite 快，有人却说 vite 慢？ 一文中，我们有提到开发模式下使用 Vite 会有首屏和懒加载性能下降的负面效果，并且在文章的结尾提到了可以通过...

现在 react 18 已经进入了快速迭代期，相信再过不久就会出稳定版本，到时我们就可以使用稳定版本提供的新特性 - Concurrent 模式了......

题目描述：介绍下Set、Map、WeakSet和WeakMap的区别？解题：思路一：Set和Map主要的应用场景在于数据重组和数据储存Set是一种叫做集合的数据结构，Map...

本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。...

简单的脚手架入门，使用场景比较有限，一般只能是下载个固定模板，如果想要多点功能的话，只能直接改模板，这种体验是非常不好的。想要改善这种体验就需要插件机制。...

本文是脚手架搭建的一个入门，这个脚手架只拥有最简单的功能，而下一篇脚手架的搭建将会是复杂版的，拥有者插件机制，能通过配置插件动态生成项目。...

由于本次开发项目需要嵌入之前的老项目，由于考虑到iframe速度慢、css/js需要额外请求、阻塞页面加载、浏览器前进/后退等缺点，遂打算踩坑qiankun，为了更早的爬坑...

qiankun微前端子应用热更新失效问题 主应用是vue，使用vue-cli构建，子应用是react，使用create-react-app构建。本地开发中主应用和子应用一起...

最近因为两个后端系统要复用相同的功能模块，为了不直接复制代码，避免代码迁移的烦琐以及后期维护巨大的工作量，对两个系统进行了微前端的改造，也为后面vue2升级vue3，融合r...

大家好，我是泽南Zn👨‍🎓。在之前的一篇文章写到， 前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢...

相信大家也知道 qiankun 有 SnapshotSandbox, LegacySandbox 和 ProxySandbox 这些沙箱，而它们又可以分为单例和多例两种模式...

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script ...