临时笔记：豪大推荐的Vue 学习路径（二）

学习方向：

photoshop，建站源码，html，css，js，php，mysql，linux，锋利jq （视频）   

推广软件，站群软件，采集软件，seo等等

node.js、npm、webpack、sass、less、 Vue/React /ng、《深入理解bootstrap》
域名解析，服务器申请，网站部署

有很多适配方法：例如响应式、手淘适配方案、网易适配方案



========================Vue学习=============================

先看文档，然后敲代码熟悉文档，然后看别人源码，最后自己撸项目。

Vue:
http://jspang.com/2017/04/10/vue-cli/

es6:
http://es6.ruanyifeng.com/

Vue-cli项目中练习的例子：
https://github.com/hjzheng/es6-practice 

文档（多看几遍）
https://cn.vuejs.org/v2/guide/instance.html 

视频：
http://jspang.com/2017/02/23/vue2_01

例子：
https://github.com/bhnddowinf/vuejs2-learn

看项目源码：
https://github.com/SimonZhangITer/VueDemo_Sell_Eleme

vue的组件以及demo全集：
https://github.com/opendigg/awesome-github-vue 

es6的demo：
https://github.com/GuoYongfeng/es6-demo

百度云盘中的实战项目
资源：https://www.gitbook.com/book/zq99299/vue-note 
资源：https://github.com/SimonZhangITer/VueDemo_Sell_Eleme    （stylus）


-----------------https://github.com/ruanyf/es6tutorial



=============================Git===========================================
玩儿转git的目标：搭建git服务器、通过git远程管理部署服务器的源码、管理自己的GitHub



===========================播放器=========================================
http://www.jplayer.org 

http://www.ckplayer.com/ 

http://kolber.github.io/audiojs/demos/test6.html 

html5 播放器
projekktor、flowplayer其它推荐
http://www.sewise.com/ 

跨平台播放，兼容HTML5播放器

B站：https://github.com/Bilibili/flv.js 

=============================图片轮换===========================================

1. pc轮换
http://www.idangero.us/sliders/swiper/demos.php 

https://github.com/alvarotrigo/fullPage.js 

http://www.17sucai.com/pins/demoshow/3997 

http://www.dowebok.com/demo/2014/77/ 

大屏图片轮换
http://www.seejs.com/demos/examples/superslide/ 

无痕哥图片轮换
http://bxslider.com 

响应式图片轮换
https://github.com/nolimits4web/Swiper/tree/master/demos/ 

http://www.cnblogs.com/wayshan/archive/2011/05/10/2041702.html 

http://www.jsfoot.com/jquery/demo/2011-09-20/192.html 

sochange
https://github.com/sliwey/simpleFocus 

git轮换图
http://demo.jb51.net/js/myfocus/ 

多效果轮换
http://www.16sucai.com/2012/02/14016.html 

宽度自适应 图片轮换
http://www.jq22.com/jquery-info4883 

http://www.jq22.com/jquery-info4689 

鱼眼轮播
https://www.awesomes.cn/repos/Images/Sliders 

轮播大集合

2. 手机滑动
http://www.idangero.us/sliders/swiper/ 
 
http://swipejs.com/ 

https://github.com/bradbirdsall/Swipe 

http://www.cnblogs.com/huzhiming/p/3732688.html 

http://tutorialzine.com/2011/10/ios-homescreen-coffeescript/ 

http://www.superslide2.com/ 

https://github.com/jtyjty99999/astral/blob/master/src/mobile/jScroll.js 

http://www.slipjs.com/ 

http://www.idangero.us/sliders/swiper/demos.php 

http://touchslider.com/ 

http://slip.jm47.com/demo/cyzm/index.html 

手指滑动
https://github.com/BE-FE/iSlider 

百度 多个效果的轮换
https://github.com/hahnzhu/parallax.js 

手机整屏滑动
https://github.com/yanhaijing/zepto.fullpage 

移动fullpage
http://www.html-js.com/article/Mobile-web-frontend-development-based-on-the-zeptojs-mobile-terminal-H5-single-page-follow-the-finger-sliding-switch-control-pageSliderjs%203211 

http://franslee.github.io/pageSlider/demo/demo.html 

单手滑动
http://photoswipe.com 

手机图片放大轮换
http://www.swiper.com.cn/demo/index.html 

https://github.com/jayZOU/slide/blob/master/src/js/slide.js 

http://www.html-js.com/article/Front-end-of-the-selflearning-sliding-screen-preload-component%203212 

滑屏组件----slide
http://www.17sucai.com/pins/demoshow/7804 

左右按钮 顶部放大
http://www.docs.purethemes.net/sukces/layerslider/examples/example1.html 

css3 轮换


3. 拖动条
http://www.pengyaou.com/LegendsZ/Images/FileImage/Slider.html 

4. 视频教程
http://www.imooc.com/learn/18 

焦点图轮播特效
http://www.imooc.com/learn/374 

全屏切换效果
http://www.imooc.com/learn/386 

JS实现“旋转木马”幻灯片效果
https://github.com/wssgcg1213/Coverflow 
旋转木马