周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T 1. 简介与使用场景 …

另外就是对于自己编写的业务代码进行分包，根据路由进行懒加载，可以较好的提高首屏加载速度。 添加了全局 loading 来提高体验。 CDN 优化是在 webpack 中实现的，主要分为环境切换，webpack 打包技巧和 html-webpack-plugin配置三个部分。 通…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

1. Mixin是什么 2. 怎么解决需求 3. 原理 2. 怎么解决需求 3. 原理

文档较长，可按需耐心反复阅读。其中带（官）的是直接引用了 Vue 官方的风格指南。针对 Vue 性能优化相关内容，单独在内容后进行了标注，可通过搜索“性能优化”四个字查找。 封装常用功能和配置，规范代码编写，保证输出的一致性，方便前端人员在此基础上快速开发新项目的业务模块。 模…

因为最近在来到了新的公司，在写新的项目，前端技术栈是vue，就打起了vue的性能优化的主意。 更改下思路，现在认为图片的优化在一个项目起到的作用是最大的，例如将一个原本有着1M或者五六百k的图片优化一下，包括但不限于使用CDN、压缩文件等。 这里的 /* webpackChun…

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

在做营销活动的时候，设计稿这边使用了"思源"的字体。为了统一整个页面的字体风格，于是就把用到的字体引进来项目，但是最后发现字体大小竟然达到了 14MB，加载时间为3.74秒，可以预想到加载时间会进一步增长。如果用户还处于弱网环境下，这个等待时间是不能接受的。 font-spid…

NutUI 是一套京东风格的移动端 Vue 组件库，生态系统覆盖面广，支持按需加载、主题定制、多语言等，功能强大。目前 40+ 京东项目正在使用，设计精美，风格统一。在开发组件库的过程中，NutUI 是如何处理组件间的层级关系的呢？今天就给大家解析 NutUI 中具有处理层级关…