Re: [請益] 準備開始找工作的意見(Front-End)

看板Web_Design作者 (肯先生)時間11年前 (2013/06/04 02:38), 編輯推噓8(8019)
留言27則, 14人參與, 最新討論串3/5 (看更多)
※ 引述《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

06/04 09:08, , 1F
2的話,會造成某些browser無法判斷嗎?
06/04 09:08, 1F

06/04 10:35, , 2F
無法同意第二點
06/04 10:35, 2F

06/04 10:36, , 3F
alt要給 寬高不同意
06/04 10:36, 3F
第二點後面有討論。

06/04 11:46, , 4F
所以我有點懷疑,尤其是要寫圖片置換相關的script時
06/04 11:46, 4F
可以有不加的理由,但是要知道加了以後有什麼好處。

06/04 12:16, , 5F
喔喔看這個覺得也給了我幫助!謝謝
06/04 12:16, 5F

06/04 12:17, , 6F
圖片給寬高好像是如果讀不出來的話版面不會亂掉吧??@@
06/04 12:17, 6F

06/04 12:35, , 7F
圖片寬高 請盡量用css處理
06/04 12:35, 7F

06/04 12:44, , 8F
我有不同於其它鄉民的看法 img tag裏直接下寬高可以加速
06/04 12:44, 8F

06/04 12:44, , 9F
瀏覽器render速度
06/04 12:44, 9F

06/04 15:20, , 10F
如果有不一樣樣式再用css去改變即可
06/04 15:20, 10F

06/04 19:58, , 11F
下了寬高後 css還蓋的掉嗎
06/04 19:58, 11F

06/04 20:12, , 12F
嗯..實驗後結果可以..
06/04 20:12, 12F

06/04 20:19, , 13F
img設寬高除了加速以外還有使用體驗會好很多
06/04 20:19, 13F
簡單說,不加寬高的話,會被 Google Page Speed 狂扣分。 或者說,如果是用慢 3G 加上慢手機看網站,你的 img 都不指定寬高,就會看到網頁裡 的東西一直跑來跑去,因為每讀完一個 img,就要重新排版一次。

06/04 20:57, , 14F
新手不懂推 第三點有大大能解釋嗎
06/04 20:57, 14F
如果是 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)

06/04 21:31, , 15F
XDDDDDD 自我了斷
06/04 21:31, 15F

06/04 21:33, , 16F
我自己的習慣是 標籤裡面跟css都會指定寬高
06/04 21:33, 16F

06/05 01:44, , 17F
偷渡問一下 width:100% height:auto 也算指定寬高嗎?
06/05 01:44, 17F

06/05 14:13, , 18F
06/05 14:13, 18F

06/05 14:30, , 19F
我也覺得img不該給寬高
06/05 14:30, 19F

06/05 14:31, , 20F
若要指定寬高我習慣寫在css裡
06/05 14:31, 20F

06/05 15:44, , 21F
有沒有什麼測試報告可以輔助IMG標籤加寬高可以加速
06/05 15:44, 21F

06/05 15:45, , 22F
標頭宣告CSS就會在讀取時被套用,並不會讀完後才跳板
06/05 15:45, 22F

06/05 15:47, , 23F
應該是說不要透過寬高屬性來把圖片做特意壓縮變化
06/05 15:47, 23F

06/05 15:47, , 24F
06/05 15:47, 24F

06/05 15:59, , 25F
我底下回文...
06/05 15:59, 25F

06/09 20:12, , 26F
想請問一下第一點不會判斷為html5嗎?
06/09 20:12, 26F

06/09 22:06, , 27F
樓上的有差嗎?
06/09 22:06, 27F
文章代碼(AID): #1HhEARug (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1HhEARug (Web_Design)