发表于: 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>
评论