作者KC73 (肯先生)
看板Web_Design
標題Re: [請益] 準備開始找工作的意見(Front-End)
時間Tue Jun 4 02:38:16 2013
※ 引述《gg90052 (Teddy)》之銘言：
: 如題，之前在桃園曾經應徵了一間公司的Front-End，
: 但當時能力還非常不夠，被電了之後決定離開再重新練功。
: http://ppt.cc/m719
: 這是這陣子作為我練功的網站，從切版到程式都是自己完成的，
: 想請問一下到這樣的程度我是否能夠勝任一般前端工程師的工作了？
: 另外也希望大家能給這個網站一點可以修改的建議 謝謝
硬挑一些毛病和建議：
1. <!DOCTYPE html ... 就直接宣告 <!doctype html> 吧！
2. <img> 一定要給 width、height、alt，你沒給，這扣很多分。
3. <script type="text/javascript">...</script> 還是 <script>...</script>
<br> 或者 <br/> .... 到底該怎麼用？如果我面試的話，會問你，這些有什麼
差別，因為你都有用到。
4. 然後我還會問你，你有些 javascript，是放在 </body> 的後面，有什麼特別的
想法嗎？
5. 首頁的 SEO 有些問題，雖然不用作的很厲害，不過顯然是完全沒有考慮到 SEO。
6. <body background="images/bg-stone.jpg"> 這一行也扣分。
因為已經 2013 年了，所以標記成 deprecated 的東西不要再用了。
其他還有一些，例如 javascript 可以放到底下之類的..那個日後慢慢磨吧~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.192.196.225
1F：推 JYHuang:2的話，會造成某些browser無法判斷嗎？ 06/04 09:08
2F：→ kurtisgod:無法同意第二點 06/04 10:35
3F：→ kurtisgod: alt要給 寬高不同意 06/04 10:36
第二點後面有討論。
4F：推 JYHuang:所以我有點懷疑，尤其是要寫圖片置換相關的script時 06/04 11:46
可以有不加的理由，但是要知道加了以後有什麼好處。
5F：推 tingmeow:喔喔看這個覺得也給了我幫助!謝謝 06/04 12:16
6F：→ tingmeow:圖片給寬高好像是如果讀不出來的話版面不會亂掉吧??@@ 06/04 12:17
7F：→ Ken52039:圖片寬高 請盡量用css處理 06/04 12:35
8F：→ dlikeayu:我有不同於其它鄉民的看法 img tag裏直接下寬高可以加速 06/04 12:44
9F：→ dlikeayu:瀏覽器render速度 06/04 12:44
10F：→ dlikeayu:如果有不一樣樣式再用css去改變即可 06/04 15:20
11F：→ grence:下了寬高後 css還蓋的掉嗎 06/04 19:58
12F：→ grence:嗯..實驗後結果可以.. 06/04 20:12
13F：推 chph:img設寬高除了加速以外還有使用體驗會好很多 06/04 20:19
簡單說，不加寬高的話，會被 Google Page Speed 狂扣分。
或者說，如果是用慢 3G 加上慢手機看網站，你的 img 都不指定寬高，就會看到網頁裡
的東西一直跑來跑去，因為每讀完一個 img，就要重新排版一次。
14F：推 jikotw74:新手不懂推 第三點有大大能解釋嗎 06/04 20:57
如果是 HTML5 的話，<script> 就可以了，預設就是 javascript，之前的話，
就建議加上 type='text/javascript'，不過其實不加也沒什麼差別。
但是原 po 是宣告成 HTML 4.01，有加的、也有不加的，所以就要能回答，加不加
有什麼差別。
至於 <br> <br/>，只有 XHTML 需要 self-closing tag，像是 <br/> <img ... />
<input ... /> <meta ... />，HTML 和 HTML5 都不需要自我了斷。
※ 編輯: KC73 來自: 123.192.161.231 (06/04 21:30)
15F：→ Ken52039:XDDDDDD 自我了斷 06/04 21:31
16F：→ Ken52039:我自己的習慣是 標籤裡面跟css都會指定寬高 06/04 21:33
17F：推 EROS4:偷渡問一下 width:100% height:auto 也算指定寬高嗎？ 06/05 01:44
18F：推 searoar:推 06/05 14:13
19F：→ heyyosweet:我也覺得img不該給寬高 06/05 14:30
20F：→ heyyosweet:若要指定寬高我習慣寫在css裡 06/05 14:31
21F：→ Canboo:有沒有什麼測試報告可以輔助IMG標籤加寬高可以加速 06/05 15:44
22F：→ Canboo:標頭宣告CSS就會在讀取時被套用，並不會讀完後才跳板 06/05 15:45
23F：→ Canboo:應該是說不要透過寬高屬性來把圖片做特意壓縮變化 06/05 15:47
25F：→ Canboo:我底下回文... 06/05 15:59
26F：推 lunasoleil:想請問一下第一點不會判斷為html5嗎？ 06/09 20:12
27F：→ enwebbs:樓上的有差嗎? 06/09 22:06