整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
EB 項(xiàng)目大文件上傳下載解決方案
最近項(xiàng)目那邊有個(gè)新需求，需要實(shí)現(xiàn)大文件，文件夾的上傳和下載，斷點(diǎn)續(xù)傳，文件MD5校驗(yàn)，秒傳，加密傳輸（要求支持國(guó)密SM4），加密存儲(chǔ)，壓縮傳輸(ZIP,GZIP)功能，要求支持多語(yǔ)言，包含中文，英文，和其它語(yǔ)言。后端語(yǔ)言用的是asp.net。這個(gè)項(xiàng)目是一個(gè)國(guó)家項(xiàng)目，用戶有國(guó)內(nèi)的也有國(guó)外的，國(guó)內(nèi)就是行政單位的，國(guó)外就是石油公司的。
?
這是一個(gè)央企項(xiàng)目，由于國(guó)家信息安全的因素，現(xiàn)在所有政府項(xiàng)目要求必須支持信創(chuàng)國(guó)產(chǎn)化環(huán)境：國(guó)產(chǎn)操作系統(tǒng)，國(guó)產(chǎn)數(shù)據(jù)庫(kù)，國(guó)產(chǎn)瀏覽器。用戶單位那邊有些機(jī)器是Windows 7+IE8，也要求兼容。
?
網(wǎng)上搜了很多文章，基本上的方案都是vue+html5，我們之前也是采用的這個(gè)方案，局限性有點(diǎn)大。上傳的文件數(shù)據(jù)容易出錯(cuò)，合并傳輸效率也比較低，用戶上傳的文件稍微大一點(diǎn)的話瀏覽器容易卡頓和崩潰，不能兼容IE，然后斷點(diǎn)續(xù)傳功能不夠完善，用戶傳文件的時(shí)候不能刷新頁(yè)面，也不能關(guān)閉頁(yè)面，否則文件進(jìn)度將會(huì)丟失。這個(gè)對(duì)于現(xiàn)在的客戶來(lái)說(shuō)有點(diǎn)難以接受，因?yàn)橛脩魝鞯奈募容^大，1G到10G都有，可能一次傳不完，傳一半，第二天再傳。
?
找了幾個(gè)月，只發(fā)現(xiàn)一個(gè)產(chǎn)品比較不錯(cuò)：澤優(yōu)大文件上傳控件（up6），不僅提供了產(chǎn)品源碼還提供了視頻教程，項(xiàng)目組這邊整合很快，基本上沒(méi)花什么時(shí)間。
?
我們的需求實(shí)際上很簡(jiǎn)單，第一就是希望使用簡(jiǎn)單，不管是對(duì)開(kāi)發(fā)人員，還是對(duì)普通用戶都要使用簡(jiǎn)單。對(duì)開(kāi)發(fā)人員來(lái)說(shuō)要集成和整合簡(jiǎn)單，能夠提供前端和后端 API，前端API使用和調(diào)用要方便。我們是集成在我們的系統(tǒng)中來(lái)使用。
對(duì)于普通用戶，要使用簡(jiǎn)單學(xué)習(xí)成本低。基本上用戶一看就會(huì)使用，不需要進(jìn)行使用培訓(xùn)。如果是插件的話需要提供好的安裝引導(dǎo)，用戶直接下一步下一步就完事。
?
第二點(diǎn)就是穩(wěn)定可靠，用戶是石油行業(yè)的，每天用戶上傳下載的文件非常多，對(duì)穩(wěn)定性要求比較高。
?
第三點(diǎn)就是能夠提供長(zhǎng)期技術(shù)支持，政府項(xiàng)目周期都比較長(zhǎng)，而且中途可能會(huì)發(fā)生業(yè)務(wù)變更的需求，還有定制化的需求，所以也要求廠商能夠提供協(xié)助。
除了這些還有一點(diǎn)就是下載功能需要也支持?jǐn)帱c(diǎn)續(xù)傳。用戶每天都要下載很多文件用來(lái)打印和審核，所以要求支持批量下載，另外就是要支持層級(jí)結(jié)構(gòu)下載，用戶傳上去的資料是分了類別的，希望下載下來(lái)后也是自動(dòng)分類的。
?
上面的幾點(diǎn)能夠滿足的話基本上就沒(méi)有什么問(wèn)題，領(lǐng)導(dǎo)這邊希望提供控件源代碼或者OEM買(mǎi)斷的采購(gòu)方式，有些政府大客戶要求源代碼審查，我們也有自己的產(chǎn)品，領(lǐng)導(dǎo)希望集成到產(chǎn)品中，這樣就能夠?yàn)樗杏脩籼峁┻@個(gè)功能，用戶體驗(yàn)也能夠統(tǒng)一。后面維護(hù)起來(lái)也方便。
?
示例下載：
用HTML5分片上傳超大文件思路，WEBUPLOADER 支持 超大上G,多附件上傳，JS 大文件分割/分片上傳，百度WEBUPLOADER上傳視頻等大文件，WEBUPLOAD組件實(shí)現(xiàn)文件上傳功能和下載功能，JS大文件切片上傳，斷點(diǎn)續(xù)傳實(shí)現(xiàn)DEMO，前端上傳大文件的解決方案，前端上傳大文件處理（切片、斷點(diǎn)續(xù)傳），前端大文件上傳優(yōu)化方案——分片上傳，vue大文件上傳解決方案，vue大文件上傳解決方案10G，vue大文件上傳解決方案50G，vue大文件上傳解決方案100G，html5如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，
java如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，SpringBoot如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，SpringMVC如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，SpringCloud如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，
webuploader如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，百度webuploader如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，html5實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，vue如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，前端如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，JavaScript如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，
html5大文件斷點(diǎn)續(xù)傳、秒傳解決方案，html5大文件斷點(diǎn)續(xù)傳、加密上傳解決方案，html5大文件斷點(diǎn)續(xù)傳、加密存儲(chǔ)解決方案，html5大文件斷點(diǎn)續(xù)傳分片解決方案，html5大文件斷點(diǎn)續(xù)傳分塊解決方案，html5大文件斷點(diǎn)續(xù)傳分割解決方案，html5大文件斷點(diǎn)續(xù)傳切割解決方案，
給政府做的一個(gè)項(xiàng)目。實(shí)際上客戶那邊對(duì)具體的技術(shù)實(shí)際不關(guān)心。
研發(fā)部門(mén)的同事調(diào)研過(guò)百度的webuploader這個(gè)組件，發(fā)現(xiàn)他實(shí)際上就是對(duì)Flash和HTML5進(jìn)行了一個(gè)封裝，本質(zhì)還是調(diào)的HTML5的API，之前在項(xiàng)目中也用過(guò)，嘗試過(guò)，但是最終都不太滿意，一個(gè)是兼容性非常差，說(shuō)的是兼容IE，但是在IE用的是Flash，在很多用戶的電腦上用不了，卡頓崩潰發(fā)生的太頻繁，文件上傳的數(shù)量一多比如幾千個(gè)，前端頁(yè)面就開(kāi)始卡了，用戶體驗(yàn)非常差。這些問(wèn)題研發(fā)部的同事都向百度反應(yīng)過(guò)，但是百度webuploader那邊一直沒(méi)人回，基本上沒(méi)人管，領(lǐng)導(dǎo)說(shuō)要求付費(fèi)提供技術(shù)支持，那邊也是沒(méi)人回，聯(lián)系不上他們?nèi)魏稳恕?/p>
webuploader這邊連個(gè)開(kāi)發(fā)人員都聯(lián)系不到，這個(gè)是怎么回事？
搞的我們領(lǐng)導(dǎo)現(xiàn)在基本上不怎么考慮國(guó)內(nèi)這些免費(fèi)開(kāi)源的項(xiàng)目，研發(fā)部門(mén)的同事稱這些項(xiàng)目為免費(fèi)坑人項(xiàng)目。
用戶上傳的文件比較大，有20G左右，直接用HTML傳的話容易失敗，服務(wù)器也容易出錯(cuò)，需要分片，分塊，分割上傳。也就是將一個(gè)大的文件分成若干個(gè)小文件塊來(lái)上傳，另外就是需要實(shí)現(xiàn)秒傳功能和防重復(fù)功能，秒傳就是用戶如果上傳過(guò)這個(gè)文件，那么直接在數(shù)據(jù)庫(kù)中查找記錄就行了，不用再上傳一次，節(jié)省時(shí)間，實(shí)現(xiàn)的思路是對(duì)文件做MD5計(jì)算，將MD5值保存到數(shù)據(jù)庫(kù)，算法可以用MD5，或者CRC，或者SHA1，這個(gè)隨便哪個(gè)算法都行。
分片還需要支持?jǐn)帱c(diǎn)續(xù)傳，現(xiàn)在HTML5雖然提供了信息記錄功能，但是只支持到了會(huì)話級(jí)，也就是用戶不能關(guān)閉瀏覽器，也不能清空緩存。但是有的政府單位上傳大文件，傳了一半下班了，明天繼續(xù)傳，電腦一關(guān)結(jié)果進(jìn)度信息就丟失了，這個(gè)是他們的一個(gè)痛點(diǎn)。
切片的話還有一點(diǎn)就是在服務(wù)器上合并，一個(gè)文件的所有分片數(shù)據(jù)上傳完后需要在服務(wù)器端進(jìn)行合并操作。
聊下HTML5吧，怎么說(shuō)呢，HTML5也就是chrome提供的一個(gè)API來(lái)實(shí)現(xiàn)文件分片，反正基本的需求，小文件用是能用，但是用起來(lái)多多少少還是有點(diǎn)別扭，擴(kuò)展性，安全性，穩(wěn)定性用戶那陣都不太滿意，關(guān)鍵是什么，我們是沒(méi)辦法對(duì)HTML5進(jìn)行擴(kuò)展，個(gè)性化和定制化開(kāi)發(fā)的，基本上被谷歌給限制死了，這也是現(xiàn)在國(guó)產(chǎn)化的意義，希望能夠打破這個(gè)限制。不然公司的一些產(chǎn)品和業(yè)務(wù)不太好開(kāi)展，總不能用戶提個(gè)需求，我們就說(shuō)谷歌Chrome沒(méi)提供API，所我們就無(wú)法開(kāi)發(fā)吧。這不是跟客戶扯呢。
功能的話支持20G文件上傳和續(xù)傳，支持秒傳，支持文件夾上傳，支持在服務(wù)端保存文件夾層級(jí)結(jié)構(gòu)，支持將文件夾層級(jí)結(jié)構(gòu)信息保存到數(shù)據(jù)庫(kù)中，支持下載時(shí)能夠?qū)⑽募A層級(jí)結(jié)構(gòu)下載下來(lái)，支持下載文件夾，下載文件夾支持?jǐn)帱c(diǎn)續(xù)傳，支持VUE2,VUE3,React，支持IE，Chrome和信創(chuàng)國(guó)產(chǎn)化環(huán)境，比如銀河麒麟，統(tǒng)信UOS，龍芯，支持加密傳輸，包括加密上傳，加密下載，加密算法支持國(guó)密SM4，支持云對(duì)象存儲(chǔ)，比如華為云，阿里云，騰訊云，七牛云，AWS，MinIO,FastDFS，需要提供手機(jī)，QQ，微信，郵箱等聯(lián)系方式，提供7*24小時(shí)技術(shù)支持，提供長(zhǎng)期技術(shù)支持和維護(hù)服務(wù)，提供遠(yuǎn)程1對(duì)1技術(shù)指導(dǎo)，提供二次開(kāi)發(fā)指導(dǎo)，提供文檔教程，提供視頻教程。1.下載示例
https://gitee.com/xproer/up6-vue-cli
將up6組件復(fù)制到項(xiàng)目中
示例中已經(jīng)包含此目錄
1.引入up6組件
2.配置接口地址
接口地址分別對(duì)應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表
參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.處理事件
啟動(dòng)測(cè)試
啟動(dòng)成功
效果
數(shù)據(jù)庫(kù)
源碼工程文檔：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra
源碼報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl
OEM版報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a
控件源碼下載：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
.免費(fèi)設(shè)計(jì)資源
Freebbble: 網(wǎng)站搜集了來(lái)自 Dribbble 的免費(fèi)素材.
Dribbble: 在 Dribbble 中搜索 “freebie” 能找到許多免費(fèi)的好東西.
Graphic Burger: 這里的每一個(gè)設(shè)計(jì)資源都足夠精致.
Pixel Buddha: 為專業(yè)人士準(zhǔn)備的設(shè)計(jì)素材，有免費(fèi)的好資源，也有收費(fèi)的進(jìn)階版.
Premium Pixels: 為創(chuàng)意工作者準(zhǔn)備的素材.
Fribbble: Dribbble設(shè)計(jì)師的免費(fèi)素材，項(xiàng)目由 Gilbert Pellegrom 所策劃.
Freebiesbug: 最新最熱的PSD等設(shè)計(jì)素材，為設(shè)計(jì)師而生.
365 Psd:每天一款免費(fèi)的PSD.
Dbf: 這里有來(lái)自Dribbble和Behance的免費(fèi)資源.
Marvel: 來(lái)自著名設(shè)計(jì)師的免費(fèi)素材.
UI Space: 來(lái)自那些炫酷的創(chuàng)意工作者的高品質(zhì)設(shè)計(jì)資源.
Free Section of Pixeden: 大量免費(fèi)設(shè)計(jì)資源.
Free Section of Creative Market: 每周一一波免費(fèi)設(shè)計(jì)資源.
Teehan+Lax: DiOS 8 GUI PSD (iPhone 6).
Teehan+Lax: iPad GUI PSD.
Freepik: 給每個(gè)人的免費(fèi)平面設(shè)計(jì)資源.
Tech&All: PSD，技術(shù)新聞，免費(fèi)資源，都在這里.
Tethr: 最漂亮的iOS UI設(shè)計(jì)工具.
B. 取色
Material Palette: 幫你生成并導(dǎo)出Material Design配色模板.
New Flat UI Color Picker: 最好的扁平化UI設(shè)計(jì)配色方案.
Flat UI Colors: 漂亮的扁平化配色.
Coolors: 超級(jí)快的配色方案生成工具.
Skala Color: 為設(shè)計(jì)師和開(kāi)發(fā)者而生的優(yōu)質(zhì)取色工具.
Couleurs: 幫你抓取和調(diào)整屏幕上色彩的簡(jiǎn)單工具.
Material UI Colors: 為Web、Android和iOS而生的 Material ui 配色模板.
Colorful Gradients: 計(jì)算機(jī)自動(dòng)生成的色階.
Adaptive Backgrounds: 從圖像中提取主色.
Brand Colors: 知名品牌的配色方案.
Paletton: 配色方案設(shè)計(jì).
0 to 255: 幫助網(wǎng)頁(yè)設(shè)計(jì)師找到某一色彩的同色系配色的工具.
Colour Lovers: 創(chuàng)建、分享配色和配色方案.
Adobe Color CC: 來(lái)自Kuler社區(qū)的優(yōu)質(zhì)配色組合.
Bootflat: 來(lái)自扁平化設(shè)計(jì)的完美配色方案.
Hex Colorrrs: Hex 轉(zhuǎn) RGB 轉(zhuǎn)換器.
Get UI Colors: 炫酷的UI配色.
Coleure: 智能取色工具。
Colllor: 配色方案生成工具.
Palette for Chrome: 從任意圖片生成配色方案的工具.
C. 靈感
MaterialUp: 每日 Material Design 設(shè)計(jì)案例.
FLTDSGN: 每日更新的最炫酷的扁平化的Web和APP UI設(shè)計(jì).
Site Inspire: 幫你獲取靈感的網(wǎng)頁(yè)設(shè)計(jì)案例.
UI Cloud: 世界上最大的UI設(shè)計(jì)數(shù)據(jù)庫(kù).
Moodboard: 在這里創(chuàng)建Moodboard，并輕松分享.
Crayon: 最全面的營(yíng)銷(xiāo)設(shè)計(jì)收藏.
Land-Book: 產(chǎn)品著陸頁(yè)圖庫(kù).
Ocean: 設(shè)計(jì)師共享反饋信息的優(yōu)質(zhì)社區(qū).
Dribbble: 最炫酷的高品質(zhì)設(shè)計(jì)師設(shè)計(jì)案例分享社區(qū).
Behance: 發(fā)現(xiàn)并展示充滿創(chuàng)意的設(shè)計(jì)作品.
Pttrns: 移動(dòng)端界面設(shè)計(jì)模板.
Flat UI Design: 扁平化UI設(shè)計(jì).
Awwwards: 評(píng)選最具創(chuàng)意、最創(chuàng)新也最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品.
The Starter Kit: 為開(kāi)發(fā)者和設(shè)計(jì)師所準(zhǔn)備的設(shè)計(jì).
One Page Love: 單頁(yè)設(shè)計(jì)案例.
UI Parade: 設(shè)計(jì)案例與UI設(shè)計(jì)工具.
The Best Designs: 最佳網(wǎng)頁(yè)設(shè)計(jì).
Agile Designers: 為設(shè)計(jì)師和開(kāi)發(fā)者準(zhǔn)備的最佳資源.
Niice: 有腔調(diào)的搜索引擎.
D. 免費(fèi)圖庫(kù)
Stock Up: 免費(fèi)優(yōu)質(zhì)圖片的集中地.
Pexels: 搜集最佳免費(fèi)圖片的網(wǎng)站.
All The Free Stock: 免費(fèi)的優(yōu)質(zhì)圖片、視頻和圖標(biāo).
Unsplash: 免費(fèi)的高清圖庫(kù).
Splashbase: 搜索和發(fā)現(xiàn)免費(fèi)的高清圖片、視頻.
Startup Stock Photos: 來(lái)這里，發(fā)現(xiàn)并創(chuàng)造更大的世界.
Jay Mantri: 可以免費(fèi)并任意使用的優(yōu)質(zhì)圖片.
Moveast: 這里記錄了一個(gè)葡萄牙小伙的東行之旅.
Travel Coffee Book: 分享旅行的每個(gè)美麗瞬間.
Designers Pics: 免費(fèi)可商用的高清圖片.
Death to the Stock Photo: 每月更新的免費(fèi)圖片.
Foodie’s Feed: 高清免費(fèi)的食物圖片.
Mazwai: 免費(fèi)高清的視頻短片.
Jéshoots: 免費(fèi)的現(xiàn)代風(fēng)照片.
Super Famous: 荷蘭交互設(shè)計(jì)師 Folkert Gorter 的攝影作品.
Picography: 免費(fèi)高清圖庫(kù).
Pixabay: 免費(fèi)高清圖庫(kù).
Magdeleine: 每日更新的免費(fèi)高清圖庫(kù).
Snapographic: 可以商用的免費(fèi)高清圖庫(kù).
Little Visuals: 每周發(fā)送7張高清免費(fèi)圖片到你收件箱的網(wǎng)站.
Splitshire: 誘人的免費(fèi)高清圖庫(kù).
New Old Stock: 來(lái)自公共檔案館的復(fù)古照片.
Picjumbo: 完全免費(fèi)的照片.
Life of Pix: 免費(fèi)高清圖庫(kù).
Gratisography: 免費(fèi)高清圖庫(kù).
Getrefe: 免費(fèi)高清圖庫(kù).
IM Free: 免費(fèi)照片等資源的合集網(wǎng)站.
Cupcake: 來(lái)自一個(gè)攝影師的款待，由 Jonas Nilsson Lee 創(chuàng)建.
The Pattern Library: 免費(fèi)的樣式合集.
Public Domain Archive: 100%免費(fèi)的新照片.
ISO Republic: 富有創(chuàng)意的高品質(zhì)圖片合集.
Stokpic: 完全免費(fèi)的照片
Kaboompics: 獲取免費(fèi)照片的最佳途徑.
Function: 免費(fèi)照片合集.
MMT: 來(lái)自 Jeffrey Betts 的免費(fèi)照片合集.
Paul Jarvis: 免費(fèi)高分辨率圖片.
Lock & Stock Photos: 為你準(zhǔn)備的高清圖片.
Raumrot: 免費(fèi)高分辨率圖片.
Bucketlistly: 充滿創(chuàng)意的免費(fèi)旅行照片.
E. 免費(fèi)排版與字體資源
TypeGenius: 為你的設(shè)計(jì)項(xiàng)目挑選最佳的字體組合.
Font Squirrel: 100% 免費(fèi)商用字體.
FontFaceNinja: 幫你找到最佳字體的瀏覽器插件.
Google Fonts: 為網(wǎng)頁(yè)而生的免費(fèi)開(kāi)源字體解決方案.
Beautiful Web Type: 來(lái)自Google Fonts的最佳字體設(shè)計(jì).
DaFont:可自由下載的字體存檔.
1001 Free Fonts: 可以隨便選擇的字體合集.
FontPark: 世界上最大的字體存檔.
Font-to-width: 幫你適配文本寬度的工具.
F. 免費(fèi)圖標(biāo)
Fontello: 圖標(biāo)字體生成器.
Flat Icon: 幫你在16000+免費(fèi)矢量圖標(biāo)里搜索有用圖標(biāo)的工具.
Material Design Icons: 來(lái)自 Google 的750個(gè)免費(fèi)字符合集.
Font Awesome:字體和CSS工具.
Glyphsearch: 在其他的圖標(biāo)數(shù)據(jù)庫(kù)中搜索圖標(biāo)的工具.
MakeAppIcon: 一次生成全部尺寸圖標(biāo)的工具.
Endless Icons: 充滿創(chuàng)意的免費(fèi)扁平化圖標(biāo).
Ico Moon: 4000+ 免費(fèi)矢量圖標(biāo)和生成工具.
The Noun Project:來(lái)自不同藝術(shù)家的上千創(chuàng)意圖標(biāo).
Perfect Icons: 社交圖標(biāo)創(chuàng)建工具.
Material Design Icons: 750 來(lái)自 Google的免費(fèi)Material Design風(fēng)格圖標(biāo).
Icon Finder: 免費(fèi)圖標(biāo)合集網(wǎng)站.
Free Round Icons: Doodle Set | Flat Set | Vector Line Set
Icon Sweets: 60 免費(fèi)PS矢量圖標(biāo).
G. 免費(fèi)實(shí)用工具
UI Names: 隨機(jī)生成名字，可以在設(shè)計(jì)原型中使用.
UI Faces: 查找并生成頭像，用于UI設(shè)計(jì).
UI Blurbs: 設(shè)計(jì)原型時(shí)，可以幫你快速生成用戶信息.
Copy Paste Character: 點(diǎn)擊復(fù)制工具.
Window Resizer: 查看你的設(shè)計(jì)作品在不同屏幕上的顯示效果.
→ 生產(chǎn)力工具 ←
A. 幫你保持專注的環(huán)境音
Noisli: 背景音和色彩生成器.
Noizio: 幫你放松提高生產(chǎn)力的環(huán)境音.
Defonic: 將各種環(huán)境音合成為旋律的工具.
Designers.mx: 設(shè)計(jì)師的音樂(lè)播放列表.
Coffitivity: 咖啡館的環(huán)境音，幫你提升效率.
B. 防止分心
Self Control: Mac: 幫你保持專注的應(yīng)用.
Cold Turkey: Windows: 幫你專注于工作的工具.
C. 組織協(xié)作
Trello: 記錄一切的工具.
Evernote: 可能作為你一生記錄工具的優(yōu)秀軟件.
Dropbox: 世界上最優(yōu)秀的網(wǎng)盤(pán)之一
Yanado: 在 Gmail 中使用的管理工具.
Wetransfer: 免費(fèi)2GB的上傳空間.
Drp.io: 免費(fèi)快速私密易用的圖片托管服務(wù).
Pocket: 最好的稍后讀軟件，致力于成為你的圖書(shū)館的軟件.
Mailtoself: 一款iOS插件，讓你可以在任何APP中向你的郵箱發(fā)筆記.
List.ly: 發(fā)現(xiàn)并創(chuàng)建優(yōu)質(zhì)的列表.
Markticle: 在文章中記錄閱讀進(jìn)度的工具.
D. 遠(yuǎn)程工作
Nomadlist: 那些適宜于遠(yuǎn)程工作的城市.
Where Nomads at: 發(fā)現(xiàn)那些全世界范圍內(nèi)遠(yuǎn)程工作的同行們.
Nomad Jobs: 那些最優(yōu)秀的適宜于遠(yuǎn)程工作的創(chuàng)業(yè)項(xiàng)目.
What’s It Like: 幫助旅行者找到最佳出行時(shí)機(jī).
→ 發(fā)現(xiàn)與學(xué)習(xí) ←
A. 發(fā)現(xiàn)工具/初創(chuàng)項(xiàng)目
Product Hunt: 最好的新產(chǎn)品策劃，每天都有.
Angellist: 世界范圍內(nèi)的初創(chuàng)項(xiàng)目.
Beta List: 發(fā)現(xiàn)并加入屬于未來(lái)的創(chuàng)業(yè)公司.
StartupLi.st: 發(fā)現(xiàn)，跟蹤，推薦初創(chuàng)公司.
Startups List: 來(lái)自世界各地最佳的初創(chuàng)公司.
Erli Bird: 偉大的新產(chǎn)品.
B. 協(xié)同創(chuàng)造
Assembly: 共同創(chuàng)建新思路.
CoFoundersLab: 在不同的地方不同的領(lǐng)域?qū)ふ夷愕暮匣锶?
Founder2be:為你的創(chuàng)業(yè)公司尋找合伙人
C. LEARN
Skillshare: 幫你釋放創(chuàng)造力的在線課程和項(xiàng)目.
Khan Academy: 面向每個(gè)人的世界級(jí)免費(fèi)教程.
Coursera: 來(lái)自80+世界頂尖教育機(jī)構(gòu)的免費(fèi)課程.
Codecademy: 免費(fèi)的在線互動(dòng)式代碼學(xué)習(xí)平臺(tái).
如何開(kāi)始你的創(chuàng)業(yè)項(xiàng)目: As an Audio Podcast 或者 As Online Course.
Startup Notes: 邀請(qǐng)優(yōu)秀的創(chuàng)業(yè)者教你創(chuàng)業(yè).
The How: 向優(yōu)秀的企業(yè)家學(xué)習(xí)
Launch This Year: 幫你開(kāi)始你的在線業(yè)務(wù)的網(wǎng)站.
Closed Club: 查看失敗的創(chuàng)業(yè)項(xiàng)目從中汲取教訓(xùn).
Startup Talks: 一個(gè)視頻相關(guān)創(chuàng)業(yè)項(xiàng)目的合集.
Rocketship.fm: 每周一次向成功創(chuàng)業(yè)者學(xué)習(xí)的機(jī)會(huì).
reSRC.io: 完全免費(fèi)的在線編程學(xué)習(xí)的資源.
D. 那些還不錯(cuò)的資訊
Email1K: 30天課程，讓你的訂閱郵件列表翻倍.
Design for Hackers: 12周在郵件中學(xué)會(huì)設(shè)計(jì).
Startup Digest: 你所在領(lǐng)域創(chuàng)業(yè)項(xiàng)目的個(gè)性化資訊閱讀.
Mattermark Daily: 為投資人和創(chuàng)始人們準(zhǔn)備的資訊.
ChargeWhatYou’reWorth: 幫你提升自我價(jià)值的免費(fèi)課程.
Product Psychology: 用戶行為研究方面的課程.
UX Newsletter: 那些關(guān)于研究、設(shè)計(jì)和建筑的傳奇.
UX Design Weekly: 每周更新的優(yōu)秀用戶體驗(yàn)設(shè)計(jì).
E. 一些有用的東西
Foundrs: 聯(lián)合創(chuàng)始人股權(quán)計(jì)算器.
Ad Spend Calculator: 我的創(chuàng)業(yè)項(xiàng)目是否需要廣告?
HowMuchToMakeAnApp: 計(jì)算移動(dòng)APP的研發(fā)成本.
App vs. Website: 你應(yīng)該制作一個(gè)網(wǎng)站還是APP?
→ 商業(yè)與營(yíng)銷(xiāo) ←
A. 免費(fèi)的網(wǎng)站+LOGO+托管+發(fā)票
HTML5 UP: 響應(yīng)式的HTML5 + CSS3 網(wǎng)站模板.
Bootswatch: 免費(fèi)的Bootstrap主題.
Templated: 845 款免費(fèi) CSS & HTML5 網(wǎng)站模板合集.
WordPress.org | WordPress.com: 國(guó)外流行的博客平臺(tái)（自備梯子）.
Strikingly: 令人印象深刻的免費(fèi)無(wú)限制網(wǎng)站托管.
Withoomph: 漂亮的LOGO設(shè)計(jì).
Hipster Logo Generator: 時(shí)尚流行專業(yè)的LOGO生成工具.
Squarespace Free Logo: 這里你可以免費(fèi)下載低分辨率版本的LOGO.
Hive: 世界范圍內(nèi)首款免費(fèi)使用的云服務(wù).
Invoice to me: 免費(fèi)的發(fā)票生成器.
Free Invoice Generator: 另一個(gè)免費(fèi)的發(fā)票生成器.
Slimvoice: 極為簡(jiǎn)單的發(fā)票生成工具.
B. 免費(fèi)的商務(wù)/項(xiàng)目名稱生成工具
The Name App: 為你你的項(xiàng)目找一個(gè)好名字
Naminum: 發(fā)現(xiàn)完美的公司名稱.
Short Domain Search: 幫你尋找一個(gè)簡(jiǎn)短有力的名稱.
Wordoid: 幫你的項(xiàng)目找個(gè)簡(jiǎn)短容易記住的名字.
Hipster Business Name: Hipster 商務(wù)名稱生成器.
Impossibility: 最佳的名稱生成工具.
Lean Domain Search: 快速生成網(wǎng)站名稱.
Domainr: 快速免費(fèi)名稱生成，短URL生成器.
C. 博客與寫(xiě)作
Hemingway: Hemingway App 讓你的寫(xiě)作清晰而醒目.
Grammarly: 幫你找到文章中明顯的錯(cuò)誤.
Medium: 來(lái)自大家的故事和想法.
ZenPen: 為網(wǎng)站而生的輕量級(jí)寫(xiě)作工具.
Liberio: 借助Google Drive簡(jiǎn)單快速地發(fā)布電子書(shū).
Editorial Calendar: 通過(guò)拖拽快速簡(jiǎn)便管理你的博客.
Story Wars: 大家協(xié)同寫(xiě)故事.
Headline Analyzer: 標(biāo)題情感營(yíng)銷(xiāo)分析工具.
WP Hide Post: 控制博客內(nèi)容可見(jiàn)性的工具.
Social Locker: 讓用戶通過(guò)發(fā)微博的方式來(lái)向你“支付”.
Egg Timer: 標(biāo)記并設(shè)定時(shí)間以便重復(fù)使用.
D. 發(fā)現(xiàn)內(nèi)容（趨勢(shì)、點(diǎn)子）
Portent:創(chuàng)意內(nèi)容生成器.
Google Trends: 一種展示搜索趨勢(shì)的新形式.
Buzzsumo: 幫你分析不同內(nèi)容的最佳展現(xiàn)形式.
Hubspot Blog Topic Generator: 定制博客主題.
Swayy: 發(fā)現(xiàn)最火爆流行的內(nèi)容.
其他: Google+最熱 | Twitter 趨勢(shì) | Quora | Reddit
E. 免費(fèi)的SEO+網(wǎng)站分析
Open Site Explorer: 全面的鏈接分析工具.
Ahrefs: 網(wǎng)站瀏覽器和反向鏈接監(jiān)測(cè)工具.
Quick Sprout: 為你的網(wǎng)站進(jìn)行全面的分析.
WordPress SEO by Yoast: 擁有一個(gè)有著全面優(yōu)化的Wordpress網(wǎng)站.
SEO Site Checkup: 免費(fèi)幫你檢測(cè)SEO問(wèn)題.
Hubspot Marketing Grader: 幫你進(jìn)行營(yíng)銷(xiāo)分級(jí).
SimilarWeb: 不論你的網(wǎng)站在哪托管都可以對(duì)其進(jìn)行統(tǒng)計(jì)分析.
Alexa Ranking: 分析網(wǎng)站，網(wǎng)站排名.
SERPs Rank Checker: 免費(fèi)的關(guān)鍵字排名和SERP檢查.
OpenLinkProfiler: 最新的反向鏈接，免費(fèi)的.
Keywordtool.io: Google Keyword Planner的替代品.
Google: Analytics | Keyword Planner | Webmaster Tools | Trends
Nibbler: 網(wǎng)站測(cè)試.
Browseo: 了解搜索引擎如何看待你的網(wǎng)站.
Broken Links: 找到壞的鏈接、重新定向以及更多.
Copyscape: 找到網(wǎng)絡(luò)上抄襲你網(wǎng)頁(yè)的山寨頁(yè)面.
Woorank: 網(wǎng)站評(píng)測(cè)和SEO工具.
Google Pagespeed Insights: 測(cè)試你網(wǎng)站性能
Pingdom Website Speed Test: 測(cè)試你網(wǎng)站的加載時(shí)長(zhǎng)
GTMetrics: 分析你的網(wǎng)站加載速度和性能.
Moz Local: 檢測(cè)你的網(wǎng)站在Google，Bing和其他搜索引擎上的排名.
XML Sitemaps: XML & HTML 網(wǎng)站地圖生成器.
W3C validator: 易用的標(biāo)記驗(yàn)證服務(wù).
Shopify E-commerce Report: 獲取屬于你的電子商務(wù)報(bào)告.
F. 免費(fèi)的圖片優(yōu)化
TinyJPG | TinyPNG.
Compressor.io: 優(yōu)化和在線壓縮圖片.
Kraken: 優(yōu)化圖片，幫你加速網(wǎng)站訪問(wèn)速度.
ImageOptimizer: 調(diào)整、壓縮優(yōu)化圖片文件.
ImageOptim: 讓圖片盡可能少的占用磁盤(pán)空間，提高加載速度.
Smush.it: 圖片優(yōu)化的WP插件.
G. 免費(fèi)的圖片編輯器
Canva: 極為簡(jiǎn)單的博客圖片編輯工具.
Pixlr: Pixlr Editor 是一款強(qiáng)健的瀏覽器圖片編輯工具.
Skitch: 用更少的文字傳達(dá)信息.
Easel.ly: 授權(quán)任何人創(chuàng)建并分享優(yōu)秀的視覺(jué)設(shè)計(jì).
Social Image Resizer Tool: 為社交媒體優(yōu)化的圖片.
Placeit: 免費(fèi)的產(chǎn)品原型/視覺(jué)稿模板.
Recite: 將語(yǔ)言轉(zhuǎn)化為一個(gè)優(yōu)秀的視覺(jué)作品.
Meme Generator: 第一個(gè)在線Meme生成器.
H. 免費(fèi)收發(fā)郵件
Contact form 7: 著名的wordpress插件，幫你搜集電子郵件.
Mailchimp: 可以向2000名訂閱用戶免費(fèi)發(fā)送12000封電子郵件.
ManyContactsBar: 在你的網(wǎng)站上創(chuàng)建免費(fèi)的聯(lián)系人列表頁(yè).
Hello Bar: 獲得更多的郵件訂閱者.
Sumome List Builder: 使用輕量級(jí)彈出框來(lái)搜集電子郵件.
Scroll Triggered Box: 提高你網(wǎng)站的轉(zhuǎn)化率，針對(duì)Wordpress.
Sumome Scroll Box: 禮貌地搜集更多電子郵箱.
I. 免費(fèi)的社交媒體 + 社區(qū)管理 + 調(diào)查問(wèn)卷
WriteRack: 最簡(jiǎn)單地在Twitter上發(fā)布博客的工具.
Spruce: 以最快的速度在Twitter上發(fā)布圖片.
Click To Tweet: 讓你的內(nèi)容得到更多的轉(zhuǎn)發(fā)分享.
MyTweetLinks: 提高你的Twitter訪問(wèn)流量.
Latergram: 輕松地規(guī)劃安排你的Instagram的帖子.
WordPress Pin it Button for Images: 增加“Pin It” 按鈕 .
SharedCount: 跟蹤URL鏈接，分享，轉(zhuǎn)發(fā)，點(diǎn)贊以及更多.
Justunfollow: 在Twitter和Instagram上關(guān)注/取消關(guān)注.
SocialRank: 識(shí)別、組織、管理你在Twitter上的好友.
Klout: 借助瀏覽器插件了解你在社交媒體上的影響力.
Ritetag: 話題和標(biāo)簽即時(shí)跟蹤分析.
Social Analytics: 在社交平臺(tái)上借助鏈接來(lái)進(jìn)行互動(dòng).
Riffle: 任何Twitter用戶完整的個(gè)人信息和資料.
Buffer Free Plan: 在 Twitter, Facebook, Linkedin, Google+ 上發(fā)布內(nèi)容的時(shí)間表.
Bitly: 創(chuàng)建、分享、跟蹤短鏈接.
Flament: 漂亮免費(fèi)可定制的分享工具欄.
Addthis: 獲得更多分享、轉(zhuǎn)發(fā)、點(diǎn)贊和評(píng)論.
Sumome Share: 自動(dòng)優(yōu)化你的分享按鈕，將流量最大化.
Digg Digg: All in one的分享按鈕插件.
Disqus: 為活躍用戶構(gòu)建一個(gè)評(píng)論者社區(qū).
Typeform: 免費(fèi)漂亮的在線問(wèn)卷調(diào)查表單生成器.
Tally: 在任何時(shí)候發(fā)起投票.
J. A/B 測(cè)試和其他
Petit Hacks
Optimizely: 為網(wǎng)站和移動(dòng)APP所生的優(yōu)化平臺(tái).
Hello Bar: A/B 測(cè)試工具.
GrowthHackers: 一起破解增長(zhǎng)的秘密.
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
