工做總結

工做不可缺乏的步驟就是階段性總結。

1、工具：

一、開發類

【編輯器】

IntelliJ IDEA

Visual Studio Code

Sublime

nodepad++

微信開發者工具

 

【瀏覽器】

Chrome

firefox

IE

 

【測試類】

Postman

ApiPost

 

【設計類】

PS ---PhotoShop

AE ---Adobe After Effects

AI ---Adobe illustrator

 

【圖標】

iconfont 

icomoon

vue-awesome

Font Awesome

 

【顏色】

Pixeur

雅虎屏幕取色

 

【字體】

字由HelloFont

 

【圖片拼合】

bg2css

css Sprites Generator (https://www.toptal.com/developers/css/sprite-generator)

 

【產品需求原型】

Axure

Mockplus

藍湖

 

【思惟導圖】

Xmind

 

【截圖】

Snipaste

 

【錄屏】

ScreenToGif

Camtasia

 

【筆記】

有道雲筆記

 

【其餘】

遠程 TeamViewer

視頻播放器 PotPlayer

 文件對比 Beyond Compare

 

2、學習教程

【慕課網】

【騰訊課堂】

【微信公衆號】

 

3、經常使用技術

一、傳統方式

HTML + CSS + Javascript/JQuery

二、VUE

nodeJs

Vue + Vue Router + Vuex + axios + Vue Loader

Vue CLI

vue-devtools

 

【PC端】

 

【移動端】

一、vant

二、Mint UI

 基於 Vue.js 的移動端組件庫

 三、vux

VUX（讀音 [v’ju:z]，同 views）是基於WeUI和Vue(2.x)開發的移動端UI組件庫，主要服務於微信頁面。

基於webpack + vue-loader + vux能夠快速開發移動端頁面，配合vux-loader方便你在WeUI的基礎上定製須要的樣式。

vux-loader保證了組件按需使用，所以不用擔憂最終打包了整個vux的組件庫代碼。

VUX並不徹底依賴於WeUI，VUX 在 WeUI 的基礎上擴展了多個經常使用組件，可是儘可能保持總體UI樣式接近WeUI的設計規範。

四、mui

五、uni-app

 

 

4、開發學習資料整合

【vue】

一、vue-cli 2.x入門之項目結構分析

（https://www.jqhtml.com/18582.html）

二、vue3 初始化配置

（http://www.javashuo.com/article/p-ypmmnbtj-u.html---推薦、

http://www.javashuo.com/article/p-unsewzsw-cc.html）

三、vue-cli 3.x 與2.x區別

（https://www.jianshu.com/p/97ca621b2259 ---從 Vue CLI 3.3 起已棄用，請使用publicPath。-----、

vue.config.js  --https://cli.vuejs.org/zh/config/）

四、vue-cli 3安裝

（http://www.javashuo.com/article/p-unsewzsw-cc.html 手動、GUI界面2種方式）

五、vue.js 使用 fastclick解決移動端click事件300毫秒延遲方法

（http://www.javashuo.com/article/p-yjcpagkh-et.html）

 

 

【css預處理器】

sass , less , stylus對比

（http://www.javashuo.com/article/p-aqtmlrek-g.html）