Javascript 等高響應佈局

今天要跟大家分享 “等高響應佈局” 的實作流程。
在討論之前，必須先認識等高響應佈局是種怎樣的佈局：

等高響應式局不同於瀑布流，瀑布流是指 ”內容寬度相同，高度不同且依高度排列排列下一行的項目”。

而等高響應佈局則是 ”每一行的內容同高、每一行切齊頭尾且內容與內容之間的寬度固定”，
可以參考 PEXELS 的呈現方式

JQuery 關於事件委派與 stopPropagation

寫過 javascript 的人多少都會知道冒泡的原則，例如 click li，同時也會 click 到 ul，這個事件會一直往上傳遞。
但有時候我們不想讓 li 的 click 事件上傳遞，就會使用到 stopPropagation() 方法，例如：

 $('ul').on('click', function(event){
  console.log('this is ul.');
 });

 $('li').on('click', function(event){
  event.stopPropagation();

  console.log('this is li.');
 });

此時 li 的click 事件就不會往上傳遞，但如果我們使用 on 委派事件給父元素，stopPropagation() 方法就有一些值得提醒的潛規則：

網頁基礎：HTML? CSS? javascript?

從設計系畢業的我很清楚，大部分的人對於網頁的認知僅停留在Dreamweaver、Frontpage 之類的網頁製作軟體產生的檔案。而當面試官一問：「你會CSS嗎？」時，你卻只能丈二金剛摸不著頭緒的抓抓頭：『痾...我會Dreamweaver( Frontpage)』，接著苦笑。

到底什麼是HTML，什麼是CSS與javascript ？就讓小弟在此概略介紹一下吧！