工作不可缺少的步骤就是阶段性总结。
一、工具:
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对比