前言

相信許多的後輩，仍前撲後繼的想成為前端工程師
而在這條寫css的路上，一定聽過Sass(預處理css)
其實就是改變平常寫css的習慣
將它變得好整理以及好維護
當然沒有一套最好的標準，畢竟方式都是人制訂出來的
像是隨便搜尋，都一堆人講css命名規範！
甚至很好找到中文解析：（這裡先隨意找一篇）
【YJ BLOG】-Scalable CSS - 介紹OOCSS/SMACSS/BEM
無非是為了易懂的方式撰寫

好的今天主講的是，初探

找一隻檔名為.scss .sass
裡面一定會是很可怕的巢狀

別緊張
你只要了解這個”&“
巢狀再複雜也只是個笑話
因為馬上你就會在腦海裡 compile 出 .css 檔

網路上眾多文章上或者解答
像是這篇，很清楚地讓我理解結論：

1
2
3
4
5
6
7
8
9
10

function() {
  return false;
}

// IS EQUAL TO

function(event) {
  event.preventDefault();
  event.stopPropagation();
}

但是你確定真的是這樣引用嗎？
還有你真的用過嗎？

一些觀念紀錄
首先e.preventDefault(); e.stopPropagation是原生javascript的用法
而在Jquery 文件上也可以找到，是因為這是被Jquery沿用下去的
補筆記，網紅組長：在MDN - Mozilla Developer Network上找到的都不會是Query文件

Event.preventDefault()
我們以下簡稱pd

Event.stopPropagation()
我們以下簡稱sp

介紹一下addEventListener

1

document.addEventListener(event, function, useCapture)

第一個參數是監聽的種類：click,load
第二個參數是監聽的function
第三個參數是布零值：true or false

SEO-Optimisation

1. Use readable URL’s only.Avoid: http://yourdomain.com/p=123
2. Have keyword rich URL’s e.g:http://yourdomain.com/target-keyword
3. Keep URL’s short.Avoid: http://yourdomain.com/target-keyword-is-the-great-thing-ever-bla-bla
4. Always-use-hyphens-in-your-urls.Never_use_underscore_in_yout_urls

Title tag and Meta description

一般來說
在 chrome 開啟，font-size 是無法低於12px
這件事一直懊惱著部分手機版的視覺

Use text-size-adjust

解決方法（一）
在css上使用-webkit-text-size-adjust: none
text-size-adjust:CDN
但是可以發現似乎 chrome 27 的版本以及safari 6的版本會不支援了！

Use transform

解決方法（二）

1

transform:scale(參數);

所以你要怎麼控制他？

1.先知道現在這個文字上 font-size 為多少？ 舉例:12px
2.計算你想做多少 px 的字體？ 舉例:8px

Have you ever meet this problem ?

Also use rvm and follow Official website steps， couldn’t implement？

Don’t worry!Follow the steps below:

1.Open up terminal

2.conmmand: echo $PATH(是顯示隨時call得到的各種全域路徑)

1

/Users/username/.rvm/gems/ruby-2.3.2/bin /Users/username/.rvm/gems/ruby-2.3.2@global/bin /Users/username/.rvm/rubies/ruby-2.3.2/bin /Users/username/.nvm/v0.11.16/bin /usr/local/bin /usr/bin /bin /usr/sbin /sbin /Users/username/.rvm/bin /Users/username/.rvm/bin