技术文章

通过 React Router V6 源码,掌握前端路由

作者:DYBOY在 React 前端项目中,涉及到前端路由,想必大家都用过了 react-router-dom[1] 这个包,因为常用,所以有必要弄清楚其中的实现细节,对前端路由会有一个更深入的认识,另外也有助于提升工作效率。此文不赘述使用方法,相关内容可以参考tutorial 官方的指导手册[2]。客户端里的路由模式相较于“服务端路由”每次从服务端获取 C …

细聊single-spa + vue来实现前端微服务项目

作者:Fly_bit转发链接:https:blog.csdn.netm0_37968340articledetails106823974一、 前端微服务化的背景和价值:背景:业务模块呈现快速增长趋势,孵化的业务模块也逐渐增多。价值:让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块,支持独立开发、发布和部署;设计出提供支持插件化 …

微前端框架single-spa子应用加载解析

作者:京东物流 宁冲1 前言什么是微前端?微前端是指存在于浏览器中的微服务。本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析,通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。由于是在代码维度进行分析,要求 …

聊聊前端开发中要注意的细节 前端开发需要会些什么

原文链接:https:juejin.impost5d4edd516fb9a06b2d77c3d7本文主要谈谈在前端重构中获取到的一些经验总结。大处着眼,小处着手!从细微处谈谈前端重构的一些注意事项。如果你的项目使用的前端模板,后端路由+渲染,本文可能不太符合。本文主要针对SPA类型前端应用。创建一个前端应用大致会包含一些的流程注:测试放在开发之后也许是个错误 …

Web前端培训:前端学习3个步骤,值得收藏

很多人都想学好前端开发。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作,却不知道应该先学习什么再学习什么,也不知道该选择什么样的工具。想要尽快入门前端,以便更好的找到满意的工作,不妨报名参加Web前端培训,这里有明确清晰的学习路线,专业讲师面授指导教学,可以获得全面提升。 因为经常被人问到类似的问题,今天给大家详细讲讲我们学习前端开发都必须掌握什么内 …

前端如何优雅通知用户刷新页面? 前端如何实时刷新后端信息

前言老板:新的需求不是上线了嘛,怎么用户看到的还是老的页面呀窝囊废:让用户刷新一下页面,或者清一下缓存老板:那我得告诉用户,刷新一下页面,或者清一下缓存,才能看到新的页面呀,感觉用户体验不好啊,不能直接刷新页面嘛?窝囊废:可以解决(OS:一点改的必要没有,用户全是大聪明)产品介绍c端需要经常进行一些文案调整,一些老版的文字字眼可能会导致一些舆论问题,所以就需 …

前端实战:如何快速在你的vue/react应用中实现服务端渲染(ssr)

前言我们都知道, Vue和React是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出自定义组件,进行生成 DOM 和操作 DOM, 也就是我们常说的客户端渲染, 并且我们大部分主流的场景都是SPA(单页面)应用, 而随着 SPA尤其是 React、Vue、Angular 为代表的前端框架的流行,越来越多的 Web App 使用的是客户端渲染。使用客 …

react-native webview怎么加载前端打包出来的SPA静态文件

react-native webview怎么加载前端打包出来的SPA静态文件前言这是一次比较有意思的记录,关于这个react-native加载打包前端的出来的静态文件,网上找了很多文章,没有一个说清楚的,说的都是有点模糊,当我亲自去尝试,踩了比较多坑,先说说,为什么会有这种想法,为什么不用链接的方式引入呢,因为如果以链接的方式引入的时候,加载过程比较慢,而且 …