解耦federation webpack5 webpack
模块化打包工具-初识Webpack
打包工具解决的是前端整体的模块化，不只是局限于js的模块化，打包工具需要完成的功能有：1.模块打包：完成多个模块的打包，将多个模块的js文件打包到一个js里面。2.loader转换： 以webpack为例，可以使用loader完成格式的转换，改善兼容性问题。 3.代码拆分：可以拆分不同模块的代码，没... ......
Webpack报错Error: error:0308010C:digital envelope routines::unsupported处理
在学习组件库流程 打包的时候报错找不到module，后来改了版本又报错 Error: error:0308010C:digital envelope routines::unsupported 报错原因：node17+版本对发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加 ......
【流行前沿】DRAG Divergence-based Adaptive Aggregation in Federated learning on Non-IID Data
今天再分享一篇9月的联邦学习领域处理异构数据分布的文章。看挂名是复旦的王昕，总的来说只能算是踏实的工作，但是新意上确实不太够。 文章的主要处理对象是解决异构数据在联邦训练中的client-drift问题，当然与很多相似论文一样，也将这个方法迁移到了拜占庭攻击的防范上。不过这个robustness仅通 ......
用 Webpack 优化网站的技术
代码分割 代码分割是一种将代码分成更小、更易于管理的块的技术，这些块可以按需加载。这可以通过减少用户访问您的网站时需要加载的代码量来帮助提高网站性能。 要在 Webpack 中使用代码分割，可以使用 splitChunks 配置选项。此选项允许您指定应将哪些模块拆分为单独的块。您还可以使用动态导入按 ......
自动扣取webpack通杀方法
1.网站和目标 https://m.ctyun.cn/wap/main/auth/login 破解userName, password加密 2.先下断点,找到加密的地方 ......
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
webpack打包报错：Unexpected token (Note that you need plugins to import files that are not JavaScript)
关于这个问题，我在网上查找了一些资料（博客、问答），得到的答案多种多样： 1. 可能是缺少rollup的某种plugin； 2. 可能是系统环境的问题（windows/linux/macos）； 3. 可能是某段代码引起的问题； 4. 。。。 经过对自身情况的逐步测试定位，发现 -> 出问题的代码片 ......
Webpack性能优化 SplitChunksPlugin的使用详解
使用前景 在vue、react等使用webpack为项目打包工具的前端项目，在开发过程中，随着项目功能的逐渐增加，项目整体体积的不断增加，打包的时长和打包后部署的项目体积也在不停的增长，这样可能会导致一下两个问题： 使用自动化部署工具Jenkins部署时，Jenkins因内存不足而崩溃 打包产物过大 ......
如何使webpack编译 node_modules 中的 npm 包
What 在项目开发过程中，我们会使用到大量第三方的npm包，这些包大部分使用了 es中新的语法编写 ，但是在发布的时候，它们有些是经过 babel，tsc, esbuild 等工具转换后发布的，有的则没有转换直接发布到 npm 中， 所以当我们在 webpack 中使用这样的包时，可能会看到如下报 ......
Dami 本地过程调用框架（主打解耦），v0.24 发布
Dami，专为本地多模块之间通讯解耦而设计（尤其是未知模块、隔离模块、领域模块）。零依赖，特适合 DDD。 特点 结合 Bus 与 RPC 的概念，可作事件分发，可作接口调用，可作异步响应。 支持事务传导（同步分发、异常透传） 支持事件标识、拦截器（方便跟踪） 支持监听者排序、附件传递（多监听时，可 ......
解耦表征学习
解耦表示入门 https://zhuanlan.zhihu.com/p/621417580 清华《解耦表征学习》综述 https://mp.weixin.qq.com/s/wCXnaR8PswXVi3LNxnCfzg 论文和复现的文献 https://zhuanlan.zhihu.com/p/550 ......
Spring Event 观察者模式, 业务解耦神器
观察者模式在实际开发过程中是非常常见的一种设计模式。 Spring Event的原理就是观察者模式，只不过有Spring的加持，让我们更加方便的使用这一设计模式。 一、什么是观察者模式 概念: 观察者模式又叫发布-订阅模式。 发布指的是当目标对象的状态改变时，它就向它所有的观察者对象发布状态更改的消 ......
index.html在webpack打包时动态生成index模板
通过<%= BASE_URL %>包裹环境变量 通过<% if (process.env.NODE_ENV 'production' ) { %> <% } %>包裹条件判断 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta co ......
webpack--图片资源的处理
引言 当我们在网页应用中使用图片资源时，会发现打包后的资源就直接存在于目录之下。若我们想要对图片进行处理的话，就要进行相应的操作。 处理图片资源 我们在webpack.config.js中的loader处添加图片资源的处理的loader，但是这个loader在webpack中时内置的，无需下载，例子 ......
webpack--loader
引言 因为webpack默认只能解析js资源，当我们要处理css等资源时，无法进行处理，所以我们就要通过loaderloader来载入加载器来对相应的资源做特定的解析。 报错案例 例如：我们直接在js中引入css文件再次编译时，会报错。 index.css .box1{ width: 100px; ......
WebPack入门
什么是webpack 简单地说就是要一个web的打包工具，将项目所需要的资源进行打包处理。 安装webpack 很简单，首先是初始化一个node.js的项目 npm init 之后就是安装webpack以及webpack-cli npm i webpack webpack-cli D 初试打包 我们 ......
从 Flink 1.17 开始，flink 发行版本不再包含 flink-connector-jdbc, link-connector-jdbc 成为独立的项目，与 flink 主版本解耦
github地址如下：apache/flink-connector-jdbc: Apache flink (github.com) Flink 1.17 自定义 MySQL Catalog - Flink菜鸟 - 博客园 (cnblogs.com) ......
vue3 webpack qiankun微前端
**qiankun: https://qiankun.umijs.org/zh/guide** **demo源码gitee：https://gitee.com/philippines-kisses-snow/qiankun-demo** > 官方对微应用的说明：通常这种场景下微应用是一个不带路由的可 ......
多环境配置webpack
1. react初始化项目后如何进行webpack配置 2. react跨域如何配置 3. 不同环境的打包和不同系统开发和运行（职能侧和企业测如何实现双系统） npm install --save-dev cross-env 任何组件中直接使用 以上是前端配置 下面是 node服务启动 执行用户环境 ......
解耦---组件模式
优点： 1、代码复用，对比。 2、通过使用组件容器对象，可以降低组件之间得耦合。 缺点： 1、组件之间通信比较复杂。 组件之间通信方式： 1、组件容器对象保存组件需要的状态 优点：组件之间可以直接从容器对象获取所需要的数据，降低组件之间的耦合 缺点：当使用相同的组件容器，但是使用不同的组件配置，并且 ......
【五期邹昱夫】CCF-A（TIFS'23）SAFELearning: Secure Aggregation in Federated Learning with Backdoor Detectability
> "Zhang, Zhuosheng, et al. "SAFELearning: Secure Aggregation in Federated Learning with Backdoor Detectability." IEEE Transactions on Information For ......
webpack 输出管理
# 管理输出 到目前为止，我们都是在 index.html 文件中手动引入所有资源，然而随着应用程序的不断增长，一旦开始 使用哈希值进行文件命名 并输出 多个 bundle，手动管理 index.html 文件将变得困难。然而，使用一些插件可以让这个过程更容易管理。 #### 预先准备 首先，调整一 ......
【五期邹昱夫】CCF-A（SP'23）3DFed: Adaptive and Extensible Framework for Covert Backdoor Attack in Federated Learning
> "Li, Haoyang, et al. "3DFed: Adaptive and Extensible Framework for Covert Backdoor Attack in Federated Learning." 2023 IEEE Symposium on Security an ......
webpack 资源管理
# 管理资源 如果你是从一开始就沿用指南的示例，现在应该有一个显示 “Hello webpack” 的小项目。接下来我们尝试混合一些图像之类的其他资源，看看 webpack 如何处理。 在 webpack 出现之前，前端开发人员会使用 grunt 和 gulp 等工具来处理资源，并将它们从 /src ......
webpack生产环境优化：PWA
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：PWA PWA可简称为“离线可访问技术”。 一、下载插件 PWA： 渐进式网络开发应用程序（离线可访问） ，需要插件workbox-we ......
webpack生产环境优化：externals
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：externals externals配置主要是为了防止某些通过CDN引入的包被打包到输出的bundle中。 一、核心配置 /* web ......
webpack生产环境优化：dll
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：dll dll动态链接库 目的：单独的将多个指定的第三方库打包成一个chunk。 意义：将不同的库分割开来，实现代码分割和避免重复打包， ......
webpack生产环境优化：多线程打包
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：多线程打包 多线程打包主要用于需要打包的文件较多的情况下提高打包效率，缩短打包时间。 注意：开启多进程打包时，进程开启大概需要600ms ......
webpack生产环境优化：tree shaking
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：tree shaking tree shaking: 去除无用代码 前提： 1.必须使用ES6模块化 2.开启production环境 ......
webpack生产环境优化：code split
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：code split code split代码分割，既将打包后的js分割成多份js文件， 方便后期实现“并行加载”、“按需加载”等，提高 ......