Mike17 - 博客园

JavaScript对称数字金字塔（机考）

摘要： let inputArray = [2,4,3] let result = '' let len = inputArray.length for(let i = 0;i < len;i++){ let el = inputArray[i] let resultV = getData(el) docu 阅读全文

posted @ 2021-01-28 23:53 Mike17 阅读(635) 评论(0) 推荐(0) 编辑

css绘制三角箭头

摘要： .arrawLine{ height: 42px; padding-top: 12px; } .arrawLine .arraw1{ display: inline-block; width: 150px; height: 6px; background: #e4e4e4; } .arrawLine 阅读全文

posted @ 2021-01-28 23:30 Mike17 阅读(73) 评论(0) 推荐(0) 编辑

element-ui table 多列数据动态排序（前后台交互）

摘要： 1.html部分 <el-table ref="multipleTable" :data="tableData" @sort-change="sortChange"></el-table> 2.js部分 sortChange(val){ let vm = this let sortTip = val 阅读全文

posted @ 2021-01-28 23:18 Mike17 阅读(2204) 评论(0) 推荐(0) 编辑

Animate.css

摘要： Animate.css 是一个有趣的，跨浏览器的 css3 动画库，内置了很多典型的 css3 动画，兼容性好使用方便。 1.引入使用 npm install animate.css --save 2.场景案例。。。。。阅读全文

posted @ 2021-01-28 23:04 Mike17 阅读(129) 评论(0) 推荐(0) 编辑

Normalize.css

摘要： Normalize.css只是一个很小的css文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的css reset，Normalize.css是一种现代的，为HTML5准备的优质替代方案。 1.引入使用 npm install normalize.css --save im 阅读全文

posted @ 2021-01-28 23:00 Mike17 阅读(56) 评论(0) 推荐(0) 编辑

报错[Vue warn]:Invalid prop:custom validator check failed for prop "percentage"

摘要： 1.html部分 <el-table-column prop="userzb" label="用户占比"> <template solt-scope="scope" v-if="btnType 1"> <el-progress v-if="scope.row.userzb" :percentage= 阅读全文

posted @ 2021-01-01 18:33 Mike17 阅读(4904) 评论(0) 推荐(0) 编辑

vue-router多级路由变化,watch无法监听

摘要： 1.路由发生改变调用方法 beforeRouteEnter(to,from,next){ next(vm => { if(from.name && (to.name!==from.name)){ vm.getlist() } }) }, 阅读全文

posted @ 2020-12-28 23:23 Mike17 阅读(379) 评论(0) 推荐(0) 编辑

左侧菜单和页面左右布局，菜单折叠内容页面自适应

摘要： 1.左侧菜单div样式 .leftMenu{ position :fixed; top: 60px; left: 0; bottom: 0;　z-index: 10; height: 100%; text-align: center; background: #201f20; } 2.左侧菜单宽度阅读全文

posted @ 2020-12-21 23:58 Mike17 阅读(1036) 评论(0) 推荐(0) 编辑

css点击下层穿透上层元素

摘要： 1.css点击下层穿透上层元素，实现点击下层元素的效果； pointer-events: none; 阅读全文

posted @ 2020-07-21 23:13 Mike17 阅读(783) 评论(0) 推荐(0) 编辑

浏览器全屏效果

摘要： 1.全屏监听事件 const isFullscreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.fullScreen | 阅读全文

posted @ 2020-07-21 23:06 Mike17 阅读(94) 评论(0) 推荐(0) 编辑