![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 81
字里行间皆是陷阱
去码头整点薯条吗,我还有劲。
展开
-
关于ant-design-vue的表格高度自动计算(ant-design-vue版本: v3.2 vue版本: v.3.2)
/ 对tableScrollH的赋值会导致parent的高度异常, 在触发parent的高度变化时,可以先把计算函数关闭, 高度变化后, 再重新绑定监听。// 传入setup里变量的key接收新的计算值 返回get函数(手动调用计算) bind/remove手动绑定/卸载resize事件的监听。// 用于计算a-table的滚动区域高度(table父级容器 - table自身的thead高度 = 允许滚动的高度)console.log(“调用计算函数”, res);// thead dom获取。原创 2023-05-17 11:09:19 · 1861 阅读 · 0 评论 -
vite.config.ts常用配置(v4.2.0)
/自动导入ui-组件 比如说ant-design-vue element-plus等。//安装两行后你会发现在组件中不用再导入ref,reactive等。// 自动导入vue中hook reactive ref等。threshold: 10240, // 超过10kb压缩。// 在这里自定义主题色等样式(antd)//ant-design-vue自动导入。// element-plus自动导入。// 引入组件的,包括自定义组件。// 生产环境移除console。原创 2023-04-18 13:53:36 · 788 阅读 · 0 评论 -
better-scroll 2.X手册
使用基础滚动如果你只需要一个拥有基础滚动能力的列表,只需要引入 core。import BScroll from '@better-scroll/core'let bs = new BScroll('.wrapper', { // ...... 详见配置项})增强型滚动如果你需要一些额外的 feature。比如 pull-up,你需要引入额外的插件,详情查看插件。import BScroll from '@better-scroll/core'import Pullup from '原创 2021-04-20 18:03:28 · 1268 阅读 · 0 评论 -
Vue-echarts的使用
Vue-EChartsApache ECharts 的 Vue.js 组件。使用 Apache ECharts 5,同时支持 Vue.js 2/3。???? 注意 ????若您准备从 vue-echarts ≤ 5 的版本迁移到新版本,请在升级 v6 前阅读 迁移到 v6 部分文档。没准备好的话,可以继续阅读老版本的文档。前往 →安装 & 使用npm & ESM$ npm install echarts@5.0.2 vue-echarts要在 Vue 2 下使用 vu原创 2021-04-20 17:55:52 · 3505 阅读 · 1 评论 -
Vue Cli3 项目打包优化
1.项目优化实现步骤:清除生产环境中的console.log语句生成打包报告,根据报告优化项目第三方库启用CDN路由懒加载首页内容定制2.执行build2.1 清除生产环境中的console.log语句安装一个插件(babel-plugin-transform-remove-console)在项目build阶段移除所有的console信息2.1.1 安装开发依赖babel-plugin-transform-remove-consolenpm i babel-plugin-trans原创 2021-04-20 17:52:16 · 624 阅读 · 0 评论 -
Vue-Cli3配置post-css
vue2.X中使用postcss-pxtorempostcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtorem的使用。1.安装依赖npm i postcss-pxtorem@5.1.1 -D2.设置规则(更改postcss.config.js中的配置)mod原创 2021-04-20 17:51:17 · 695 阅读 · 0 评论