发表于: 2021-06-02 21:24:37

0 2109


今天完成的事情:任务进行中,JS知识巩固


明天计划的事情:任务进行,深度思考

收获:

表单验证:表单是非常重要的,它负责用户与程序的交互。它承载着一部分数据校验的功能,以此减少服务端的压力

angular的表单控件有两种使用方法。

1、管理单体表单控件,比如只有一个input或select,就是不在form标签内的,单独使用的表单。

2、管理一组表单事件,用form标签包裹起来的一组表单元素。


响应式验证:响应式表单更健壮:它们的可扩展性、可复用性和可测试性更强。 如果表单是应用中的关键部分,或者你已经准备使用响应式编程模式来构建应用,请使用响应式表单。

模板驱动验证:为了向模板驱动表单中添加验证,需要添加一些验证属性。模板驱动表单在往应用中添加简单的表单时非常有用,比如邮件列表的登记表单。它们很容易添加到应用中,但是不像响应式表单那么容易扩展。如果你有非常基本的表单需求和简单到能用模板管理的逻辑,请使用模板驱动表单。例:

<input type="password" id="password" placeholder="请输入密码" maxlength=16 name="pwd" [(ngModel)]="pwd" #emailFC="ngModel" required /><h6 *ngIf="emailFC.invalid" class="alert alert-danger">
    请输入
</h6>


JS知识:“编程风格”

“编程风格”(programming style)指的是编写代码的样式规则。不同的程序员,往往有不同的编程风格。

编译器的规范叫做“语法规则”(grammar),这是程序员必须遵守的;而编译器忽略的部分,就叫“编程风格”(programming style),这是程序员可以自由选择的。但这种说法不完全正确,程序员固然可以自由选择编程风格,但是好的编程风格有助于写出质量更高、错误更少、更易于维护的程序。

编程风格的选择不应该基于个人爱好、熟悉程度、打字量等因素,而要考虑如何尽量使代码清晰易读、减少出错。你选择的,不是你喜欢的风格,而是一种能够清晰表达你的意图的风格。这一点,对于 JavaScript 这种语法自由度很高的语言尤其重要。

如果你选定了一种“编程风格”,就应该坚持遵守,切忌多种风格混用。如果你加入他人的项目,就应该遵守现有的风格。

缩进:行首的空格和 Tab 键,都可以产生代码缩进效果。无论选择哪一种方法,都是可以接受的,要做的就是始终坚持这一种选择。不要一会使用 Tab 键,一会使用空格键。

区块:如果循环和判断的代码体只有一行,JavaScript 允许该区块(block)省略花括号。尽量不要懒省事,养成好习惯。当代码或条件多行时,省略花括号就会出bug,或达不到理想的效果。因此,总是使用花括号表示区块。表示区块起首花括号,不要另起一行。不然容易出错:(JS脚本会自动添加句末的分号

// 出错

return 

{  

key: value 

};

// 相当于

return; 

{  

key: value 

};


// 上面的代码原意应该是这

return {  

key : value 

};


圆括号:圆括号(parentheses)在 JavaScript 中有两种作用,一种表示函数的调用,另一种表示表达式的组合(grouping)

可以用空格,区分这两种不同的括号:

表示函数调用时,函数名与左括号之间没有空格。

表示函数定义时,函数名与左括号之间没有空格。

其他情况时,前面位置的语法元素与左括号之间,都有一个空格。


全局变量:全局变量对于任何一个代码块,都是可读可写。这对代码的模块化和重复使用,非常不利。尽量少用全局变量,不得已时,可用大写字母表示变量名,就容易看出这是个全局变量。


相等和严格相等:

JavaScript 有两个表示相等的运算符:“相等”(==)和“严格相等”(===)。

相等运算符会自动转换变量类型,造成很多意想不到的情况。例:

0 == ''// true

1 == true // true

2 == true // false

0 == '0' // true

false == 'false' // false

false == '0' // true

'\t\r\n' == 0 // true

因此,尽量不要使用相等运算符(==),只使用严格相等运算符(===)。




返回列表 返回列表
评论

    分享到