如果以上sTr为一个空串或是一个空格，isNaN将把c当作数字0来处理，所以检查不严谨。 ?...[0-9]*$/; //判断字符串是否为数字 ，判断正整数用/^[1-9]+[0-9]*]*$/ if(!...reg.test(num)){ alert("请输入数字"); return false; }else{ alert("数字输入正确");...[0-9]*$/; //判断字符串是否为数字 ，判断正整数用/^[1-9]+[0-9]*]*$/ if(!..." id="btn1"> 第三种方法： 利用typeof的返回值 验证方法：如果返回的值为Number，则为数字；如果返回值为String或其它，则不是数字。
目录 背景 JDBC 中的 ResultSet 简介 简单映射 回归最初的问题：查询结果为空时的返回值 结论 背景 一行数据记录如何映射成一个 Java 对象，这种映射机制是 MyBatis 作为 ORM...看完这篇你就知道查询结果为空时候为什么集合会是空集合而不是 NULL，而对象为什么会是 NULL 了。 PS：对过程不感兴趣的可以直接跳到最后看结论。...回归最初的问题：查询结果为空时的返回值 | 返回结果为单行数据 可以从 ResultSetHandler的handleResultSets 方法开始分析。...所以不管是集合类型还是普通对象，Mybatis 都会先初始化一个 List 存储结果，然后返回值为普通对象且查为空的时候，selectOne 会判断然后直接返回 NULL 值。...而返回值为集合对象且查为空时，selectList 会把这个存储结果的 List 对象直接返回，此时这个 List 就是个空集合。
=会过滤值为null的数据 在测试数据时忽然发现，使用如下的SQL是无法查询到对应column为null的数据的： 1 select * from test where name !...= 'Lewis'; 本意是想把表里name的值不为Lewis的所有数据都搜索出来，结果发现这样写无法把name的值为null的数据也包括进来。 上面的!...=换成也是一样的结果，这可能是因为在数据库里null是一个特殊值，有自己的判断标准，如果想要把null的数据也一起搜索出来，需要额外加上条件，如下： 1 select * from test where...null值的比较 这里另外说下SQL里null值的比较，任何与null值的比较结果，最后都会变成null，以PostgreSQL为例，如下： 1 2 3 4 select null !...另外有些函数是不支持null值作为输入参数的，比如count()或者sum()等。
当模板表达式计算结果为true时，Angular会添加类。 当表达式为false时，它将删除类。 值的更改，代码会绑定到输入框的输入事件。 当用户进行更改时，将引发输入事件，绑定在包含DOM事件对象$event的上下文中执行语句。...例如，您可以将数字显示为货币，强制文本为大写，或筛选列表并对其进行排序。 对于这些小型转换来说，Angular 管道是一个很好的选择。 管道是简单的函数，它接受一个输入值并返回一个转换后的值。...和null属性路径 Angular安全导航运算符（?.）与Dart条件成员访问运算符一样，是防止属性路径中的空值的便利方法。 在这里，如果currentHero为空，则防止视图呈现失败。...另一方面，属性路径中空值时不时出现可能还好，特别是当数据现在为空，将来将返回数据。 在等待数据的时候，视图应该没有怨言地呈现，而null属性路径应该像title属性一样显示为空白。
当它通过事件绑定的形式被绑定时，值会“流出”这个属性。 你只能通过它的输入和输出属性将其绑定到其它组件。...) 和空属性路径 Angular 的安全导航操作符 (?.) 是一种流畅而便利的方式，用来保护出现在属性路径中 null 和 undefined 值。...下例中，当 currentHero 为空时，保护视图渲染器，让它免于失败。 The current hero's name is {{currentHero?....name}} 当绑定中 title 属性为空，仍然会继续渲染 非空断言操作符（!） 在 TypeScript 2.0 中，你可以使用 --strictNullChecks 标志强制开启严格空值检查。...在这种模式下，有类型的变量默认是不允许 null 或 undefined 值的，如果有未赋值的变量，或者试图把 null 或 undefined 赋值给不允许为空的变量，类型检查器就会抛出一个错误 Angular
将null值做一个转换 在dart中 ?? 操作符表示当一个值为空时会给它赋值 ?? 后面的数据 ❌ if (optionalThing?....."); } 当 optionalThing 为空的时候，上面就会有空指针异常了。 这里说明一下。 ?....操作符相当于做了一次判空操作，只有当 optionalThing 不为空的时候才会调用 isEnabled 参数，当 optionalThing 为空的话默认返回null，用在if判断句中自然就不行了...下面是正确做法 ✅ // 如果为空的时候你想返回false的话: optionalThing?....false; // 如果为空的时候你想返回ture的话: optionalThing?.isEnabled ?? true; ❌ optionalThing?.
为什么要移除而不是隐藏？ 指令可以通过将其显示样式设置为无隐藏不需要的段落。...Angular将它们设置为上下文的index和odd 属性的当前值。 没有指定let-hero的上下文属性。 它的原意是隐含的。...Angular设置let-hero为上下文的$implicit属性的值，NgFor已经用当前迭代的hero初始化了它的值。 API指南描述了额外的NgFor指令属性和上下文属性。...当你编写自己的结构指令时，可以使用这些微观语法机制。 研究NgIf和NgFor的源代码是了解更多信息的好方法。 模板输入变量 模板输入变量是一个变量，其值可以在模板的单个实例中引用。...当NgSwitchCase的值与switch的值匹配时，会显示它的宿主元素。当没有同级NgSwitchCase匹配switch的值时，NgSwitchDefault显示它的宿主元素。
数字 字符串 数组 元组 枚举 空值 Null 和 Undefined 3.变量和常量 let 定义变量（var也可以定义，但是推荐使用let） const 定义常量（不允许重新赋值）...实现可选参数的功能，可选参数放在必填参数之后） 默认参数（默认参数可传值也可不传，一般默认参数在必须参数之后，但也可以定义在默认参数之前，但此时必须明确传入undefined以获取默认值） 剩余参数...通过实现一个或多个 Angular core 库里定义的生命周期钩子接口，开发者可以介入该生命周期中的这些关键时刻 每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上 ng 前缀构成的。...比如，OnInit 接口的钩子方法叫做 ngOnInit， Angular 在创建组件后立刻调用它 ngOnInit() 在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后，初始化指令...ngOnDestroy() 每当 Angular 每次销毁指令/组件之前调用并清扫。 在这儿反订阅可观察对象和分离事件处理器，以防内存泄漏。 在 Angular 销毁指令/组件之前调用。
安全导航运算符 在视图中使用的属性值为 null or undefined 时，javascript 和 angular 会引发空指针异常并中断视图的渲染过程， 从而视图会渲染失败，而使用了安全导航运算符...非空断言运算符 在 tsconfig.json 中启用 strictNullChecks 属性，typescript 将会强制开启严格的空值检查，在这种模式下，所有定义了类型的属性是不允许赋值为 null...的，当将属性赋值为 null，则会编译报错 ?...非空断言运算符用来告诉编译器对特定的属性不做严格的空值校验，当属性值为 null or undefined 时，不抛错误。...name}} 非空断言运算符不会防止出现 null 或 undefined，只是不提示 4.3.2、常用的管道函数 纯管道 只有在它检测到输入值发生了纯变更时才会执行，但是会忽略对象内部的变更
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。 ng-bind 指令把应用程序数据绑定到 HTML 视图。...-- 修改输入框的值，此处名字也会相应修改 --> var app = angular.module("myApp", []); app.controller("myCtrl...$error.email }} 如果输入的Email的值非法则为 true CSS类，基于它们的状态为 HTML 元素提供了 CSS 类 ng-empty 为空的时候 ng-not-empty 不为空的时候 ng-touched 控件已失去焦点 ng-untouched...的情况 ng-pristine 控件为初始状态 3.6. ng-repeat指令 对于集合中（数组中）的每个项会 克隆一次 HTML 元素。
四、Step by Step 4.1、表单简介 用来处理用户的输入，通过从视图中捕获用户的输入事件、验证用户输入的是否满足条件，从而创建出表单模型修改组件中的数据模型，达到获取用户输入数据的功能 模板驱动表单...在使用 ngModel 进行模板绑定时，angular 在 form 标签上自动附加了一个 NgForm 指令，因为 NgForm 指令会控制表单中带有 ngModel 指令和 name 属性的元素，而...4.2.3、数据的有效性验证 某些时候需要对于用户输入的信息做有效性验证，此时可以在控件上添加上原生的 HTML 表单验证器来设定验证条件，当表单控件的数据发生变化时，angular 会通过指令的方式对数据进行验证...，在使用时，通过将控件的实例赋值给属性，后续则可以通过监听这个自定义的属性来跟踪表单控件的值和状态 import { Component, OnInit } from '@angular/core';...使用 FormBuilder 构建的控件，每个控件名对应的值都是一个数组，第一个值为控件的默认值，第二项和第三项则是针对这个值设定的同步、异步验证方法 import { Component, OnInit
网上有大量文章描述如何实现这个接口，但很少说到它在 Angular 表单架构里扮演什么角色，如果你不仅仅想知道如何实现，还想知道为什么这样实现，那本文正合你的胃口。...FormControl 和 ControlValueAccessor 如果你之前使用过 Angular 表单，你可能会熟悉 FormControl ，Angular 官方文档将它描述为追踪单个表单控件值和有效性的实体对象...），你需要把更新的值传给这个回调函数，这样对应的 Angular 表单控件值也会更新（译者注：这一点可以参考 Angular 它自己写的 DefaultValueAccessor 的写法是如何把 input...组件封装器 由于 Angular 为所有默认原生控件提供了控件值访问器，所以在封装第三方插件或组件时，需要写一个新的控件值访问器。...当然我们也可以使用 ngOnChanges 生命周期钩子来追踪输入属性 value 值的变化，一旦其值变化，我们就将该值设置为 slider 控件的值。
]，那么为什么会这样呢？...该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。...[1,2,3].forEach(function(x){console.log(this)},Math)//Math 1.3让Array成精 我们知道，Array可以直接生成某一个长度元素全是空的数组：...Array(5)//注意了，5空和5个undefined是不同的 不妨apply一下： Array.apply(null, { length:5 })// [undefined, undefined,...2.1字符串转数字 有全世界都知道的parseInt，但是我们又可以用简单一点的方法： //就是让他进行不改变本身的值的数学运算 +"1" "1"*1 "1"|0 "1" >> 0 "1" << 0 复制代码
(如AD 1 => 0001, AD 2010 => 2010) 'yy': 2位数字的年份，范围为(00-99)。...(0-59) '.sss' or ',sss': 毫秒,范围为 (000-999) 'a': am/pm 标记 'Z': 4 位数字的时区偏移(+符号)(-1200-+1200) 'ww':...点击价格与名称可以进行排序，排序时显示向上或向下的箭头，在搜索框中可以输入查询条件过滤数据。验证搜索框中的内容只能是字母与数字，不允许输入其它类型的字符。...参考 Angular的 强上下文转义。 此外，浏览器的 同源策略 和 交叉源资源共享(CORS) 策略会进一步限制模板是否能成功载入。...包含时请注意中间页面地址要加引号，需要的是一个字符，如果不加会认为是一个变量。
[1,NaN,NaN]，那么为什么会这样呢？...该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。...].forEach(function(x){console.log(this)},Math)//Math 1.3让Array成精 我们知道，Array可以直接生成某一个长度元素全是空的数组： Array...(5)//注意了，5空和5个undefined是不同的 不妨apply一下： Array.apply(null, { length:5 })// [undefined, undefined, undefined...2.1字符串转数字 有全世界都知道的parseInt，但是我们又可以用简单一点的方法： //就是让他进行不改变本身的值的数学运算 +"1" "1"*1 "1"|0 "1" >> 0 "1" << 0 2.2
更多的，大括号之间的文本是一个模板表达式，Angular首先评估并转换为一个字符串, 通过添加这两个数字来进行以下内插： 的绑定，然后让框架完成工作。 Angular提供了多种数据绑定。 本指南涵盖了大部分的Angular数据绑定及其语法的高级使用。...disabled属性，并将其值设置为组件的isUnchanged属性的当前值。...属性绑定（[property]） 编写一个模板属性绑定来设置一个视图元素的属性。 该绑定将该属性设置为模板表达式的值。 最常见的属性绑定将元素属性设置为组件属性值。...Angular可能会或可能不会显示更改的值。Angular可能会检测到更改并发出警告错误。通常来说,保留数据属性和方法返回值就够了。
ng-model 指令用于绑定变量,这样用户在文本框输入的内容会绑定到变量上，而表达式可以实时地输出变量。...、firstChar为空的时候，SQL语句仍然执行了插入操作。...、firstChar为空的时候，SQL语句没有执行了插入操作。...) ==> Parameters: 深圳市黑马训练营(String), null, S(String) 2.4.2.4 构造条件修改数据-忽略空值 /** * 构造条件执行修改 * 忽略空值 *...Brand brand = new Brand(); brand.setId(25L); brand.setName("深圳市黑马训练营"); //把brand作为查询条件，这里会忽略空值
问：为什么 [1, 2, 3].map(parseInt) 返回 [1,NaN,NaN]? 答：parseInt函数的第二个参数表示要解析的数字的基数。该值介于 2 ~ 36 之间。...如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。...如果字符串中只包含十六进制格式，那么就转换为对应的十进制数字。 如果字符串为空，那么转换为0。 如果字符串包含上述之外的字符，那么转换为 NaN。...ToPrimitive 方法接受两个参数，一个是输入的值 input，一个是期望转换的类型 PreferredType。...如果输入的值是个对象 如果 hint 是个字符串并且值为'string'或者'number' 如果 hint 是'string'，那么就将 methodNames 设置为 toString、valueOf
---- 基础概念 国内的官网--基础 词汇表(又名计算机术语--angular2 & es6 & es7) 速查表:又名demo写法表,里面涵盖了很多写法，相当于一本小字典 关于ng2的一堆为什么:...：组件逻辑处理 // 导入装饰器：装饰器可以理解为一些函数的封装，使其书写起来非常简洁明了 import { Component } from '@angular/core';...， |是管道，支持多个管道，支持内置管道和自定义管道，:跟随是管道的参数，后续文档我写一个如何自定义管道的文章 []="":绑定组件内的值[单向，数据流向视图]，指令，原生html控件的自身属性[value...true : false ) 直接赋值运算(item = 2); 变量传递 空值保护运算符(?.) item?.a?....b : 会判断item是否有a这个值，防止undefined或者null让视图渲染报错 ---- 最最最常用的内置指令 样式绑定(ngClass) [ngClass]或者[ngStyle]:可以传递一个对象
⑧：为什么组件中的data属性的值必须是一个函数？...与Angular的区别： ●与Angular 1对比，Vue的性能更加优越，Angular性能会随着watcher的增加而变慢，而且Angular中一些watcher会出触发另一个更新，使得“脏检查循环...Q 简单描述一下Vue中的MVVM模型 Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。...来自vue官网 Q 非父子层级的组件如何实现通信？ 简单的应用场景下，可以使用一个空的Vue实例作为中央事件总线。...keep-alive指令允许把切换出去的组件保留在内存中，并保留它的状态或避免重新渲染。 Q 为什么组件中的data属性的值必须是一个函数？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
