首页 > 其他分享 >一些笔记记录

一些笔记记录

时间:2024-08-29 16:52:01浏览次数:10  
标签:string val 记录 笔记 输入框 var 一些 change 下划线

1. 样式绑定

<div id="id1" :style="style1">演示 v-bind</div>
<div class="c" :style="[cls?'a':'b']">演示 v-bind</div>


const style1 = {
  color: 'red',
  border: '1px solid #ccc'
}


<style scoped lang="less">
.a {
  color: red;
}
 
.b {
  border: 1px solid #ccc;
}
 
.c {
  background-color: aqua;
}
</style>

2. VUE 表单input 框使用@blur事件

    <el-input
      v-model="formData.certificateNumber"
      placeholder="请输入XXX"
      clearable
      @blur="haveCertificateNumber($event)"
    />
    
    
     async haveCertificateNumber(val) {
      val = val.target.value;
    },
@blur(失焦)

输入框失去焦点时触发
输入框在输入完成、移到其他地方时进行验证时,需要用到该事件,用此事件进行绑定验证方法即可
@change先于@blur

@change (改变)

@change=“((val)=>{change(val, index)})”

输入框里面内容发生改变且失去焦点时触发

@click (点击)

@click:可清空的单选模式下用户点击清空按钮时触发

3. 定义类型时的命名规范

规范:大写I开头,每个单词首字母都大写,如果类型是数组,后面加上Item,如:

export interface IOperateInfoItem {  
  action: string  
  name: string  
  createTime: string  
  type: string  
  docnumber: number  
}

4. 注释 /** */ 如果其他地方用到这个变量鼠标放上去有注释提示

5. 关于px与rem之间的自动转化(使用postcss-pxtorem)

6. 下划线模式和命名约定

通常变量前加下划线表示私有变量

函数名前加下划线表示私有函数

  • 单前导下划线:_var
  • 单末尾下划线:var_
  • 双前导下划线:__var
  • 双前导和末尾下划线:var
  • 单下划线:_

标签:string,val,记录,笔记,输入框,var,一些,change,下划线
From: https://blog.csdn.net/liuxiaoqi_123/article/details/141682559

相关文章

  • NSIS入门笔记
    1.基本介绍NSIS(NullsoftScriptableInstallSystem)是一个专业的开源系统,用于创建Windows安装程序。平时工作中想要把exe文件打包,并且在不同系统之间安装,可以使用NSIS,本文使用版本为3.08。2.下载地址可以通过搜索引擎搜索NSIS,推荐安全下载链接:https://nsis.sourceforge.io......
  • Effective Java理解笔记系列-第2条-何时考虑用构建器?
    类中有几个必选参数,且存在大量可选参数时。大量指至少有4个可选指大部分实例只在某几个可选域存在非零值,其他都是零。如:publicclassNutritionFacts{ privatefinalintservingSize;//每份含量,必选 privatefinalintservings;//每罐含量,必选 privatefinalintcalor......
  • 笔记:第二节快速入门 流程图的使用(下)
     视频第九分钟左右,outArray的size设置为5,初始值定为zeros(1,5),仿真失败。作者将初始值改为为zeros(5,1),之后成功。我尝试将初始值仍定为zeros(1,5),只需将outArray的size设置为-1(代表继承之前格式的意思)或者改为(1,5),仿真也可以运行.按照我的理解对constant的输入[12345]或......
  • 拉格朗日插值优化 DP 做题笔记
    本来想在洛谷题单里找斜率优化DP的,然后发现了一个拉格朗日插值优化DP的题单,就点进去尝试了一下。题单。于是先看了雨兔的题解,学了CF995F的做法,然后A了这个题。雨兔题解的链接和我的代码见CF上的提交记录。现在正在做后面的题。P3643[APIO2016]划艇\(a_i,b_i......
  • codeforces做题记录(1942D,1938J,1934D1,1933F)
    1942D.LearningtoPaint题目大意:给定一行白格子,可以将任意的格子染成黑色,最终形成多个黑色的连续段,对每个连续段[i,j]有一个权重(题目给定),为aij,每个染色方案的权值就是所有连续段的权值的和。要求所有染色方案中前k大的权值。注意事项:权重aij的范围是[-1e6,1e6],格子个数n<=10......
  • 学习笔记3——栈(C++版)
     接下来教大家如何实现一个栈,我们采用单链表的形式。其实说白了就是给单链表写个入栈和出栈的函数就好了。和上一篇文章说的一样,这里说的栈和stack容器是不一样的。如何实现栈1.定义链表节点structStackNode{DataTypeval;ListNode*next;ListNode(DataTy......
  • 学习笔记2——队列(C++版)
    注意了,这里说的队列并不是STL容器库里面的queue。像链表、队列、栈、二叉树其实是一种数据结构,而vector、queue、set等是容器,是不同的概念。队列的实现可以有很多方式,可以用结构体内储存数组来实现,也可以用结构体内储存结构体来实现,我们这里选择后者。如何实现一个队列1.......
  • PCIe学习笔记(一)-------1.2 PCIe总线简介
    1,PCIe概览PCIe是第三代外围设备总线,英文缩写为PCIe或者PCIExpress。PCIe是点对点,全双工的差分传输信号总线。点对点互连表示链路上的电气负载有限,从而使发送和接收频率可扩展到更高。PCIe目前成熟的版本有GEN1,GEN2,GEN3,GEN4和GEN5,每一代相较上一代传输速率和传输带宽都有了很大幅......
  • 【Markdown笔记】设置字体颜色——转载https://blog.csdn.net/u012028275/article/det
     【Markdown笔记】设置字体颜色dadalaohua于2021-04-0517:53:19发布阅读量5.7w 收藏 293点赞数103分类专栏: Markdown笔记 文章标签: markdown latex html版权GitCode开源社区文章已被社区收录加入社区Markdown笔记专......
  • 风控系统之事件溯源,决策流程记录与版本控制
    个人博客:无奈何杨(wnhyang)个人语雀:wnhyang共享语雀:在线知识共享Github:wnhyang-Overview背景一天,小明在风控管理台查看事件数据时,发现一笔决策结果为“拒绝”❌的交易事件,小明点开事件详情发现其触发了一条“24小时内向不同陌生账户转账超过30w”的规则,规则设置的处置方式是......