2023

在vue中可以通过以下两种方式修改第三方组件样式:1、全局覆盖修改<stylelang="less">.modal{.ant-modal-header{border-bottom-width:0;}}</style>2、局部覆盖修改<stylelang="less"scoped>.modal{:deep(.ant-modal-header){border-bottom-width:0;}}</s...
本文主要讲解如何在Springboot中逐步实现对mybatis的集成应用。1、引入依赖在pom.xml文件中引入mybatis依赖//pom.xml<dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId></dependency>2、参数配置mybatis:mapper-locations:classpath:mybatis/mapper/**/*.xml#注意:一定要对应mapper映射xml文件的所...
1、导入http模块//导入http模块consthttp=require('http');2、创建Web服务器实例//创建Web服务器实例constserver=http.createServer();3、为服务器实例绑定request事件,监听客户端的请求//为服务器实例绑定request事件,监听客户端的请求server.on('request',function(req,res){console.log('Someonevistwebserver');})4、启动服务器//启动服务器server.listen(80,function(){console.l...
​通过调用fs模块的readFile方法实现文件的读取功能,通过fs模块的writeFile方法实现文件的写入功能。__dirname表示当前文件所在文件夹路径。1、读取文件//引入fs模块constfs=require('fs');//通过readFile方法读取文件//参数1:文件路径//参数2:编码方式//参数3:回调函数(err:失败原因;dataStr:读取成功后的数据)fs.readFile(__dirname+'/file/score.txt','utf8',function(err,dataStr){if(err){returnconsole.log('文件...

2022

1、vscode在打开多个文件标签时,默认是滚动展示的2、设置多行展示效果3、设置方法3.1进入工作区设置页面3.2搜索workbench.edit.wrapTabs,并进行勾选
1、主应用配置1.1安装qiankun插件yarnadd@umijs/plugin-qiankun-D1.2在主应用中配置子应用在配置文件config中配置qiankun相关参数//config.tsimportmicrofrom'./micro';const{REACT_APP_ENV}=process.env;exportdefaultdefineConfig({qiankun:micro[REACT_APP_ENV||'dev'],}在micro文件中根据开发环境、测试环境、生产环境分别配置不同的参数//micor.tsexportdef...
1、WindiCSS简介​WindiCSS是下一代工具优先的CSS框架。如果你已经熟悉了TailwindCSS,可以把WindiCSS看作是按需供应的Tailwind替代方案,它为你提供了更快的加载体验,完美兼容Tailwindv2.0,并且拥有很多额外的酷炫功能。​通过扫描HTML和CSS按需生成工具类(utilities),WindiCSS致力于在开发中提供更快的加载体验以及更快的HMR,并且在生产环境下无需对CSS进行Purge(一种在生产环境中对未使用的CSS进行清除而节省体积的技术)。2、安装vue-cli-plugin-windicss插件yarnadd-Dvue-cli-plug...
1、安装插件purge-icons-webpack-pluginyarnaddpurge-icons-webpack-plugin-D或者npmipurge-icons-webpack-plugin-D2、配置插件在vue.config.js文件中配置插件使用。//vue.config.jsconst{PurgeIcons}=require('purge-icons-webpack-plugin');module.exports={chainWebpack:config=>{config.plugin('purgeIcons').use(PurgeIco...
1、安装ant-design-vue使用yarn或npm安装并引入ant-design-vue。yarnaddant-design-vuenpmi--saveant-design-vue2、安装babel-plugin-importbabel-plugin-import是一个用于按需加载组件代码和样式的babel插件。yarnaddbabel-plugin-import--dev3、babel配置修改babel.config.js文件,配置babel-plugin-import参数。//babel.config.js//lazyloadant-design-vue//ifyouruseimpo...
*原文地址:落地微前端qiankun理论与实践指北*一、前言“一千个人眼里有一千个哈姆雷特”本文仅是作者这段时间对微前端的思考与感悟,文笔拙劣,多多海涵。微前端的实现方式有很多种,但是微前端并不完美。只有适合自己、适合团队的才是最佳实践。由于本文较长(PS:本人懒得分篇),目录一至目录七偏理论知识,目录七之后为实践操作与思考,大家可以适当的跳跃来看微前端是什么?微前端不是特指某一项技术,而是一种思想。是由2016年ThoughtWorksTechnologyRadar中提出的,借鉴后端微服务的架构模式,将Web应用由单一的单体应用转变为多个小型前端应用,聚合为一的应用。所以微前端不是指具体的库...