20220704今天学了什么知识弄明白
作者:互联网
template里面写的 增加一个按钮 重置
<el-button @click="reset">重置</el-button>
写在methods方法中的函数方法
reset(){ // 1.清空数据。页面中只有一个查询数据。然后这个数据在data中声明变量里大括号里没有变量,所以这边写的时候就是大括号里面是空的。 // 这个是searchData变量里面还有其他变量。 this.searchData={}; // 2.查询所有的数据 this.getFileTypeList(); }
// 点击事件 重置 reset(){ // 1.清空数据 this.searchData={ pageNum: 0, pageSize: 10, typeName: "", }, // 调用函数 重新搜索全部的。 this.getCaseList() }
reset(){ // 清空搜索输入框的数据。 searchData={ pageNum: 1, pageSize: 10, }, // 调用函数,查询数据,刷新数据。 this.getKeyWordsList() },
2)第二个任务:
金额输入
实现功能:任务2:输入框 金额数字输入的时候,金额中间每间隔三位 中间写个逗号分隔。。输入完成后点击 保存按钮 之后是不显示逗号的。
控制输入的数字的长度,是字符串长度控制的。小数需要的。20.00。
先用自然语言写出来。1 2 3 4步。
》》会做吗?换个问法,有思路吗?第一步就是监听输入。拿到了字符串之后,你想怎么做?
把步骤用自然语言写下来!!!你一上来就检测长度。。。。1,234.12这种的长度你怎么办?如果别人输入了非法的呢?1.12.12。如果是负数呢?如果是负数呢?-12.23
所以你一上来就检测长度,是不对的。
》》把你的思路写出来。步骤1、2、3、4。然后我告诉你有没有漏洞。这是逻辑思维。与技术无关。输一个检测一次。
问:
它这个数字 是边输入的时候,输入到第4个数字,前面会显示一个逗号,还是数字全部输入好了之后,显示逗号?银行的那个好像就是输入第4个数字的时候,前面就会显示逗号。
思路:
1.输入数字的时候,长度是第四个的时候前面加上逗号。
2.检测输入的数字个数数字个数是4的倍数,前面就会插入一个逗号。
3.点击保存按钮之后,数字中间的逗号消失。
---->太简陋了你这个算法 我不知道它用什么办法可以去做每个功能。
>>>分析:假设你要写的这个算法叫做 function change( str )
1. 去除str里面所有的逗号
2. 通过小数点将str分割成两段,整数、小数
3. 将整数部分,分成N个数组,从右往左,每3个字符为1组
4. 利用join(",")将整数部分连接起来
还要考虑下是不是以-开头。
那人家输入 -.1,你咋办?人家输入 -1-1.1?你又咋办。你想?你仔细想?你把自己当客户,随便输。
isNaN 还要检测客户小数点只能输入一次。不允许输入负数。
差不多有思路了吧,搞起。 先试着弄弄。
事业心,学习的上进心。 明天把同学给的课程下一下。
多动脑。编程不需要太多体力。只需要大脑思考就可以了。不需要很多食物。一口两口,吃不下,吃多了胃难受,挤压肠道。瘦子隔壁邻居小姐姐。
vscode 小技巧 查询是ctrl+f,然后找到需要复制查询的字母,按住Ctrl+c,然后就按住ctrl不动,按住f,然后就粘贴到搜索的输入框当中了。
Vue进阶(七十二):css 样式中 逗号、空格、冒号、点号、~、>的区别 转
No Silver Bullet
于 2019-09-09 20:24:47 发布
3262
收藏 10
分类专栏: # Vue2 网站开发进阶 文章标签: css 逗号 空格 冒号 点号
版权
Vue2
同时被 2 个专栏收录
208 篇文章495 订阅
已订阅
网站开发进阶
80 篇文章230 订阅
订阅专栏
文章目录
一、前言
二、css 中逗号,空格,冒号,点号的含义
三、拓展阅读
一、前言
css中元素标识用逗号隔开,表示两个不同类的样式类名用同一个样式;
空格隔开表示从属包含关系,是当前的元素子元素;
逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。
比如下面的代码示例:
<div class="content">
<span class="content-child">子内容</span>
内容</div>
<div class="conter">内容2</div>
<style>
.content .content-child{
color:red;//空格隔开表示在类content下的类样式.content-child的样式被改变了
}
.content,conter{
color:#ffd014;//逗号表示在不同的类下,样式都被改变。
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
二、css 中逗号,空格,冒号,点号的含义
比如:
一:#a,b{…………}
二:#a b{…………}
三:#a:b{…………}
四:#a.b{…………}
这是四个分别代表着什么含义呢?
一、一个id叫a和一个标签是b的样式
二、一个id叫a下面的一个标签是b的样式
三、一个id叫a的伪类b,例如:a:hover
四、一个id叫a的下面的class叫b的样式
css中“~”作用域为同一父元素下的所有子元素,例如为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:
p~ul{
background:#ff0000;
}
1
2
3
<p>快乐生活</p>
<ul>
<li>生活</li>
<li>生活</li>
<li>生活</li>
</ul>
1
2
3
4
5
6
p~ul 选择前面有 <p> 元素的每个 <ul> 元素。
两种元素必须拥有相同的父元素,但是 ul不必直接紧随 p。
css中“>”是css3特有的选择器,A>B 表示选择A元素的所有子B元素。
与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。
.a,.b{逗号指相同的css样式};
.a .b{空格指后代元素};
.a>.b{大于号指子代元素};
若想获取某一元素后的所有子元素,可以使用如下语句:
element1 > * {
// CSS样式
}
1
2
3
三、拓展阅读
《Vue进阶(幺肆贰):CSS-静态定位,相对定位,绝对定位,固定定位的用法和区别详解》
《Vue进阶(幺肆叁):如何用绝对定位(position:absolute)完美定位布局及其注意事项》
————————————————
版权声明:本文为CSDN博主「No Silver Bullet」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/sunhuaqiang1/article/details/100673688
标签:20220704,元素,样式,知识,逗号,css,学了,空格,输入 来源: https://www.cnblogs.com/effortandluck/p/16444959.html