作者宣告：本部落格中所寫的文章，都是博主自學過程的筆記，參考了很多的學習資料，學習資料和筆記會註明出處，所有的內容都以交流學習為主。有不正確的地方，歡迎批評指正
1.新建專案資料夾
資料夾結構要有層次，一般包括
src:用於存放源**。
css:存放css**
index.css:用於存放設定主頁的scss
common.css:存放公共的樣式 ===>樣式重置
font:存放字型
img:用於存放
js:用於存放js**
lib:用於存放第三方庫的內容
sass:用於存放sass**
index.scss:用於存放設定主頁的scss
common.scss:存放公共的樣式 ===>樣式重置
_base.scss:用於存放公共的變數
index.html:主頁內容 ==> 頁面模板
dist:用於最終打包壓縮
2.利用npm進行包管理
npm進行包管理的流程:以gulp為例
3.開始進行開發
開發中用到的外掛程式的使用：
關於photoshop的使用
關於markman的使用
關於sass的使用
（fontawesome bootstrap 自定義字型）
關於zepto.js的使用
關於swiper輪播圖的使用
關於hotcss的使用
關於iscroll外掛程式的使用
關於fullpage的使用
關於js加密技術
關於cookie的內容
js-cookie
4.進行除錯
開發中用到的除錯工具:
移動端真機除錯：
關於一鍵投影和chrome的使用
關於spy-debugger的使用
5.發布專案
開發中發布專案的工具：
關於live-server的使用
關於json-server的使用
6.開發經驗的總結
關於橫豎屏rem計算延遲的問題
關於時鐘的問題
關於螢幕適配的問題
關於css3的相容處理
web前端開發流程
web前端開發流程是什麼？老闆或甲方是乙個需求的真正發起者，也是乙個基礎idea的夢想師，產品是需求專業化梳理或進行有效評估細化需求負責的，而設計是前端的上游，前端是設計的下游。設計的工作目的是把產品巨集觀的思維結果進行專業的處理，因為按一般的習慣，產品最終的結果是原型圖，而原型圖可以理解為設計的草...
WEB前端專案開發流程
這個環節是由專案經理完成，專案經理首先和客戶進行交流，了解客戶的需求，然後分析專案的可行性，如果專案可以被實現，專案經理寫出專案需求文件交給設計師完成後續的開發。這個環節主要是ui設計師參與，ui設計師根據產品需求分析文件，對產品的整體美術風格 互動設計 介面結構 操作流程等做出設計。負責專案中各種...
web開發 web前端開發常用技術總結歸納
技術選型規範規範 vue版本 2.x 前端路由 vue route 非同步請求 axios 全域性狀態管理 vuex css預處理器 sass less h5專案移動端適配規則 使用rem單位 rem px換算規則統一 小程式 使用小程式自帶rpx單位,適配規則參考小程式文件 公用元件庫 ui元件庫...