前端
关于优化Vue-router优化import引入过多导致index文件过于臃肿
1.需求
当我们在开发过程中，需要引入很多的文件，但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack）
function importAll (require) {
console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组
require
vite+vue3+ts+pinia+element-plus搭建项目（三）
现在进入页面开发，组件库选择Element Plus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择 Tailwindcss ，这样开发过程不用去想很多的类名，不用再去写css代码
element-plus 按需引入
yarn add unplugin-vue-components --save-dev
// vite.config.ts
import { defin
微前端解决方案-qiankun实战及部署
先来张图片压压惊
image.png
在线demo：wzs.bengdada.com/
单独访问在线子应用：
subapp/micro-react
subapp/micro-vue2
subapp/micro-vue3
一.导读
1.什么是微前端
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
微前端架构具备以下几个核心价值：
基于Java和高德开放平台的WebAPI集成实践-以搜索POI2.0为例
目录前言一、高德搜索API简介1、高德开放平台2、搜索功能介绍 3、部分API介绍二、Uniapi集成高德API1、API集成流程2、访问接口的定义3、业务调用集成三、常见问题与优化四、总结前言 在当今数字化时代，地理信息系统（GIS）和位置服务（LBS）已成为许多应用程序的核心组成部分。无论是导航、物流、社交网络
el-form的el-input 输入框按回车页面刷新问题
1、问题：当页面只有一个输入框时，获取焦点时，点击回车整个页面被刷新了
<el-form :model="Form" label-width="100px">
<el-form-item label="名称">
<el-input v-model="Form.name"></el-input>
</el-form
Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR
简介
Sword：一个可以给 Kotlin 函数增加代理的第三方库，基于 KCP 实现。
Sword - 为 Kotlin 函数增加代理功能(一)
Sword - 为 Kotlin 函数增加代理功能(二)
Sword - 为 Kotlin 函数增加代理功能(三)
前面三篇文章笔者记录了 Sword 的实现过程，如何使用 Sword 以及如何通过 KSP 为 InvocationHandler
webpack常用loader和plugin
Loader
简介
webpack中提供了一种处理多种文件格式的机制，这便是Loader，我们可以把Loader当成一个转换器，它可以将某种格式的文件转换成Wwebpack支持打包的模块。
在Webpack中，一切皆模块，我们常见的Javascript、CSS、Less、Typescript、Jsx、图片等文件都是模块，不同模块的加载是通过模块加载器来统一管理的，当我们需要使用不同的 Loader
通过 tree shaking 移除无用代码
tree shaking 依赖于ES Module 的静态语法分析，在项目编译时移除无用的代码以减少文件体积。
usedExports
在文件中，我们可能定义了变量但是暂时又没有用到，这样会造成空间的浪费。在 mode 为 production 时，会默认做一些配置，将无用的代码删除。为了看到没有做处理时编译后的文件效果，在 webpack 中做如下配置。
module.exports = {
iOS 组件化(二) - 远程/本地管理私有库
iOS 组件化(一) - CocoaPods原理理论篇
iOS 组件化(二) - 远程/本地管理私有库
iOS 组件化(三) - 组件化工程介绍
一、前言
1.了解组件化
组件化就是将单一工程的项目按照功能职责或者业务职责划分成一个一个模块，模块间解耦调用。
2.组件化解决耦合问题
当一个项目开发初期的时候，开发人员较少，业务较为简单，此时采用单一工程开发的模式,能保证开发效率。当项目越来越大，开
