工作总结

工作不可缺少的步骤就是阶段性总结。

一、工具：

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

 

二、学习教程

【慕课网】

【腾讯课堂】

【微信公众号】

 

三、常用技术

1、传统方式

HTML + CSS + Javascript/JQuery

2、VUE

nodeJs

Vue + Vue Router + Vuex + axios + Vue Loader

Vue CLI

vue-devtools

 

【PC端】

 

【移动端】

1、vant

2、Mint UI

 基于 Vue.js 的移动端组件库

 3、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的设计规范。

4、mui

5、uni-app

 

 

四、开发学习资料整合

【vue】

1、vue-cli 2.x入门之项目结构分析

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

2、vue3 初始化配置

（https://www.cnblogs.com/CoffeeEddy/p/11329220.html---推荐、

https://blog.csdn.net/u014440483/article/details/87190157）

3、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/）

4、vue-cli 3安装

（https://blog.csdn.net/u014440483/article/details/87190157 手动、GUI界面2种方式）

5、vue.js 使用 fastclick解决移动端click事件300毫秒延迟方法

（https://blog.csdn.net/weixin_38008863/article/details/81061305）

 

 

【css预处理器】

sass , less , stylus对比

（https://www.cnblogs.com/webcabana/p/11260203.html）