古兰精

摘要： 一、图片裁剪 推荐一款轻量级图片裁剪插件 kpsImageCuster：https://ext.dcloud.net.cn/plugin?id=1076。 其原理就是利用 uni.canvasToTempFilePath() 把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。 官方介绍 阅读全文

摘要： Mode 用来指定当前的构建环境是：production、development、还是none。设置 mode 可以使用 webpack 的内置函数，默认值是 production。 mode 的内置函数功能如下： 模式(mode)：提供 mode 配置选项，告知 webpack 使用相应模式的内置 阅读全文

摘要： 一、问题背景 网站上自己有设置广告位，结果在部分电脑上不显示图片，及广告位。 部分电脑是安装了 Adblock 广告拦截插件的电脑。 二、问题原因 最后发现原因是因为安装了 Adblock 广告拦截插件。关于 Adblock 可以看官网：Adblock Plus | 世界排名第一的免费广告拦截程序 阅读全文

摘要： 主要来源于这篇文章：写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践，算是这篇文章的学习笔记。 性能优化：从过程趋势来说，可分为网络层面和渲染层面；从结果趋势来说，可分为时间层面和体积层面。 一、网络层面 网络层面的优化就是让资源体积更小，加载更快。 1、构建策略 —— webpac 阅读全文

摘要： qiankun 微前端改造成功之后，有几个固定的步骤，但都是在 SPA 页上改造成功的。所以昨天在 SPA 改造之后，我也在想如何能应用到我们项目上去，但是我们项目是有很多 SEO 的需求，所以采用的 SSR 渲染的 NuxtJS 改造的。 NuxtJS 项目和 SPA 的VUE项目还是有挺大差别的 阅读全文

摘要： 一、问题背景 当主应用登录后，再进去微应用发现还需要登录，相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信 qiankun微前端应用间的通信，我们要利用qiankun框架的initGlobalState和MicroAppStateActions api，相关的api介绍如下： （1） 阅读全文

摘要： 微前端就是应用分割，独立运行，独立部署，将原本把所有功能集中于一个项目中的方式转变为把功能按业务划分成一个主项目和多个子项目，每个子项目负责自身功能，同时具备和其它子项目和主项目进行通信的能力，达到更细化更易于管理的目的。 总的来说微前端就是：一个完整应用划分成一个主应用和一个或多个微应用，应用间相 阅读全文

摘要： 一、适配 PC 或移动设备 根据用户设备不同返回不同样式的站点，以前经常使用的是纯前端的自适应布局，但无论是复杂性和易用性上面还是不如分开编写的好，比如我们常见的淘宝、京东......这些大型网站就都没有采用自适应，而是用分开制作的方式，根据用户请求的 user-agent 来判断是返回 PC 还是 阅读全文

摘要： 一致性算法的定义：一致性就是数据保持一致，在分布式系统中，可以理解为多个节点中数据的值是一致的。 一、为什么需要一致性 1、数据不能存在单个节点（主机）上，否则可能出现单点故障。 2、多个节点（主机）需要保证具有相同的数据。 3、一致性算法就是为了解决上面两个问题。 二、一致性分类 1、强一致性 说 阅读全文

摘要： 这篇博客写的很好，可以参考学习： Docker三剑客之Docker Swarm Dcoker Swarm 集群部署：https://www.cnblogs.com/zhujingzhi/p/9792432.html#_label6 阅读全文