- 博客(5)
- 收藏
- 关注
RSS订阅原创 TypeError: this.$el.querySelectorAll is not a function报错
在渲染权限tree时出现TypeError: this.$el.querySelectorAll is not a function。最后反复检查代码发现elementui中有个default-checked-keys （默认勾选的节点的 key 的数组）我们在绑定的时候一定要动态绑定也就是 :default-checked-keys。希望以后不要折磨粗心啦。
2023-03-21 23:53:18
2768
原创 js随机生成验证码
实现原理 1. html：一般就是一个div：<divid="code"></div>，样式根据需求设计。 2.JS：1）将所有的验证码所用的字符放在一个字符串中 2）在这个字符串的字符个数以内，随机生成索引号 3）根据索引号查找对应字符，拼接成验证码的字符串代码实现HTML：<div id="code"></div>效果图CSS： 1 * { 2 margi...
2021-10-29 10:38:09
1485
原创 flex弹性布局
1.为什么出现Flex弹性盒布局？ 布局的传统解决方案，基于盒子模型，依赖 display 属性 + position属性 + float属性。它对于有些特殊布局非常不方便，比如，垂直居中就不容易实现（现有技术满足不了开发需求） 3、flex发展历史2009年W3C 提出概念，但是官方没有flex这个词。当时使用display:box;表示弹性布局2011年浏览器厂商决定使用flexbox，来形容它的布局特点2015年W3C正式将其修改为flexbox布局2016年5月官方正式
2021-10-25 18:09:18
680
原创 移动端视口
视口分:视觉视口： 眼在页面上看到的内容布局视口：写html代码时的布局宽高1、布局视口：<style> header{height: 50px ; background: pink; margin-bottom: 10px;} aside{width: 30%; background: red; height: 300px; float: left;} article{width: 68%; background: pink; height: 30...
2021-10-25 17:49:42
182
原创 flex:1 到底代表什么
代码第一版利用flex: 1; 确实实现了三个不同内容的 div 平分空间, 所以按我以前的想法来说:flex: 1; === flex: 1 1 auto;这是完整写法, 详见mdn, 它还有另外两种完整写法, 分别是initial (0 1 auto)和none (0 0 auto)第一个参数表示:flex-grow 定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大 第二个参数表示:flex-shrink 定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩...
2021-10-25 17:39:58
820
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人