技术文章

理解 Next.js 中的 CSR、SSR、SSG、ISR 以及 Streaming

前言熟悉 React 的同学想必听说过 Next.js,Next.js 给自己的介绍是“The React Framework”,没接触过的同学可能会有疑问?React 已经是一个框架了,为什么还要有 Next.js 呢?其实 Next.js 是为了互补 React 的不足,Next.js 提供了 CSR、SSR、SSG、ISR、 Streaming 这么多 …

微前端框架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加载打包前端的出来的静态文件,网上找了很多文章,没有一个说清楚的,说的都是有点模糊,当我亲自去尝试,踩了比较多坑,先说说,为什么会有这种想法,为什么不用链接的方式引入呢,因为如果以链接的方式引入的时候,加载过程比较慢,而且 …

基于Vue和Quasar的前端SPA项目实战 免费开源(一)

背景介绍和环境搭建背景crudapi增删改查接口系统的后台Java API服务已经全部可用,需要一套后台管理UI,主要用户为开发人员或者对计算机有一定了解的工作人员,通过UI配置元数据和处理业务数据,经过调研最终决定通过Vue实现SPA单页面Web应用,打开浏览器就可以很方便使用。技术选型Vue目前主流的三大前端框架分别是Angular、React、Vue …

微前端:前端的微服务 微前端实现

每日分享最新,最流行的软件开发知识与最新行业趋势,希望大家能够一键三连,多多支持,跪求关注,点赞,留言。我们可以采用微服务架构模式并将其应用到前端吗?微服务是构建可以独立工作的小型自治团队的流行方式。不幸的是,就其本质而言,微服务只在后端工作。即使有最好的微服务架构,前端开发仍然需要高度的相互依赖,这会引入耦合和通信开销,这会拖慢每个人的速度。我们可以采用微 …

前端性能优化笔记之首屏时间采集指标的具体方法

作者: 一川 来源:前端万有引力1写在前面通常,我们在开发环境中进行首屏时间测试,是通过在内网中通过Chrome DevTools观察首屏时间,这样内外网络环境存在差异,导致测量的首屏时间也会有所不同。我们在开发中使用的是调试工具,而用户是直接访问的,两者的访问形式是不同的。观察首屏时间的设备有多种,而真实的用户人群不同,移动设备的型号和所处网络环境也是各异 …