Vue学习之路第十九篇：按键修饰符的使用

1.我们工作中经常会有类似于这样的需求:按下Enter键触发某个事件.或者按下ESC退出页面等各种各样的场景.在Vue中,可以通过键盘修饰符来实现这样的场景. 2.事例代码: <body> <divi id="app"> 序号:<input type="text" v-model="idValue"/> 车名:<input type="text" v-model="nameV…

又到了大家最喜欢的项目练习阶段,学以致用,今天我们要用前几篇的学习内容实现列表的添加与删除. 学前准备: ①:JavaScript中的splice(index,i)方法:从已知数组的index下标开始,删除i个元素. ②:JavaScript中的findIndex() 方法:为数组中的每个元素都调用一次函数执行. 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数. 如果没有符合条件的元素返回 -1. ③:箭头函数(=…

Vue学习之路第十二篇：为页面元素设置内联样式

1.有了上一篇的基础,接下来理解内联样式的设置会更简单一点,先看正常的css内联样式: <dvi id="app"> <p style="font-size:30px;color:red">vue内联样式定义</p> </dvi> 在看看通过Vue的属相绑定实现的具体情况: <body> <dvi id="app"> <p :style="styleObj&q…

Vue学习之路第十八篇：私有过滤器的使用

1.上篇已经介绍了全局过滤器的使用,“全局”顾名思义就是一次定义处处使用,可以被一个页面里不同的Vue对象所使用,如下代码所示: <body> <div id="app1"> app1的时间格式化:{{dataStr | formatData}} </div> <div id="app2"> app2的时间格式化:{{dataStr | formatData}} </div> <script type…

Vue学习之路第十五篇：v-if和v-show指令

1.v-if和v-show都是用来实现条件判断的指令. 2.先看代码 <body> <div id="app"> <button @click="reverse()">click</button> <p v-if="flag">这是v-if指令控制</p> <p v-show="flag">这是v-show指令控制</p> <…

Vue学习之路第十四篇：v-for指令中key的使用注意事项

1.学前准备: JavaScript中有一个方法:unshift() ,其作用是向数组的开头添加一个或更多元素,并返回新的长度.该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推. 2.直接上代码 <body> <divi id="app"> 序号:<input type="text" v-model="idValue"/> 车名:<input type=&qu…

FastAPI 学习之路（十九）处理错误

系列文章: FastAPI 学习之路(一)fastapi--高性能web开发框架 FastAPI 学习之路(二) FastAPI 学习之路(三) FastAPI 学习之路(四) FastAPI 学习之路(五) FastAPI 学习之路(六)查询参数,字符串的校验 FastAPI 学习之路(七)字符串的校验 FastAPI 学习之路(八)路径参数和数值的校验 FastAPI 学习之路(九)请求体有多个参数如何处理? FastAPI 学习之路(十)请求体的字段 FastAPI 学习之路(十一)请…

学习之路三十九：新手学习 - Windows API

来到了新公司,一开始就要做个程序去获取另外一个程序里的数据,哇,挑战性很大. 经过两周的学习,终于搞定,主要还是对Windows API有了更多的了解. 文中所有的消息常量,API,结构体都整理出来了(还不是很全):Windows.zip 目录: 获取控件句柄模拟键盘和鼠标文本框赋值操作DateTimePicker控件操作TreeView控件识别简单验证码判断按钮状态正文: 一丶怎么获取每个控件的句柄第一种是使用FindWindow和FindWindowEx两个API结合使用,…

VUE笔记 - 过滤器 Vue.filter 形参默认值 @keyup.f2 自定义按键修饰符

过滤器函数的传参: 第一个参数 A 是固定的,表示要过滤之前的内容. 第二个参数 B,表示要把原本的内容 A 过滤成 B. 写函数内容时, 这里第二处只写个参数. 实际的值要写到管道符调用函数的括号内. 如下: {{ item.ctime | dateFormat('yyyy-mm-dd') }} Vue.filter('过滤器的名称', function (A, B) {}; 这里函数调用的时候没有传参, 但是在函数里写了一个默认值. 形参的默认值: 当不传入参数时,默认使用形参里的默认值 .…

Vue学习之路第十篇：简单计算器的实现

前面九篇讲解了vue的一些基础知识,正所谓:学以致用,今天我们将用前九篇的基础知识,来模拟实现计算器的简单功能,项目价值不高,纯粹是为了加深掌握所学知识. 学前准备: 需要掌握JavaScript的eval()函数,其主要是用来计算某个字符串,并执行其中的 JavaScript 代码. 直接上代码(vue.min.js 第一篇有下载链接): <!DOCTYPE html> <html lang="en"> <head> <meta charse…