摘要：
假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？ 你可能需要综合考虑成本、服务器选择、CI/CD 易用度、可扩展等方面，对于不怎么熟悉 CI/CD 相关的小伙伴来说有点难以选择。 这里先给大家介绍两个可以免费 阅读全文
posted @ 2023-11-17 17:16
柯基与佩奇
阅读(341)
评论(0)
推荐(0)
摘要：
1. 基于【Event Loop】的长列表渲染优化 背景 日志查看、指令展示 等 列表很长，且不能使用分页、触底懒加载的场景 使用 vue+element-ui 表格展示接口返回数据，数据量为万级。 页面内容白屏二十秒左右后显示出数据，期间页面其他功能/按钮无法正常的交互，之后页面滚动、点击等事件也 阅读全文
posted @ 2023-11-17 17:15
柯基与佩奇
阅读(294)
评论(0)
推荐(0)
摘要：
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 阅读全文
posted @ 2023-11-17 17:14
柯基与佩奇
阅读(54)
评论(0)
推荐(0)
摘要：
1. 减少 HTTP 请求 一个完整的 HTTP 请求需要经历 DNS 查找，TCP 握手，浏览器发出 HTTP 请求，服务器接收请求，服务器处理请求并发回响应，浏览器接收响应等过程。接下来看一个具体的例子帮助理解 HTTP ： 自己找了一个 HTTP 请求，请求的文件大小为 28.4KB。 名词解 阅读全文
posted @ 2023-11-17 17:13
柯基与佩奇
阅读(59)
评论(0)
推荐(0)
摘要：
通过设计模式可以帮助增强代码的可重用性、可扩充性、 可维护性、灵活性好。使用设计模式最终的目的是实现代码的 高内聚 和 低耦合 工厂模式(创建型模式) 先来理解一个概念 —— 构造器模式 开了家动物园，只有两只动物，可能会这样录入系统： const monkey = { name: '悟空'， ag 阅读全文
posted @ 2023-11-17 17:12
柯基与佩奇
阅读(27)
评论(0)
推荐(0)
摘要：
主要介绍面向对象六大原则中的单一职责原则（SRP）、开放封闭原则（OCP）、最少知识原则（LKP）。 设计原则是指导思想，从思想上给指明程序设计的正确方向，是在开发设计过程中应该尽力遵守的准则。而设计模式是实现手段，因此设计模式也应该遵守这些原则，或者说，设计模式就是这些设计原则的一些具体体现。要达 阅读全文
posted @ 2023-11-17 17:12
柯基与佩奇
阅读(43)
评论(0)
推荐(0)
摘要：
微前端qiankun 沙箱与样式隔离的实现原理 js 沙箱 js/css 污染是无法避免的，并且是一个可大可小的问题。就像一颗定时炸弹，不知道什么时候会出问题，排查也麻烦。作为一个基础框架，解决这两个污染非常重要，不能仅凭“规范”开发。 js 沙箱的原理是子项目加载之前，对 window 对象做一个 阅读全文
posted @ 2023-11-17 17:08
柯基与佩奇
阅读(201)
评论(0)
推荐(0)
摘要：
无界微前端方案 微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心 阅读全文
posted @ 2023-11-17 17:07
柯基与佩奇
阅读(392)
评论(0)
推荐(0)
摘要：
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 阅读全文
posted @ 2023-11-17 17:06
柯基与佩奇
阅读(46)
评论(0)
推荐(0)
摘要：
方案设计 在实际业务中，权限系统的设计其实可以做到很复杂，但是为了简单起见只保留一些最基本且核心的模块： 登录模块：权限平台一般需要靠登录获取用户身份，并通过凭证去请求接口，包括注册功能。 系统管理模块：包括用户管理、角色管理、菜单管理（如果菜单是前端控制则可以省略）等功能，是权限系统中的核心部分。 阅读全文
posted @ 2023-11-17 17:05
柯基与佩奇
阅读(106)
评论(0)
推荐(0)
浙公网安备 33010602011771号