草庐IT

prerender-spa-plugin

全部标签

基于NUXT.JS搭建一款VUE版SSR前端框架(解决SPA应用的SEO优化优化问题)

小仙男·言在前关于框架:为了解决VUE的SPA单页应用对SEO搜索引擎优化不友好的问题,这几天一直在调研各种SSR框架。比如doc.ssr-fc.com/和fmfe.github.io/genesis-do都是比较不错,且有自己理念和想法的框架。但是对于公司来说技术规范差异太大,团队学习成本比较高,思来想去,还是基于NUXT.JS自己搭建一套SSR框架慢慢完善吧。关于本文档:本文档是从官网文档中摘录的一些重点内容,以及加入了自己的一些调整和对官网内容的理解和解释。关于官网:NUXT中文网特别适合新手学习,文档及案例十分清楚详尽,可以说有手就行。但是,中文网的更新不及时,有些章节(比如fetch

基于NUXT.JS搭建一款VUE版SSR前端框架(解决SPA应用的SEO优化优化问题)

小仙男·言在前关于框架:为了解决VUE的SPA单页应用对SEO搜索引擎优化不友好的问题,这几天一直在调研各种SSR框架。比如doc.ssr-fc.com/和fmfe.github.io/genesis-do都是比较不错,且有自己理念和想法的框架。但是对于公司来说技术规范差异太大,团队学习成本比较高,思来想去,还是基于NUXT.JS自己搭建一套SSR框架慢慢完善吧。关于本文档:本文档是从官网文档中摘录的一些重点内容,以及加入了自己的一些调整和对官网内容的理解和解释。关于官网:NUXT中文网特别适合新手学习,文档及案例十分清楚详尽,可以说有手就行。但是,中文网的更新不及时,有些章节(比如fetch

vite-plugin-pages实现路由权限和组件权限

项目基本架构跟 vite实现element-plus按需配置,自定义主题和读取/修改系统主题色 相同。项目地址。目标:在vite-plugin-pages自动读取文件夹配置下,设置前端路由权限和单组件权限。权限模块后台返回数据假设:返回与前端文件夹匹配的路径数据,并包含权限信息。假设,无权限数据为:{"code":200,"data":[{"menu":[{"label":"面板1","key":"index","meta":{"isAdmin":false,"requiresAuth":false}},{"label":"统计分析","key":"index-analysis","meta"

vite-plugin-pages实现路由权限和组件权限

项目基本架构跟 vite实现element-plus按需配置,自定义主题和读取/修改系统主题色 相同。项目地址。目标:在vite-plugin-pages自动读取文件夹配置下,设置前端路由权限和单组件权限。权限模块后台返回数据假设:返回与前端文件夹匹配的路径数据,并包含权限信息。假设,无权限数据为:{"code":200,"data":[{"menu":[{"label":"面板1","key":"index","meta":{"isAdmin":false,"requiresAuth":false}},{"label":"统计分析","key":"index-analysis","meta"

基于jib-maven-plugin快速构建微服务docker镜像

一、说明本文介绍基于Maven插件jib-maven-plugin实现快速构建SpringBoot程序镜像,并推送到远程仓库中,且无需安装Docker环境。Jib是Google开发的一个无需Docker守护进程,也无需深入掌握Docker最佳实践的情况下,为Java应用程序构建Docker和OCI镜像,以Maven和Gradle插件形式提供。 二、插件使用下图为插件的配置样例,构建后的镜像发布到阿里云仓库中(免费):阿里云仓库配置以及用户名密码需要按照自己注册的信息进行修改注册地址:https://cr.console.aliyun.com/插件详细的配置可查看:https://github.

基于jib-maven-plugin快速构建微服务docker镜像

一、说明本文介绍基于Maven插件jib-maven-plugin实现快速构建SpringBoot程序镜像,并推送到远程仓库中,且无需安装Docker环境。Jib是Google开发的一个无需Docker守护进程,也无需深入掌握Docker最佳实践的情况下,为Java应用程序构建Docker和OCI镜像,以Maven和Gradle插件形式提供。 二、插件使用下图为插件的配置样例,构建后的镜像发布到阿里云仓库中(免费):阿里云仓库配置以及用户名密码需要按照自己注册的信息进行修改注册地址:https://cr.console.aliyun.com/插件详细的配置可查看:https://github.

SystemUI Plugin 简介及使用

一、技术背景SystemUI结构复杂,模块数量众多,最重要的是SystemUI属于常驻进程是一个系统的门面,且不能自升级,如果定制功能对主项目做复杂的修改,首先会造成适配压力,如果对主框架不甚理解,有可能会造成很多隐藏的Bug,且不易修复,一旦崩溃对整个系统的影响很大,那么怎么才能在不修改主结构的基础上定制我们自己的功能呢?Google的SystemUI团队对该模块做了插件化的功能,可以动态实现对SystemUI的修改,一方面在一定程度上解决了不能自升级造成的问题,另一方面也解决了定制功能和原生主框架的解耦,再者,即便使用Plugin实现的功能crash了,也不影响SystemUI的运行,保证

SystemUI Plugin 简介及使用

一、技术背景SystemUI结构复杂,模块数量众多,最重要的是SystemUI属于常驻进程是一个系统的门面,且不能自升级,如果定制功能对主项目做复杂的修改,首先会造成适配压力,如果对主框架不甚理解,有可能会造成很多隐藏的Bug,且不易修复,一旦崩溃对整个系统的影响很大,那么怎么才能在不修改主结构的基础上定制我们自己的功能呢?Google的SystemUI团队对该模块做了插件化的功能,可以动态实现对SystemUI的修改,一方面在一定程度上解决了不能自升级造成的问题,另一方面也解决了定制功能和原生主框架的解耦,再者,即便使用Plugin实现的功能crash了,也不影响SystemUI的运行,保证

【微前端】single-spa 到底是个什么鬼

一个需求让我们从一个最小的需求开始说起。有一天产品经理突然说:我们要做一个A页面,我看到隔壁组已经做过这个A页面了,你把它放到我们项目里吧,应该不是很难吧?明天上线吧。此时,产品经理想的是:应该就填一个URL就好吧?再不行,复制粘贴也很快吧。而程序员想的却是:又要看屎山了。又要重构了。又要联调了。测试数据有没有啊?等一下,联调的后端是谁啊?估计这是做大项目时经常遇到的需求了:搬运一个现有的页面。我想大多数人都会选择在自己项目里复制粘贴别人的代码,然后稍微重构一下,再测试环境联调,最后上线。但是,这样就又多了一份代码了,如果别人的页面改了,那么自己项目又要跟着同步修改,再联调,再上线,非常麻烦。

【微前端】single-spa 到底是个什么鬼

一个需求让我们从一个最小的需求开始说起。有一天产品经理突然说:我们要做一个A页面,我看到隔壁组已经做过这个A页面了,你把它放到我们项目里吧,应该不是很难吧?明天上线吧。此时,产品经理想的是:应该就填一个URL就好吧?再不行,复制粘贴也很快吧。而程序员想的却是:又要看屎山了。又要重构了。又要联调了。测试数据有没有啊?等一下,联调的后端是谁啊?估计这是做大项目时经常遇到的需求了:搬运一个现有的页面。我想大多数人都会选择在自己项目里复制粘贴别人的代码,然后稍微重构一下,再测试环境联调,最后上线。但是,这样就又多了一份代码了,如果别人的页面改了,那么自己项目又要跟着同步修改,再联调,再上线,非常麻烦。