做前端開發的需不需要PS 記得在之前的老東家做某一個系統開發，當時正在做界面開發，發現界面還需要添加幾個圖標，於是把這個需求反饋給了項目經理。過了十幾分鍾，項目經理跑過來告訴我：產品部的UI設計人員（當時我們的UI設計人員全部調整到產品部）需要向他們產品經理匯報這個任務，你在郵件里邊簡單 ...

那么什么是聰明者，就是打架不出拳，直接用刀砍，或者更牛逼的就開槍！ 那么如何做一個聰明的前端開發者？ 很顯然，就是用工具代替手工，用自動代替手動！ 那到底是用什么工具呢，如下： 前端開發工具 工具有點多，但是都非常簡單，或許你已經安裝並使用過一些了。 git，版本控制 ...

頁面制作部分之PS切圖 <--本標簽下，通過頁面制作、頁面架構、javascript程序設計、DOM編程藝術、產品前端架構五部分來分享總結筆記，總結筆記會陸續分享--> 網頁設計在技術層面上，第一步是美工做出網頁效果圖，第二步就是網頁前端進行網頁切圖。網頁切圖工具常用 ...

前言：當設計師通過photoshop工具設計完設計稿導出psd文件時，我們前端工程師該如何進行切圖轉換成網頁的所需的圖片呢，接下來講講如何利用photoshop工具快速簡潔的切圖，因為ps工具用到的行業很多，涉及到的各個行業，所以有一些快捷的面板可以隱藏掉。前端工程師只顯示適合面板和元素就可以 ...

前言：前端涉及到的 ps 操作不算復雜，基本上就是切圖，本文總結了常用的幾種切圖技巧。 工具：photoshop cs6 、 photoshop cc 1. 傳統切圖 01 這是最笨的一種方法，核心就是用選區工具選中我們要的切圖區域，復制到新文件，然后整個保存下來，這樣的切圖方法幾乎沒有 ...

切圖，重要的是找精確像素！不要在用傳統的切刀進行切割啦，拿到一副PSd圖形的，可以使用這樣兩種方式： （1）如果你的圖層很多，你可以用“ctrl+點擊想要的圖片“直接選中你想要圖片的圖層，簡單到位，然后將圖層轉化為智能對象（當然可以幾個圖層拼到一起），然后雙擊彈出點擊確定，就ok ...

根據huangyi老師的慕課網vue項目跟着做的，下面大概記錄了下思路 1.輪播圖的圖 先不做輪播圖邏輯部分，先把數據導進來，看看什么效果。在recommend組件新建一個recommends的數組，用這個數組來接受數據的錄播圖部分。然后再輪播圖的插槽部分添加圖片，代碼如下 但是現在 ...

總結：主要在於 steps(12,end)函數，12代表整個動畫切成多少段 （類似flash時間軸） 　　　 end會跳過所有動畫的最后一個關鍵幀跑到循環的第二動畫個開頭；start的話會跳過第一個關鍵幀，直接跑第二個關鍵幀開始執行（每次動畫最后執行的關鍵幀到第二個循環的頭一個關鍵幀這個過渡 ...