![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 89
Vincent.cy
这个作者很懒,什么都没留下…
展开
-
微前端的简介
微前端是什么为了解决庞大的一整块后端服务带来的变更与扩展方面带来的限制。微前端是一种类似于微服务的架构,将微服务的理念应用于浏览器端。将 web 应用有单一的应用转变为多个小型前端应用聚合的一种应用。这些单独的应用可以独立运行,独立开发,独立部署以及可以在共享组件的同时进行并行开发。它的特点在于:单应用的代码库更小、内聚、可维护性更高。松耦合、自制的团队可扩展性更好。渐进地升级,更新甚至是重现部分前端功能成为可能。为什么需要微前端微前端主要是实现了解耦,在应用达到一定规模够,就可以原创 2021-06-08 10:19:09 · 355 阅读 · 0 评论 -
nextjs搭建博客记录
前言: 说明搭建环境Next.js 是一个轻量级的React服务端渲染框架。前端渲染方式可分为三种渲染方式,服务端渲染,客户端渲染,同构渲染。这三种渲染方式有各自的优缺点。服务的渲染服务端渲染可以理解成将组件或者页面经过服务器生成html字符串,发送给客户端,这种方式叫做服务端渲染。服务端渲染生成的页面包含了请求页面的数据和html内容,浏览器只需要接收到完整的html内容,这样就可以让用户更快的看到页面的内容。在服务端完成的数据请求比在浏览器中请求数据效率高很多。服务端渲染的优点:减少了渲原创 2021-06-08 10:15:34 · 351 阅读 · 0 评论 -
前端设计模式-策略模式
前言策略模式是定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。将不变的部分和变化的部分隔开是每个设计模式的主题。策略模式的目的就是使算法的使用与算法分离开来。封装的算法具有一定的独立性,不会随客户端的变化而变化。一个策略模式的程序至少有两部分组成。第一部分是策略类,策略类封装了具体的算法,负责具体的计算过程。 第二部分是环境类Context,它接受了客户的要求,随后吧请求委托给某一具体的策略类。要做到这点,Context中要维持对摸个策略对象的引用。例子这个 demo 是一个计算的代原创 2020-12-17 10:40:28 · 282 阅读 · 0 评论 -
设计模式-发布订阅
前言发布订阅又叫观察者模式,它记录的是一种一对多的依赖关系,当订阅的数据状态发生改变时,所对应的依赖的对象会得到消息(通知)。优点发布订阅在异步编程中,可以替代回调,从而无需关注对象在异步运行中的内部状态,只需要关注有用的事件发生点。对象之间的解耦。发布-订阅的组成要素一个发布订阅包包含了三要素,发布者(Publisher),订阅者(Subscriber),调度处理中心(Event channel)。当Publisher发布一个事件到Event channel,Subscriber就会收到由Ev原创 2020-12-11 22:43:17 · 112 阅读 · 0 评论 -
网页性能优化:延迟加载资源
延迟加载延迟加载是一种在加载页面时,延迟加载非关键资源的一种方法,而这些非关键资源则在需要时才进行加载,就图像而言,‘非关键’通常指的是‘屏幕外’。延迟加载图像和视频时,可以减少初始页面加载时间、初始页面负载以及系统资源使用量,所有这一切都会对性能产生积极影响。通常来说加载网页时,浏览器会请求所有的图像,而不管它们实在视窗还是在页面的更深处并且不可见。延迟加载允许我们加载可见的图像,并且在用户滚动时按需异步加载其他的图片。这减少了负载请求的数据,并可以大大加快该过程。延迟加载图像HTML中的延原创 2020-08-12 10:26:35 · 895 阅读 · 0 评论