发表于: 2019-07-31 21:01:32

2 1014


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 
明天计划的事情:(一定要写非常细致的内容) 
遇到的问题:(遇到什么困难,怎么解决的) 
收获:(通过今天的学习,学到了什么知识)

1.暂时性死区

只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tmp = 123;

if (true) {

  tmp = 'abc'; // ReferenceError

  let tmp;

}

上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。

ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。


2.如何使用表单验证

利用手工js代码

    if/switch,或者正则表达式,+DOM操作

       缺点:代码量大,耗时多

       优点:相比于第三方库,可以减少加载的js文件大小,样式灵活

       如果网站的表但很少,或者格式简单,或者对性能的要求高,可以手工写

利用js第三方插件

    优点:全站适用,手工代码量少

    缺点:有可能加重服务器负担,样式相对固定

h5  表单验证方法

1. required    必须输入文本

2.type 的值可以变为如number(必须是数字)、email(比如没有@会报错)、URL(输入网址格式)等

3. pattern   根据表单控件上设置的格式规则验证输入是否为有效格式pattern="[0-9]{16}"

4. max   min  (range里面)属性  表示最大最小值    maxLength  最大输入长度

5. step 为表单控件设置step特性,指定数值的增量

1.ng-message则呢用?

首先要引入messages的cdn文件,

<script src="https://cdn.bootcss.com/angular-messages/1.3.16/angular-messages.js"></script>

在其次在需要验证的地方按格式来写:ng-message="required"

2.如何验证手机号码?

<script type="text/javascript">

function validatemobile(mobile) 

if(mobile.length==0) 

alert('手机号码不能为空!');

return false; 

if(mobile.length!=11) 

alert('请输入有效的手机号码,需是11位!');

return false; 

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 

if(!myreg.test(mobile)) 

alert('请输入有效的手机号码!'); 

return false; 

</script>

3.如何验证只能是英文字母?

<script type="text/javascript">

//验证只能是字母

function checkZm(zm){ 

var zmReg=/^[a-zA-Z]*$/; 

if(zm!=""&&!zmReg.test(zm)){ 

alert("只能是英文字母!");

return false; 

</script>

<script type="text/javascript">

//验证只能是字母

function checkZm(zm){ 

var zmReg=/^[a-zA-Z]*$/; 

if(zm!=""&&!zmReg.test(zm)){ 

alert("只能是英文字母!");

return false; 

</script>




返回列表 返回列表
评论

    分享到