記錄并分享自己收藏夾中的一些網(wǎng)頁
2017-01-22
01. vue-google-map
https://github.com/GuillaumeLeclerc/vue-google-maps
這個網(wǎng)址陪伴了我一個月左右的時間啊，工作以來雹有，第一塊難啃的骨頭嬉探。原因大概是：之前沒有接觸過vue.js加上全英文..算是翻山越嶺的一次learning。最后老大來了一句：“everything should be English” ... that TRUE 排惨！所以啊，英語很關(guān)鍵~
02. Vue.js
目前看來碰凶，帶給我的感受就是暮芭，易學(xué)，易懂瑞筐，以及輕量凄鼻。開源啥的都不說了。想學(xué)的同學(xué)上網(wǎng)搜聚假，或者GitHub上块蚌，很多資源啦匈子。晚些時候會把自己做的一個todolist demo 發(fā)上來啊。都是跟著教程學(xué)的闯袒，但是vue.js真的教會我不少啦其徙。還在慢慢爬坑中~
03. Baidu Map
不知道多少程序員第一次上手項目時要的功能就是地圖啊。反正我是一開始就弄了兩個地圖啊喷户，每天就是R&D（research and develop）我大概理解是（research and die）唾那。 其實真的說這些開源的API 都是有demo有資源可查的，但是我這根骨頭是把Baidu map 與Vue 結(jié)合褪尝。 當(dāng)時剛弄好 vue-google-map闹获，所以覺得會有個vue-baidu-map。吼吼河哑，事實證明避诽，是我想太多×Ы鳎總之最后還是在老大的幫助下實現(xiàn)了功能啊沙庐，后來有一天問老大，既然之前沒人弄過vue-baidu-map佳吞，要不咱弄一個...然后就沒有然后了啊拱雏。老大當(dāng)時大概的反應(yīng)就是，what底扳？铸抑？？衷模？鹊汛？
04. dropzone
http://www.dropzonejs.com/#installation
可拖拽文件上傳api..具體功能就是上傳文件不用通過系統(tǒng)的上傳工具啊菇爪，直接把想要上穿的文件拖拽到指定區(qū)域就行了。柒昏。這個也是老大交代下來的R&D啊∥踝幔看的時候就覺得自己的頭發(fā)一根根往下掉职祷？？届囚？爬坑過程真的是困難有梆，話說回來，單單拿這個插件使用起來是不錯的意系，除了拖拽泥耀，還有預(yù)覽，有上傳蛔添，刪除功能痰催。但是公司項目需求只是要一個拖拽啊，然后呢迎瞧，遇到了各種坑夸溶，還是沒把這個功能融入到項目中去，最終與之代替的是Reading files in JavaScript using the File APIs 接下來就介紹這個啦凶硅。
05.?Reading files in JavaScript using the File APIs
https://www.html5rocks.com/en/tutorials/file/dndfiles/
這個說實在我也不太懂的缝裁。"HTML5 finally provides a standard way to interact with local files, via theFile APIspecification. As example of its capabilities, the File API could be used to create a thumbnail preview of images as they're being sent to the server, or allow an app to save a file reference while the user is offline."——從網(wǎng)站上copy下來的一段話。大概意思是HTML5終于提供了一個file api 通過這個能實現(xiàn)文件（圖片）上傳預(yù)覽功能啦足绅。具體我也不太懂啦捷绑。這個是當(dāng)時老大實現(xiàn)的，因為是全英文啦氢妈。如果感興趣的可以去找找中文介紹啦粹污。
06.富文本編輯器
項目現(xiàn)在在用的是summernote——一個UI 友好、開源允懂、免費的厕怜，富文本編輯器 ±僮埽基本滿足基本的編輯功能粥航，主要是summernote與Vue 結(jié)合起來很方便啊，文檔也寫得比較易懂生百，但是需求可能是要我們用一個類似office Word的編輯器递雀？？蚀浆？ 那就找更符合需求的咯缀程。那我也來分享一下自己的R&D的結(jié)果搜吧。
1.UEditor百度出的一款編輯器。免費杨凑，開源滤奈。中文支持良好。目前也做了英文支持撩满。具體操作官網(wǎng)文檔上有的蜒程。 個人覺得，界面不是很友好啊伺帘，但是功能確實多昭躺。
2.wangEditor基于javascript和css開發(fā)的 Web富文本編輯器， 輕量伪嫁、簡潔领炫、易用、開源免費 ——摘自官網(wǎng)的一句話张咳，網(wǎng)上評價還是不錯的帝洪，但是由于需求不對應(yīng)，所以沒有具體了解啊脚猾，喜歡的同學(xué)可以試試~
3.CKEditor目前最優(yōu)秀的 開源免費編輯器之一碟狞，雖說是開源，免費婚陪，但是有的功能還是收費的族沃。 這款編輯器功能確實強(qiáng)大啊，界面也友好泌参，但是個人覺得文檔可閱讀性不高脆淹，所以也沒具體了解啦
4.Tinymce目前最優(yōu)秀的 開源免費編輯器之一，這個是我個人最喜歡的編輯器了啊沽一，界面很友好啊盖溺，功能都滿足了需求，唯一不盡人意的就是铣缠，與Vue結(jié)合起來有點困難（對于我來說）烘嘱，因此跟項目的timeline比起來還是timeline更重要啦。感興趣的同學(xué)可以試試蝗蛙。
5.Froala這個編輯器是收費的啦蝇庭，但是也提供了免費版本，當(dāng)然是功能閹割版啦捡硅。不過要是項目能支持的話哮内，用這個是再好不過啦，界面很友好壮韭，功能也豐富（付費版）北发，但是與vue結(jié)合的時候遇到了一些問題啦纹因，不過因為收費，最終還是沒使用琳拨。
（就介紹這五個我了解過的啦瞭恰。網(wǎng)上還有很多開源免費的富文本編輯器啦。ps：以上順序不代表排名狱庇。博主隨意標(biāo)注的啦~）
07. vue-router
https://router.vuejs.org/en/essentials/getting-started.html
知道vue.js的同學(xué)肯定要知道vue-router啦寄疏。是vue2提供的一個路由插件啦。很好用的僵井。主要是實現(xiàn)幾個組件之前的切換啦〔道猓可以看看網(wǎng)上的demo批什，給我的感覺就是像過氣的iframe？但是比iframe肯定好用很多啦社搅。不得不多吹一下vue驻债，畢竟是我學(xué)會的第一個框架。:-) ? vue里面還有很多很好用的功能形葬，文檔里都有合呐，感興趣的同學(xué)可以去查看。
08. Animate.css
https://daneden.github.io/animate.css/
前端的同學(xué)必須要看看啦笙以。不知道怎么解釋啦淌实，看了就知道！猖腕！
09.firebase
https://firebase.google.com/?hl=zh-TW
firesbase 一個online database拆祈，有免費和收費版，意在幫助開發(fā)者倘感，快速搭建app提供數(shù)據(jù)庫支持放坏，因為是online 的啊 ?基本不用怎么配置，只要知道怎么把它引入到自己的項目中就行了老玛。支持Android iOS Web淤年。博主目前準(zhǔn)備爬這個坑啦，有同學(xué)一起嘛~
2017-12-26
10.vivify
vivifyshi是一個css動畫庫蜡豹，其中動畫相較Animate.css更加豐富麸粮，個人覺得兩個可以互相彌補(bǔ)。
11.YOU MIGHTNOT NEEDJQUERY
http://youmightnotneedjquery.com/
這個厲害了镜廉，大家都知道JQuery是一個特別方便的框架豹休，但是畢竟是需要加載或引入的資源。所以桨吊，這個網(wǎng)站就像它名字一樣——“你或許并不需要JQuery”威根，這里面提供了大部分常用的JQuery 方法的JavaScript 版凤巨，并且提供了針對IE的兼容解決方法。如果您的項目或者網(wǎng)頁只有幾個小小的特效洛搀，不妨試試參考這個網(wǎng)站吧敢茁。
12.Iconfont-阿里巴巴矢量圖標(biāo)庫
這個是阿里巴巴做的一個icon網(wǎng)站，里面的圖標(biāo)類別特別多留美，網(wǎng)站同時提供不同色彩彰檬，不同文件類型的選擇下載。平時喜歡找素材的同學(xué)不妨收藏啦~
13.cubic-bezier
看到這兩個單詞相信經(jīng)常寫復(fù)雜過度效果或者動畫的同學(xué)不會陌生谎砾。于是逢倍，我們需要知道貝塞爾曲線的值是多少并實時預(yù)覽效果咋整呢！于是這個網(wǎng)站提供了這個功能景图。
14.You-Dont-Need-JavaScript
https://github.com/you-dont-need/You-Dont-Need-JavaScript
You Dont Need 系列较雕，相信許多同學(xué)都希望項目里面，能用css解決的效果挚币，堅決不用JS亮蒋，于是就有了這個啦，有同樣想法的同學(xué)不妨學(xué)習(xí)學(xué)習(xí)哦妆毕。
15.React 入門實例（阮一峰著）
http://www.ruanyifeng.com/blog/2015/03/react
學(xué)習(xí)新知識就找阮老師的博客慎玖，不知道大家伙是不是都這樣，至少我是的笛粘。最近算是把React的基礎(chǔ)學(xué)了一遍趁怔，阮老師這篇博客雖然是幾年前的，但是現(xiàn)在學(xué)起來依舊受益匪淺薪前，想要入門React.js的同學(xué)可以去看看痕钢，里面的例子也很詳細(xì)。
16.Sass用法指南（阮一峰著）
http://www.ruanyifeng.com/blog/2012/06/sass.html
同樣的序六，阮老師寫的這篇介紹Sass的博客任连，把Sass的特性講的很好，可以跟著學(xué)習(xí)例诀。
17.Simple CSS Spinners
http://tobiasahlin.com/spinkit/
這里展示了12個純css寫的loading. 還在用gif做loading的同學(xué)不妨看看有沒有滿足您需求的哦随抠！
18.JavaScript Promise 迷你書
http://liubin.org/promises-book
這本電子書，比較詳細(xì)講述了JS中Promise的知識點繁涂，知道JS的異步編程以及回調(diào)地獄的同學(xué)不妨試試學(xué)習(xí)這個哦拱她。
19.面試相關(guān)
2.最新前端面試題
3.阿里、網(wǎng)易扔罪、滴滴共十次前端面試碰到的問題
4.破解前端面試（80% 應(yīng)聘者不及格系列）：從 閉包說起
5.markyunMy-blog/Front-end-Developer-Questions/Questions-and-Answers/
接下來就是一些個人覺得很好看的網(wǎng)站和一些很有意思的css特效啦秉沼！
http://codepen.io/juliangarnier/pen/idhuG
http://codepen.io/soulwire/pen/Ffvlo
（canvas 很深奧啊~~）
https://www.obrigadonatural.com/en_gb
https://tympanus.net/Development/HoverEffectIdeas/index.html
第一次分享。不足之處多多指點~
第二次分享。不足之處多多指點~
以上網(wǎng)址都沒有任何商業(yè)唬复，廣告等盈利目的矗积。內(nèi)容均來自本人日常收集。純屬分享敞咧，內(nèi)容如有雷同棘捣，純屬巧合啦。侵刪
