前端编程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之前,先看是否能重现。

时间: 2024-08-02 11:44:58

前端编程tips的相关文章

前端编程和线程

转自:http://www.cnblogs.com/liaowanzhong/p/5143692.html 1.       HTML5是以后前端编程的趋势,因为它封装了html4+CSS+JavaScript,可以提升了编程开发效率.但是并不代表CSS和Js就可以不学习,当你明白了编程语言底层的原理之后对程序员的编写的程序的健壮性和出错调试都很有帮助. a)         CSS的作用就是给html标签的属性赋自定义的初始值,完成对页面文档流的渲染效果. b)         Js的作用就是

前端编程提高之旅(二)----网站常见特效的jquery实现

最好的编程语言是逻辑,前端各种交互特效的实现多可以用jquery实现,特效可以纷飞,内在逻辑则基本不变.这一篇文章主要介绍jquery实现常见特效背后的逻辑.    1.通过类名获取元素集合    首先来看一个js原生代码不支持的方法,通过类来获取元素集合. document.getElementsByClassName=function(classname){ var retnode = []; var myclass = new RegExp('\\b'+classname+'\\b');/

前端编程提高之旅(三)----浏览器兼容之IE6

在爱奇艺实习期间,乐帝主要负责移动端活动页面的制作,由于移动浏览器是随着智能手机兴起的,这就决定了移动端不会重蹈浏览器兼容问题的覆辙,一开始就比较好的支持web标准,而纵观整个互联网行业,移动web开发还处于起步阶段,在很长一段时间pc端web作为主要的服务形式还会继续.从小来说作为一名前端开发人员,不了解浏览器兼容也会贻笑大方.这篇文章基于<IE7web标准之道>,对浏览器兼容做一个概览.    时间到了2014年,大概很少人会想到IE7发布之后,时隔这么多年IE6仍然占据市场7%的浏览器份

编程Tips

三元运算符 Vb中的iif(expr,truepart,falsepart)和C#中的expr?truepart:falsepart. 无论expr的结果是true还是false,true/falsepart都会被执行.所以不能写类似于obj!=null?obj.name:string.empty. truepart和falsepart的语句返回类型必须相同. 反射会造成性能损失,所以在多次调用某个语句,而该语句又使用反射获取信息时,应该进行代码改造. VB中的AndAlso类似于C#中的&&am

object-c编程tips

如何写一个对扩展开发对修改关闭的推送消息处理中心? 前一段时间做的推送消息处理,总是要根据不同的消息类型,进入到不同的消息处理流程中.由于消息处理流程的总体框架大同小异,只是具体的很小的一块代码不同. 于是很容易想到使用模板方法模式基类写框架流程,派生类负责具体的实现. 需要有三个类: LPPushDispatchCenter: 消息处理中心类 LPPushDispatch :消息处理基类 LPDetailPushDispatch(很多很多个这样的派生类): 消息处理派生类 所有的消息首先进入消

Java编程Tips

原文: Java编程中"为了性能"尽量要做到的一些地方 作者: javatgo 最近的机器内存又爆满了,除了新增机器内存外,还应该好好review一下我们的代码,有很多代码编写过于随意化,这些不好的习惯或对程序语言的不了解是应该好好打压打压了. 下面是参考网络资源总结的一些在Java编程中尽可能要做到的一些地方. 1. 尽量在合适的场合使用单例 使用单例可以减轻加载的负担,缩短加载的时间,提高加载的效率,但并不是所有地方都适用于单例,简单来说,单例主要适用于以下三个方面: 控制资源的使

学习前端编程之前的一些建议

这篇文章是对于编程小白新手来说的,对于已经在编程路上蹦跶的菜鸟,老鸟,大牛,请忽略~~哈哈! 1.打字速度是必备的素养! a) 打字速度是必备的素养! b) 可以使用市面上常见的打字练习工具,比如金山打字通等.不要练习中文打字,只练习英文打字就行了.英文文章一定要练习到每分钟100字母以上. 2.认识单词: 学习前端将来会学到很多新的单词,新的单词也不要慌,及时查询出来就行了,安装有道词典可以为我们节约很多的时间. 3.将学习当成兴趣: 把学习当游戏.我们都喜欢游戏,把学习融合到游戏里,从游戏里

前端编程经验的总结

功能界面设计,涉及到的技术有前端的CSS+DIV布局,以前布局使用表格,框架,现在布局基本上 使用区块的浮动布局. 功能界面实际的一般思路是: >1. 首先是要有项目的需求分析,完成需求说明的文档,这个部分右需求分析是完成. >2. 功能界面的设计,这部分由美工和网站策划师完成. >3. 前端工程师完成功能界面的实现,必须分毫不差的实现美工的效果. >4. 布局完成,渲染完成之后,即可以为表单添加特效,校验及其他的特效等,也就是      前端工程师的脚本编程. >5. 有些

前端编程提高之旅(二)----站点常见特效的jquery实现

最好的编程语言是逻辑,前端各种交互特效的实现多能够用jquery实现.特效能够纷飞.内在逻辑则基本不变.这一篇文章主要介绍jquery实现常见特效背后的逻辑.   1.通过类名获取元素集合    首先来看一个js原生代码不支持的方法.通过类来获取元素集合. document.getElementsByClassName=function(classname){ var retnode = []; var myclass = new RegExp('\\b'+classname+'\\b');//