一些提高用户体验的前端技术

随着HTML5及CSS3.0的成熟使用在互联网行业中,使用一些用户体验不断提升。下面对一些前端技术上小细节可以提高用户体验,也提高网页渲染的性能。

一、在一个单页面的网页中尽量使用最少的dom结构来实现。

详细参见于http://www.w3schools.com/ 官网。

二、JavaScript层面上

1.尽量减少dom操作。使用ID操作及事件代理。

2.将多处使用的dom节点做缓存处理,后面使用缓存模式操作提高js性能。

3.使用jQuery框架时,使用链式操作提高性能。

4,使用angularjs前端框架框架

(1)在使用ng-if或者ng-show时,请将默认显示的dom结构使用条件"false"来呈现。 因为angularjs框架在没有设置值前时 undefined,这样后续初始化成默认显示dom也不会出现一丝抖动,提高用户体验。


后续继续,上午就写到这里。。。



你可能感兴趣的:(WEB开发技术)