开发规范及Map了解

1.输入框限制字符 限制传空串
    maxlength="200"
                      show-word-limit
       @blur="rejectReason=$event.target.value.trim()"
2.列表多列排列
  
            
              
            
  
              
            


3.首尾不能是空格
{ pattern: /^(?!\s+).*(?<!\s)\(/, message: '首尾不能为空格', trigger: 'blur' } 4.单独校验一个字段 this.\)refs.form.validateField('name', valid => { if (valid) { console.log('send!'); } else { console.log('error send!'); return false; } })

5.let map = new Map([['name', 'mike'],['age', 25]]);
map.forEach(function (value, key, map) {
console.log(${key}: ${value})
})
Map新增
map.set('name', 'mike');map.set('age', 25);map.forEach(function (value, key, map) {
console.log(${key}: ${value})
})
Map删除
1.let map = new Map([['name', 'mike'],['age', 25]]);map.clear();
console.log(map.size); // 0
2.let map = new Map([['name', 'mike'], ['age', 25]]);map.delete('name');
console.log(map.size); // 1

1.Map查询
let map = new Map([['name', ''],['age', 0]]);console.log(map.has('name')); //trueconsole.log(map.has('age'));//trueconsole.log(map.has('country'));//false
2.获取对应值
let map = new Map([['name', 'mike'],['age', 25]]);console.log(map.get('name')); // mikeconsole.log(map.get('age')); // 25console.log(map.get('country')); // undefined

6.覆盆子样式
Scoped CSS 比较容易保持整洁,并且不会意外地将样式渗入应用程序的其他部分。但有时你需要覆盖子组件的样式,并突破该范围。Vue 有一个deep专门用于此的选择器:

复制代码

注意:如果你使用的是 SCSS 之类的 CSS 预处理器,则可能需要改用/deep/

posted @ 2021-11-05 09:42  木头小屋  阅读(67)  评论(0)    收藏  举报