20220704今天学了什么知识弄明白

2022-07-05 01:04:59 阅读：129 来源： 互联网

标签：20220704 元素样式知识逗号 css 学了空格输入

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

20220704今天学了什么知识弄明白