摘要: If you upgrade webpack to 5. *, and webpack cli to 4. *, an error will be reported: Error: Cannot find module 'webpack-cli/bin/config-yargs' Temporary 阅读全文
posted @ 2020-11-18 14:54 yaokunlun 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 最近有个列表排序功能,列表表头为动态数据,如下图, 需要修改表头信息,经实测,改变表头内容数据,不会重新渲染 解决方案 <template #header slot-scope=""> <span @click="sortTableList(item, index)"> {{item.label}} 阅读全文
posted @ 2020-09-16 16:38 yaokunlun 阅读(748) 评论(0) 推荐(0) 编辑
摘要: 业务背景: 地址选择,四级联动,可选任意一级,支持懒加载,双击选择 主要代码如下 <el-cascader clearable placeholder="请选择联系地址" @visible-change="visibleChange" class="address-cascader" :key="c 阅读全文
posted @ 2020-09-16 16:32 yaokunlun 阅读(6717) 评论(3) 推荐(1) 编辑
摘要: 1.v-if2.改变子组件的key 阅读全文
posted @ 2020-07-10 14:04 yaokunlun 阅读(1956) 评论(0) 推荐(1) 编辑
摘要: 比如上面这种情况,footer部分本来应该位于最底部,但是main内容太少导致连在一起,影响美观 解决方案: 给footer加上margin-top:负值 值的大小为footer的高度 写了个小demo代码如下: 注意div的嵌套关系,以及main部分的padding-bottom值(为footer 阅读全文
posted @ 2017-09-15 22:53 yaokunlun 阅读(484) 评论(0) 推荐(0) 编辑
摘要: 1.父元素设置display:table;子元素设置display:table-cell; 缺点:IE7不支持,而且子元素会填满父元素,不建议使用 2.使用css3 transform:translate(-50%; -50%) 缺点:兼容性不好,IE9+ 3.使用flex布局 缺点:兼容性不好,I 阅读全文
posted @ 2017-08-27 23:27 yaokunlun 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 今天的一个面试题,我是这么写的: 效果完全可以,可能今天面试官没有看清我写的吧-- 阅读全文
posted @ 2017-03-30 16:01 yaokunlun 阅读(825) 评论(0) 推荐(0) 编辑
摘要: @import是在CSS2.1提出的,低版本的浏览器不支持。link支持良好; link引用CSS时,在页面载入时同时加载; @import需要页面网页完全载入以后加载。如果页面内容过多,会产生不好的效果; 现在一般用link而不是import; <link rel="stylesheet" hre 阅读全文
posted @ 2017-03-30 15:58 yaokunlun 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 拓展JQuery一般有两个方法: 1.全局拓展 比如 $.ajax()就是全局函数 拓展方法: Jquery.extend(); 比如: 拓展后只需在页面直接调用:$.hello("ykl")即可; 2.对象拓展 比如 $("div").height()就是根据对象拓展的函数 拓展方法: jQuer 阅读全文
posted @ 2017-03-29 16:31 yaokunlun 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 目录创建好之后,命令行输入 因为在配置文件config/index.js里: webpack会默认创建本地服务器监听8080端口,autoOpenBrowser为true,浏览器会自动打开,我一般会关掉,因为以后调试会运行很多次 npm run dev; 然后打开 下面看下几个主要的文件: inde 阅读全文
posted @ 2017-03-20 10:09 yaokunlun 阅读(6582) 评论(0) 推荐(0) 编辑