前端编程tips

Posted Yogurshine

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端编程tips相关的知识,希望对你有一定的参考价值。

1.ts less 网上搜视频教程,不用太复杂的,短短几分钟视频基本就对其入门了,比自己搜官网学习更方便。

常用的ts技术:let name:string="";  let obj:ClassName={};  let array:class[]=[];

as htmlDivElement, interface calss private static public export ,以及()=>{};,箭头表达式

.dt.ts文件

2.less: @color:red; .common{}; .common(@color,@width){}; 嵌套关系,&

3.多用domObj.querySelection().classlist.add /remove 及多用添加或一出class来控制样式,比如select样式,display样式等

4.querySelectionAll()不保证顺序。不能使用querySelectionAll()[i]来使用选定的元素。

getElemensByClassName()应该可以保证顺序,

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

 

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

 

提示: 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。

 

还要注意:detElementById()只能是document调用,前提是保证要查找的元素或是其容器元素已经挂到document上。

5.Array 非常好用的函数:filter map slice, some every,join ,sort,concat,push pop,splice等,注意有的是直接修改原数组,有的是返回新数组,基本都是返回新数组。

6.string,非常好用的函数:indexof....

7.给元素添加属性的两种方法:document.getElementById("#a").setAttribute("属性名","属性值");取得时候用getAttribute

                                                 elem["属性名"]="属性值",取得时候用 =elem["属性名"]

8.挂事件,触发事件的方法:addEventListener

8.编程规范:

a.超过一处使用字符串“”,就应定义为变量,以防别人拼写错误。比如自定义属性名,自定义事件名等

b.变量命名:局部变量小写字母开头,成员变量,私有,一般_开头,public的大写字母开头,函数小写字母开头。

c.函数降低冗余,内部适当留空行,不要写的堆在一起,不利于人review.

9.版本管理工具使用注意:

a,多check in,修再小一个bug也要check in.

b.要提交之前,多看看pedding,对比看一下改了什么,把debugger,断点之类的去掉。

10.报bug注意事项:

a.写清楚,复杂的尽量多配上图。让别人能照着操作。

b.修安排给自己的bug之前,先看是否能重现。

 

以上是关于前端编程tips的主要内容,如果未能解决你的问题,请参考以下文章

前端 | 前端函数式编程浅析

web前端是用DW来编程的吗?

大前端进击之路:函数式编程

前端拾遗01|从前端函数式编程开始

WEB前端教程——2016 版 Laravel 系列入门教程

前端响应式编程与实时计算:从 RxJS 到 Flink