为了解决 vue 项目的 seo 问题，最近研究了下服务端渲染，所以就有了本文的记录。 项目的主要目录结构如上所示，其中 package.json 请查看项目。关于为什么要使用状态管理库 Vuex，官网有明确的解释。后文有例子帮助进一步理解。 接下来我们暂时不管服务端渲染的事情…

如果大家听说过“微服务（Microservices）”的概念的话就不难理解“微前端（Micro Frontends）”。和后端应用类似，当一个前端应用变得异常庞大以后，它会变得难以维护，同时也会变得不稳定。将大的应用拆分为小的应用能够让每个专业团队专心负责自己的功能，更易于测试…

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

在应用Vue框架去开发业务时，会将页面上每个独立的可视/可交互区域拆分为一个组件，再通过多个组件的自由组合来组成新的页面。例如 当用户的某个行为触发表单时（例如注册、建立内容等），期望在页面中弹出一个From组件。通常的做法是在template中填入一个<form>组件用于开发…

简介技术点koa搭建服务koa-router创建页面路由nunjucks模板引擎组合htmlwebpack打包多页面node端异步请求服务端日志打印运行npminpmstart一、现代服务端渲染的由来

The Benefits of Server Side Rendering Over Client Side Rendering （先交代一下背景），我们walmart（沃尔玛）主站的（大）多数页面，使用的是服务端渲染（以下用简称SSR代替），只有极个别页面使用的是客户端渲染。…

我们通常在本地开发，本地环境和线上也并非完全一样，很多项目第一次上线几乎都会遇到本地开发无法复现的问题，可能是字体、样式的问题，也可能是webpack 编译的问题、甚至可能是本地的奇葩环境。所以 本地完美运行 ≠ 线上完美运行，我们需要 build 项目，模拟线上测试一下，看看…

UI 库是很庞大的一个项目，如果个人开发，会很占用我的业余时间，所以我想到了组队，便在掘金发布一个这样的事情，很快便召集了20多个前端加入进来。 这么多人加入，怎么样的流程管理能保证项目有效进行，让他们按时按量完成任务，最后保证进度，此时我采取了现在很流行的 scrum 敏捷模…