Vue集成并使用Windi-CSS

1、WindiCSS简介​WindiCSS是下一代工具优先的CSS框架。如果你已经熟悉了TailwindCSS,可以把WindiCSS看作是按需供应的Tailwind替代方案,它为你提供了更快的加载体验,完美兼容Tailwindv2.0,并且拥有很多额外的酷炫功能。​通过扫描HTML和CSS按需生成工具类(utilities),WindiCSS致力于在开发中提供更快的加载体验以及更快的HMR,并且...

Vue使用iconify图标

1、安装插件purge-icons-webpack-pluginyarnaddpurge-icons-webpack-plugin-D或者npmipurge-icons-webpack-plugin-D2、配置插件在vue.config.js文件中配置插件使用。//vue.config.jsconst{PurgeIcons}=require('purge-icons-webpa...

Vue3按需加载ant-design-vue组件库

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配置...

分享一篇关于微前端乾坤(qiankun)的文章

*原文地址:落地微前端qiankun理论与实践指北*一、前言“一千个人眼里有一千个哈姆雷特”本文仅是作者这段时间对微前端的思考与感悟,文笔拙劣,多多海涵。微前端的实现方式有很多种,但是微前端并不完美。只有适合自己、适合团队的才是最佳实践。由于本文较长(PS:本人懒得分篇),目录一至目录七偏理论知识,目录七之后为实践操作与思考,大家可以适当的跳跃来看微前端是什么?微前端不是特指某一项技术,而是一种思...

docker常用命令

1、启动命令sudosystemctlstartdocker2、启动容器dockerstarttest3、停止容器dockerstoptest4、查看所有容器运行情况dockerps-a5、查看所有容器内存CPU使用情况dockerstats6、查看所有镜像dockerimages7、删除镜像dockerrmi830bab19fa23注:830bab19fa23为镜像ID8、进入容器实例系统环境d...

yarn常用安装命令

1、安装全部依赖yarninstall2、安装指定组件yarnaddpackage3、安装指定组件到devDependencies环境yarnadd--devpackage4、卸载指定组件yarnremovepackage

module namespace not found in mapState()

1、错误现象:2、原因分析:2.1vuex配置模块化检查是否使用modules参数配置模块化//store/index.jsimportVuefrom'vue';importVuexfrom'vuex';importcountfrom'./count';importpersonfrom'./person';Vue.use(Vuex);exportdefaultnewVuex.Store(&#123...

Vue中三种插槽slot使用示例

1、默认插槽子组件Category://Category.vue<template><divclass="category"><h3>{{title}}分类</h3><slot/></div></template><script>exportdefault{name:'Category',props:...

React设置自定义滚动条样式

1、全局配置在global.less文件添加如下配置。/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:5px;height:10px;}/*定义滑块内阴影+圆角*/::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:10px;&...