前端工做思路及技巧

前端工做思路及技巧

一．項目準備

1.以產品原型爲基準對項目進行評審，對項目進行分析、思考，提出問題進行溝通

2.以設計圖爲基準進行評審，對設計圖顏色、佈局、交互效果進行討論溝通

3.根據項目週期制定合理的開發任務，以天爲單位

4.根據項目與團隊溝通，選擇運用的框架及技術進行部署

二．項目開發

1.搭建項目 生成項目結構

 

2.新建頁面/模塊，建立頁面/模塊所需的資源，並引入。

3.建立文件夾，包含項目公共css, js, img

4.根據設計圖進行項目開發：

1）開發：嚴格按照需求文檔和設計圖完成功能的開發。

2）聯調：在與後臺同窗聯調前，對照測試用例，對本身的模塊進行了嚴格的自測。

3）提測：提測前，是否已自測、聯調經過；測試正式介入前，產品是否提早部署到測試環境，並進行初步的驗證。

三. 開發技巧

1.用好工具

  用好工具能能夠

減小一些重複勞動，如Compass能夠自動生成圖片精靈

減小作一件事情的路徑。如cutterman是一款運行在photoshop中的插件，可以自動將你須要的圖層進行輸出，替代使用切片工具進行挨個切圖的流程，從而提升咱們的工做效率。

2.編輯器

1)語法高亮

2)括號匹配

3)能快速定位

    快速打開文件

    在文件中查找

    在文件夾中查找

    跳至某一行

4)能安裝插件

3.熟練運用瀏覽器進行調試

1）審查元素

2）打斷點和條件斷點

3）改變元素的狀態 例如:hover focus

4）熟練使用瀏覽器的控制檯

5）移動端調試：用pc瀏覽器模擬手機瀏覽器；

4.作好時間管理

1）作好計劃，在本身效率高的時候，作一些難的事情；效率低的時候，作一些簡單的事情

2）工做時專一，細心