W3CTECH交流会第26期交流总结

做前端开发多年了，但还是第一次参加W3CTECH的交流会，有感于裕波童鞋的讲话，交流会重在交流而不是分享。
根据口碑网小豪的介绍，此次交流会是今年杭州站最后一期交流会，也是最近几项分享最多的一次，总共有四个分享主题：《JQUERY选择器的性能优化》《模块化WEB开发》《前端开发的基础回顾》《SASS的使用介绍》，以下就我对分享的认识做一些总结。

《JQUERY选择器的性能优化》
JQUERY的选择器是很强大的，可以很显著的提高JS对选择器的控制能力，它的灵活让使用它的人感到轻松，但在轻松下面，很容易让人忽视它的性能，在项目实践中，越是碰到节点多，对DOM操作多的时候，越是有性能上的问题出现，所以必须要知道如何去更好的使用JQUERY的选择器，避免过度的性能损耗。
JQUERY在选择器的查找是从左往右进行的，这跟CSS样式中从右向左查找是反过来的，所以我们把选择器的范围限制在一个小的范围内，可以降低性能损耗，如：
$('div.select') 高于 $('.select')
$('#select') 高于 $('div #select')
分享里不经意间让我看到了一个计算程序执行时间的方法

	var time1 = new Date();
	for(var i = 0; i < 1000; i++){
		document.write(i + ' ')
	}
	var time2 = new Date();
	alert(time2 - time1);

一看到这个简单的方法，我惊讶了，就这么一个简单的逻辑，困扰我多年，一直以来我还以为一定要通过什么强大的工具才能计算出它的运行时间，惭愧，这同时也足够说明交流的重要性，一些平时你认为很普通的东西，在其它人眼里可能就是宝贝了。

《模块化WEB开发》
模块化，顾名思义就是把一个页面化整为零，像搭积木一样，把一个个页面结构模块化，最终再拼装成一个完整的页面，通过模块化，可以加强JS、CSS、HTML的复用，提高页面性能，简化开发流程。
一个基本的模块化DEMO如下：

<div class="模块通用类名 模块独立类名" id="模块ID">
	<div class="模块通用类名_hd"></div>
	<div class="模块通用类名_bd"></div>
	<div class="模块通用类名_ft"></div>
</div>

杜欢的分享真是让人兴奋，模块化WEB开发思路在卡当网多年以前就已经在用了，但一直以来都被各种困难阻挠，难以顺利的实施，通过这次交流，更多明确了我们要强势的把这种好的开发模式执行下去。

《前端开发的基础回顾》
基础的往往都是重要的，在一年快要结束的时候来一个基础回顾，是一道年夜饭的好菜。

《SASS的使用介绍》
这是第二次听到关于SASS的介绍，不过这次讲的更细，基本上对它的使用方法有一个了解了，功能也很强大，可以说是一个CSS的框架了，但对于它的实际应用，个人不是很看好，有点过于复杂，可能是我还没领悟到它的精髓吧，期待更多去了解。

转载于:https://www.cnblogs.com/gafish/archive/2011/12/27/2304133.html