css對象選擇器，前端選擇vue還是Angular4？
實踐經(jīng)驗表明，Vue在數(shù)據(jù)量很大的時候不好維護(hù)，所以對于大型項目，Angular4顯然更適合，但Angular比較復(fù)雜，還有面向?qū)ο蟆⒁蕾囎⑷搿VC等思想；如果由后端學(xué)過Java的人來做，應(yīng)該也比較好上手；但是對于只學(xué)過前端的人來說，有一堆思想要領(lǐng)悟，上手比較慢；但Vue則相對簡單，Vue的好用之處大概就是，用下來你發(fā)現(xiàn)，div還是那個div，css還是那個css，js也還是那個js，只是組織的方式和配合他們的工具不同而已。
當(dāng)前Vue的生態(tài)環(huán)境相較兩年前成熟了很多，相關(guān)工具、官方文檔和非官方文檔都很完善，社區(qū)也很活躍。越來越多的大公司已將Vue用于生產(chǎn)環(huán)境，github上現(xiàn)在也已經(jīng)有數(shù)以萬計的跟Vue有關(guān)的開源項目了。因此，對于中小型項目，你完全可以放心地使用Vue來構(gòu)建。
既然說Vue工具齊全，那我這里簡單列舉幾個常用的工具吧：
vue-router：用于配置單頁面應(yīng)用的組件和映射，使用的方式和ui-router類似，支持嵌套路由，正則匹配路由，參數(shù)傳遞，history模式
vuex：一個專門為Vue應(yīng)用設(shè)計的 狀態(tài)管理模型和庫。它為應(yīng)用內(nèi)的所有組件提供集中式存儲服務(wù)，其中的規(guī)則確保狀態(tài)只能按預(yù)期方式變更
element:餓了么出品，基于VUE的組件庫，開箱即用。
除了上述之外，還有webpack、axios、node等等工具可以用，且關(guān)于Vue的官方和非官方文檔都很豐富，完全可以快速上手。
最后，Vue跟微信小程序很像，而且美團(tuán)還開源了mpvue，意味著你甚至可以直接使用Vue來開發(fā)小程序。等于說，你學(xué)會了Vue，不僅學(xué)會了前端，還學(xué)會了微信小程序，一舉兩得，豈不美哉？
以上就是我拙見，歡迎在評論區(qū)留言討論。
女生學(xué)哪個比較好？
由拉勾網(wǎng)的一組數(shù)據(jù)顯示，IT行業(yè)女性占比已高達(dá)17%，可見，在IT行業(yè)的大軍中，女性所占比例正大幅度增長。所以說，性別永遠(yuǎn)不是限制你選擇職業(yè)的原因。
那么女生想進(jìn)入IT行業(yè)，學(xué)哪個比較好呢？我這里就以題主提問的這幾個方向逐一分析一下。
一、UI設(shè)計師
很多進(jìn)入IT行業(yè)的女生都會選擇UI設(shè)計這一職位，當(dāng)然這一職位也非常適合女生。首先UI設(shè)計對審美會設(shè)門檻，而女生在審美方面天生就比較敏感，能夠輕松地跨入；其次UI比較考察細(xì)節(jié)，女生細(xì)心的特點也非常適合；再者UI設(shè)計更加注重交互體驗感，女性擁有更強(qiáng)的直覺，共情能力會更好，能夠體驗出一些細(xì)膩的差異，從而設(shè)計出更好的作品。
從待遇來看，UI設(shè)計師的薪資也還是不錯的，只是從長遠(yuǎn)發(fā)展來看，這一職業(yè)要想往更高一層發(fā)展，需要具備非常扎實的基本功，這一要求對于美術(shù)相關(guān)專業(yè)的同學(xué)可能較為友好，對于想要轉(zhuǎn)行的同學(xué)來說需要學(xué)習(xí)的技能及行業(yè)相關(guān)知識相應(yīng)的就要多一些。
（圖片來源于職友集）
二、程序開發(fā)
很多人對女生學(xué)開發(fā)的技術(shù)水平持懷疑態(tài)度，說什么女生邏輯思維差、學(xué)不會等情況，但這些都是因為觀念所致，放到現(xiàn)在，女生做開發(fā)的技術(shù)也是杠杠的。只是相對來說，程序開發(fā)要熟悉各種數(shù)據(jù)結(jié)構(gòu)與算法，對于零基礎(chǔ)的同學(xué)來說入門門檻略高，這一點對于計算機(jī)相關(guān)專業(yè)的同學(xué)較為友好。再者，程序開發(fā)的工作量是非常大的，加班是常有的狀態(tài)，對于女生來說，在體力和精力上一定會吃不消。
IT行業(yè)的高薪是毋庸置疑的，軟件開發(fā)也不例外，剛?cè)胄心玫?k以上都是正常的事情，所以如果不擔(dān)心加班的女生，程序開發(fā)也是不錯的選擇。
三、軟件測試
很多人喜歡拿測試跟開發(fā)對比，那么這兩個職業(yè)哪個發(fā)展更好，只能說各有優(yōu)劣。從薪資水平上來講，同幅增長的開發(fā)薪資是要比測試薪資高的，但壓力更大、投入的時間成本更多，因此開發(fā)崗男性居多。而軟件測試，雖然某種程度上薪資沒有開發(fā)高，但入行難度比開發(fā)小，且成長迅速的測試也不比開發(fā)的工資低，因此女性偏多。
再者，測試崗的工作性質(zhì)也非常適合女生來學(xué)習(xí)，測試主要是查漏洞。女孩子耐心、細(xì)致、穩(wěn)定、慎重、好溝通的性格特點也非常適合這一崗位的性質(zhì)。其次，測試崗不需要四處奔波、沒有過多的應(yīng)酬、不費(fèi)體力，不用耗費(fèi)過多的精力，很多女孩子擔(dān)心入了這行“加班常態(tài)、禿頭掉發(fā)”，那么測試崗則是女生入IT行業(yè)最佳的選擇。
（圖片來源于網(wǎng)絡(luò)）
隨著用戶對程序體驗感的要求逐漸提高，企業(yè)也越來越重視測試人員的配備，從行業(yè)前景與薪資待遇來看，測試崗也是非常不錯的選項。在IT行業(yè)男性盛行的時代，有些公司為了平衡男女比例，也會非常重視女軟件測試工程師的配備。在薪資待遇方面，軟件測試工程師也屬于高薪一族，畢業(yè)時起步月薪也能達(dá)到6000—10000不等，隨著技術(shù)的提高，薪資也會逐漸提高。如果你的技術(shù)過硬，年薪20w起都不是問題。
（圖片來源于職友集）
總的來看，測試崗是非常適合女生來學(xué)習(xí)的，在啄木鳥學(xué)院，已經(jīng)畢業(yè)了成百上千個優(yōu)秀的女軟件測試工程師，她們是零基礎(chǔ)入行的護(hù)士小姐姐、有了孩子依舊不放棄的寶媽、從開發(fā)轉(zhuǎn)測試崗的女程序員，她們在啄木鳥學(xué)院都實現(xiàn)了入行軟件測試的夢想。
啄木鳥學(xué)院的張同學(xué)是一位寶媽，今年32歲了，之前做了8年的保險工作，已經(jīng)達(dá)到瓶頸，但是為母則強(qiáng)，選擇再繼續(xù)提升，學(xué)習(xí)途中克服了每天來上課的路途遙遠(yuǎn)，克服了孩子的分心，別人筆記做一遍，她做3遍，為的就是不輸給20歲剛畢業(yè)的小學(xué)弟學(xué)妹，不敗給四五十歲功成名就的人，給自己的孩子做個好榜樣，歲月從不打敗真美人！最終在中軟被評定了7級，每月算上加班工資到手能拿16k，相信將來你給孩子講起這段經(jīng)歷，他也一定會為你自豪，愿你的歲月收獲的是精華，而不是蒼老的皺紋！
李同學(xué)也是一位女學(xué)員，15年電子信息工程專業(yè)畢業(yè)，今年28歲，在啄木鳥學(xué)院學(xué)習(xí)之后現(xiàn)已拿到了12.5k的offer，非常的勵志了，女孩子一樣可以通過努力將自己變得更加優(yōu)秀。
類似的案例還有很多，在啄木鳥學(xué)院的就業(yè)統(tǒng)計表中，女學(xué)員占了將近50%，菁英學(xué)子用實力打破爭議，證明女孩子并不比男孩子差，女孩子也可以成為優(yōu)秀的軟件測試工程師，女孩子照樣能夠在職場上風(fēng)生水起，逆風(fēng)翻盤。
開發(fā)軟件的工具有哪些？
在我認(rèn)識的所有程序員里，每個人幾乎都有專屬于自己的常用工具和相關(guān)資源，今天給大家奉上數(shù)十個程序員硬核工具，我相信這里總有一款工具是屬于你的！
程序員生產(chǎn)力工具大全如下：1. Idea-Intellij IDEA (java 編程語言 開發(fā)的集成環(huán)境)
業(yè)界排名第一的java開發(fā)工具，非常非常好用，如果還在用eclipse的朋友，趕緊來體驗一把，你一定會愛上她的。2. SecureCRT (SSH終端仿真程序)
SecureCRT是一款終端仿真程序，支持SSH（SSH1和SSH2）以及Telnet和rlogin協(xié)議。SecureCRT用于連接運(yùn)行包括Windows、UNIX和VMS在內(nèi)的遠(yuǎn)程系統(tǒng)的理想工具。3. Termius (全平臺的遠(yuǎn)程終端)
termius是一款全平臺的遠(yuǎn)程終端，Termius不僅涵蓋了Windows、Linux、OSX，還變態(tài)得支持Android和iOS（以后在地鐵、公交上都可以隨時拿出手機(jī)來排查線上問題啦，還真是廣大程序員的福音呢。4. Google Chrome (谷歌瀏覽器)
Google Chrome是一款由Google公司開發(fā)的網(wǎng)頁瀏覽器，該瀏覽器基于其他開源軟件撰寫，包括WebKit，目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡單且有效率的使用者界面。5. iTerm (為Mac OS X編寫的終端仿真程序)
iTerm是一個為Mac OS X編寫的，功能齊全的終端仿真程序；目標(biāo)是在為用戶提供OS X下最佳的命令行體驗；字母i代表了本地蘋果的外觀和風(fēng)格的程序界面，并把重點放在完整的國際支持； 它合并由兩個項目， CTerminal和TerminalX ，而這兩者都是基于JTerminal項目；該軟件非常有實用和易用性。6. Visual Studio Code (簡稱“VS Code”,編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器）
重新定義和優(yōu)化了代碼編輯,以便生成和調(diào)試新式 Web 應(yīng)用程序和云應(yīng)用程序。也是著名的文本編輯器，它是輕量級的,vSCode的一大特點就是你可以通過多種方式來調(diào)整設(shè)置,而且Vim可以和VScode集成在一起，它還帶有一個集成終端，可用的擴(kuò)展太多，使開發(fā)人員的工作變得更加輕松。我最喜歡的一些擴(kuò)展是AWS Toolkit, ESLint,Live Server, Live Share, Prettier-代碼格式化程序，YAML,Live Sass編譯器，Docker等。7. VMware Fusion & VMware workstation (為計算機(jī)開發(fā)的虛擬機(jī)管理程序)
是在計算機(jī)上無縫運(yùn)行 Windows 的最佳方式，可確保 Windows 應(yīng)用程序在計算機(jī)上實現(xiàn)無縫運(yùn)行可以在基于 Intel 的計算機(jī)上無縫運(yùn)行 Windows、Linux 以及其他 PC等多個操作系統(tǒng)，進(jìn)而構(gòu)建、測試或演示軟件。8. Navicat Premium (數(shù)據(jù)庫管理工具)
Navicat premium是一款數(shù)據(jù)庫管理工具,是一個可多重連線資料庫的管理工具，它可以讓你以單一程式同時連線到 MySQL、SQLite、Oracle 及 PostgreSQL 資料庫，讓管理不同類型的資料庫更加的方便。9. Postman (api調(diào)試工具)
簡單來說，四個詞，簡單、實用、大方、美觀！postman這款網(wǎng)頁調(diào)試工具的windows客戶端，功能強(qiáng)大的HTTP調(diào)試與模擬插件。使用Postman可以進(jìn)行API開發(fā)、請求、調(diào)試,除了它，還可以使用lnsomnia和Insomnia Designer作為API文檔。10. RedisDesktopManager (一款可視化 redis管理工具 )
Redis Desktop Manager是一款簡單快速、跨平臺的Redis桌面管理工具，也被稱作Redis可視化工具，Redis Desktop Manager官方版是一款開源軟件，支持通過SSH Tunnel連接，支持windows、mac等多平臺。11. Dash (基于MAC的 API文檔瀏覽器和代碼片段管理器)
“開發(fā)者不可或缺的杰作。”Dash 可讓您的 Mac 即時離線訪問 200 多個 API 文檔集。立刻搜索離線文件集200層+的API ，100+備忘單和 href="">更多 功能。您甚至可以"">生成自己的文檔集 或 href="">請求 包含href="">文檔集 。12. Fiddler & Wireshark (http抓包工具)
Fiddler和Wireshark都是進(jìn)行抓包的工具:所謂抓包就是將網(wǎng)絡(luò)傳輸發(fā)送與接收的數(shù)據(jù)包進(jìn)行截獲、重發(fā)、編輯、轉(zhuǎn)存等操作,也用來檢查網(wǎng)絡(luò)安全。作為開發(fā)者，經(jīng)常想調(diào)試一下http請求發(fā)送的數(shù)據(jù)的詳情，那么可以使用這2款軟件。用抓包工具wireshark的人相對來說更多一些。13. HBuilder X (HTML5的Web開發(fā)工具)
當(dāng)前最快的HTML開發(fā)工具,強(qiáng)大的代碼助手幫你快速完成開發(fā),最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛。作為HBuilder下一代的全新編輯器，HBuilderX被定位為ide和編輯器的完美結(jié)合，除了對某種語言的語法分析、提示、轉(zhuǎn)到定義、調(diào)試，同時加強(qiáng)了對通用文本處理能力，界面更加清爽，擁有比上一代更加有效的快捷鍵體系。14. MobaXterm (遠(yuǎn)程終端控制軟件,集串口,SSH遠(yuǎn)程登錄和FTP傳輸三合一的工具)
多功能終端MobaXterm Professional Edition 是一款豪華、全功能的終端軟件。MobaXterm帶來了所有必要的Unix命令到Windows桌面，在開箱單便攜式exe文件。MobaXterm允許您啟動遠(yuǎn)程會話。遠(yuǎn)程shell，MobaXterm遠(yuǎn)比Putty好用，您可以選擇創(chuàng)建SSH，遠(yuǎn)程登錄，Rlogin，RDP，VNC，XDMCP，F(xiàn)TP，SFTP或串行會話。15. Sublime Text (跨平臺代碼編輯器)
http://www.sublimetext.cn/Sublime Text 是一款用于代碼、標(biāo)記和散文的精致文本編輯器。Sublime Text 中文網(wǎng)致力于為廣大國內(nèi)開發(fā)者提供詳盡的中文文檔、使用說明等,助力開發(fā)者快速掌握這個編輯器。16.webstorm (專業(yè)的HTML編輯工具)
web開發(fā)的必備的一款開發(fā)神器，比如寫js、頁面、css，那么這款軟件用起來非常順手。此軟件和idea出自于同一家公司，這家公司做了很多異常好用的軟件，基本上你需要的各種開發(fā)相關(guān)的IDE，這家公司都生產(chǎn)。可以說是“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對JavaScript，TypeScript和CSS支持更好，改進(jìn)了Vue.js的體驗，并為Jest集成增加了新功能。17.Xshell (功能強(qiáng)大的終端模擬器)
linux原創(chuàng)控制軟件，完全免費(fèi)且非常穩(wěn)定的 SSH 客戶端 ，支持多種遠(yuǎn)程協(xié)議，提供了很多特色與高級功能，簡體中文界面也讓你輕松管理遠(yuǎn)程服務(wù)器。 Xshell 的 Screen 會話不閃屏，而且可以回滾；Script 的執(zhí)行順序可以調(diào)整；可以同時發(fā)送指令到多個 session；支持布局切換等。18. SwitchHosts (修改Hosts文件的工具)
這是用于在多個HOSTS之間進(jìn)行切換。可在公用hosts文件 、當(dāng)前系統(tǒng)hosts、本地方案和在線方案間進(jìn)行切換。作為一名開發(fā)人員，經(jīng)常需要修改本地host，你還是通過修改host文件來操作的么？那樣太慢了，這里建議大家使用switchhosts這款軟件，可以快速修改本地host，非常好用。其他工具：
1. CodeIf(智能命名) ： https://unbug.github.io/codelf
大部分開發(fā)者都或多或少遇到過變量命名的煩惱，如果命名不規(guī)范，不僅會影響開發(fā)的效率，而且對后面維護(hù)的同學(xué)來說也是一個不小的挑戰(zhàn)，因為他要去揣摩你這個變量的含義。隨著項目越來越復(fù)雜，變量和函數(shù)數(shù)量越來越多，雖然每個編程語言都有各種命名規(guī)范，但是也不能解決所有的問題。“計算機(jī)科學(xué)里兩件最難的事：緩存失效和命名。” Codelf通過搜索在線開源平臺Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的項目源碼，幫開發(fā)者從中找出已有的匹配關(guān)鍵字的變量名，從而幫助為變量名苦惱的開發(fā)者命名。這個搜索服務(wù)支持直接搜索中文。同時可以在自己用的編輯器里安裝插件，支持 VS Code、Atom、Sublime Text 和 Chrome。2. DocsChina-印記中文 ： https://www.docschina.org
這是一個前端中文文檔合集，進(jìn)入網(wǎng)站可以看到開發(fā)中經(jīng)常使用的前端中文文檔。如果你的英文實在不怎么好，還在為找中文文檔而煩惱，這里將是你非常好的選擇。記得放到自己的瀏覽器收藏夾里哦！3. any-rule(正則表達(dá)大全)： http://github.com/any86/any-rule
any-rule 維護(hù)了一個常用正則表達(dá)式合集，并且本身是一個支持 Web/VS Code/idea/Alfred Workflow 多平臺的正則表達(dá)式工具。4. tool.lu(在線工具)： https://tool.lu
程序員總是有很多小工具要使用，比如圖片、Base64編碼、Markdown編輯器時間戳轉(zhuǎn)換，進(jìn)制轉(zhuǎn)換等，在線運(yùn)行各種語言代碼。這個網(wǎng)站包含了太多程序員需要用到的小工具了。比如你想運(yùn)行點JAVA代碼，又不想麻煩的在系統(tǒng)中安裝JAVA環(huán)境，可以使用里邊的在線運(yùn)行代碼工具，然后選擇JAVA,寫點JAVA代碼就可以直接運(yùn)行了。5. Baomitu(前端靜態(tài)源庫)： https://cdn.baomitu.com
這個靜態(tài)資源庫是支持HTTP/2的CDN服務(wù)，有了它，如果你是自己的小型項目或者是做測試就不用下載任何的代碼庫，直接粘貼地址過來用就可以，因為是國內(nèi)的CDN庫，速度還非常的快。6. Typora-Markdown(編寫工具)：https://www.typora.io
一款實用的 Markdown 編寫工具，所見即所得，用Markdown編寫文章是一個程序員的標(biāo)準(zhǔn)配置，也就是標(biāo)配。現(xiàn)在有很多在線工具都支持Markdown，什么有道云筆記、雀語，、印象筆記等。這種簡單的界面，沉浸式的編寫，清晰的大綱，它就像一件稱手的兵器，讓你一旦擁有就愛不釋手。7. Snipaste (簡單便捷的截圖軟件)：https://zh.snipaste.com/download.html
一款免費(fèi)的桌面截圖軟件，功能強(qiáng)大，使用方便，支持任何屏幕位置截圖，支持窗口截圖，支持快捷方式截圖。您可通過截取貼圖，使兩張圖合并為一張圖，還能調(diào)整截圖文字圖像等等，是一款非常強(qiáng)大的貼圖軟件，喜歡此款貼圖軟件的朋友不要錯過。8. Captura (最好用的開源錄屏、gif動態(tài)圖片制作工具)
官網(wǎng)：https://captura.updatestar.com/github：https://github.com/MathewSachin/Captura通過這款工具可以幫助你輕松錄制各種視頻。支持全屏錄制、區(qū)域錄制兩種方式，全屏錄制可以錄制全部的電腦屏幕，將電腦屏幕上所有的動態(tài)都錄制下來,該軟件還擁有視頻編解碼器，可以對視頻進(jìn)行解碼，支持mp4、avi、GIF、webm等格式，可以滿足一般的解碼需要。還支持屏幕截圖、剪貼板，簡單的圖像編輯等功能，是一款非常好用的屏幕錄像工具。9. 向日葵 (遠(yuǎn)程控制軟件): https://sunlogin.oray.com/
向日葵遠(yuǎn)程控制是一款提供遠(yuǎn)程控制服務(wù)的軟件。向日葵遠(yuǎn)程控制支持主流操作系統(tǒng)Windows、Linux、Mac、Android、iOS跨平臺協(xié)同操作，在任何可連入互聯(lián)網(wǎng)的地點，都可以輕松訪問和控制安裝了向日葵遠(yuǎn)程控制客戶端的設(shè)備。整個遠(yuǎn)控過程，可通過瀏覽器直接進(jìn)行，無需再安裝軟件。10. Everything (本地文件檢索工具):http://www.voidtools.com/support/everything/
由voidef="">tools 開發(fā)的一款文件搜索工具，這款軟件是基于名稱實時定位文件和目錄。Everthing功能強(qiáng)大，體積小巧，第一次安裝使用時會建立一個索引數(shù)據(jù)庫，將所有文件和文件夾的名稱導(dǎo)入其中，后續(xù)使用能夠以極快的速度快速搜索，查找到你所需要的文件。11. StarUML (UML畫圖工具)
畫uml圖的一款神器，類圖、時序圖、流程圖、狀態(tài)圖等等，都可以用這款工具輕松應(yīng)對。12. uTools (生產(chǎn)力工具集):https://u.tools/
一個極簡、插件化、跨平臺的現(xiàn)代化桌面軟件。通過自由選配豐富的插件,打造你得心應(yīng)手的工具集合。這個工具，我只能說他是一款神奇，太牛逼，這款工具中匯集了很多好用的工具，可以通過這款工具秒開電腦上的各種軟件。搜索資源網(wǎng)站工具：
1.Bing
Bing 國際版：https://cn.bing.com/感覺比某度要好用多了。2.DuckDuckGo
DuckDuckGo：https://duckduckgo.com/從官網(wǎng)的介紹來看這個搜索引擎不收集用戶信息，而且沒有廣告。3.Stack Overflow
Stack Overflow：https://stackoverflow.com/我們?nèi)绻Ｓ?Google，很多技術(shù)問題的答案就在這個網(wǎng)站上，如果你無法使用 Google 可以在這個網(wǎng)站上直接檢索就好了。4.Gitlogs
Gitlogs：https://www.gitlogs.com/Gitlogs 是專門針對 GitHub 項目的搜索引擎，我們通過他可以快速找到想要項目。5.jiumo search
文檔搜索引擎 jiumo search 鳩摩搜書：https://www.jiumodiary.com/可以用來找一些技術(shù)文檔手冊，很多在百度網(wǎng)盤里。6.Ebooke
Ebooke：https://ebookee.org/Ebookee 是一個基于互聯(lián)網(wǎng)并提供免費(fèi)電子圖書下載的搜索引擎網(wǎng)站。7.Iconfinder
圖標(biāo)搜索：https://www.iconfinder.com/用來查找 logo 圖片。8.TinEye
TinEye：https://www.tineye.com用圖片來檢索圖片，我們可以上傳圖片或輸入圖片的 URL 來檢索。9.SemanticScholar
SemanticScholar：https://www.semanticscholar.org/SemanticScholar 是一個免費(fèi)學(xué)術(shù)搜索引擎，其檢索結(jié)果來自于期刊、學(xué)術(shù)會議資料或者是學(xué)術(shù)機(jī)構(gòu)的文獻(xiàn)。10.LibreStock
LibreStock：https://librestock.com/LibreStock 上可以檢索一些優(yōu)質(zhì)的高清圖片。http://11.CC Search
CC Search：https://ccsearch.creativecommons.org/CC Search 上搜索到的圖片資源都是無版權(quán)的，我們可以免費(fèi)的使用。12.Pexels
Pexels：https://www.pexels.com/高質(zhì)量的圖片網(wǎng)站，可以免費(fèi)使用。13.Unsplash
Unsplash：https://unsplash.com/免費(fèi)高清素材網(wǎng)站。14.The App Store
The App Store：https://theappstore.org/The App Store 是一個針對蘋果手機(jī)、iPad、Mac 設(shè)備的應(yīng)用搜索工具。在線畫圖工具：
? 在線畫圖工具ProcessOn：https://www.processon.com/? 在線畫圖工具h(yuǎn)ttp://draw.io：https://app.diagrams.net/? 在線思維導(dǎo)圖工具：http://www.mindline.cn/webapp? PlantUML在線編輯器：http://haha98k.com/在線開發(fā)輔助工具：
日常開發(fā)經(jīng)常會用到一些輔助工具我總結(jié)為8大類，包括：編解碼工具、轉(zhuǎn)換工具、正則工具、編譯工具、網(wǎng)絡(luò)工具、格式化工具、可視化工具、在線生成器、以及其他工具等等。具體列表如下:在線編碼工具：
BASE64編解碼工具：https://base64.supfree.net/? MD5編碼工具：https://www.zxgj.cn/g/md5? AES/DES加解密：http://www.fly63.com/tool/cipher/? JWT解碼工具：http://jwt.calebb.net/? ASCII編解碼工具：https://www.matools.com/code-convert-ascii? Unicode編解碼工具：https://www.zxgj.cn/g/unicode? UTF-8編解碼工具：https://www.zxgj.cn/g/utf8? 字符串編解碼工具：https://www.zxgj.cn/g/enstring? URL編解碼工具：http://tool.chinaz.com/tools/urlencode.aspx?jdfwkey=lbixz1在線轉(zhuǎn)換工具：
在線ASCII碼對照表：http://www.fly63.com/tool/ascii/? 通用進(jìn)制轉(zhuǎn)換工具：https://www.zxgj.cn/g/jinzhi? 在線浮點數(shù)十進(jìn)制轉(zhuǎn)換：http://www.binaryconvert.com/? RGB顏色轉(zhuǎn)換：https://www.zxgj.cn/g/yansezhi? 時間戳轉(zhuǎn)換工具：https://www.zxgj.cn/g/unix? 計量單位換算工具：http://www.fly63.com/tool/unitable/? 在線JSON解析：http://www.json.cn/? 在線JS代碼格式化工具：https://prettier.io/playground/? SQL壓縮/格式化工具：https://www.zxgj.cn/g/sqlformat? JSON和XML在線轉(zhuǎn)換：https://www.zxgj.cn/g/jsonxml? JSON/YAML在線轉(zhuǎn)換：http://www.fly63.com/tool/jsonyaml/? 人民幣大小寫轉(zhuǎn)換工具：http://www.fly63.com/tool/renmingbi/正則表達(dá)式工具：
正則表達(dá)式調(diào)試工具：https://regexr.com/? 正則表達(dá)式可視化工具：https://jex.im/regulex/網(wǎng)絡(luò)工具：
IP地址歸屬地查詢：https://www.ip138.com/? IP地址查詢：https://www.ipip.net/ip.html? HTTP在線接口測試工具：http://www.fly63.com/php/http/在線編譯運(yùn)行工具：
C#在線編譯運(yùn)行：https://rextester.com/? C/C++在線編譯調(diào)試：https://www.onlinegdb.com/? 在線編譯工具套裝：https://c.runoob.com/可視化/格式化工具：
在線前端編輯器: https://codepen.io/? 在線數(shù)據(jù)可視化：https://flourish.studio/? 在線JSON解析：http://www.json.cn/? 在線CSS代碼可視化工具：https://enjoycss.com/? XML格式化工具：https://www.zxgj.cn/g/xmlformat? 在線JS代碼格式化工具：https://prettier.io/playground/? SQL壓縮/格式化工具：https://www.zxgj.cn/g/sqlformat? JSON和XML在線轉(zhuǎn)換：https://www.zxgj.cn/g/jsonxml? JSON/YAML在線轉(zhuǎn)換：http://www.fly63.com/tool/jsonyaml/在線生成器：
UUID在線生成器：https://www.zxgj.cn/g/uuid? 隨機(jī)數(shù)生成器：https://www.zxgj.cn/g/suijishu其他常用工具：
在線Nginx配置工具：https://nginxconfig.io/? 在線對比工具：http://www.fly63.com/tool/textdiff/? 在線Chrome瀏覽器插件：https://www.crx4chrome.com/? 在線接口文檔管理工具：http://www.docway.net/在線素材工具：
如果你寫文章，或者做視頻，那就一定少不了要找素材，包括各種圖片、背景、emoji表情、表情包、壁紙、視頻、gif圖等等。? 免費(fèi)透明背景圖片素材：http://pngimg.com/? Emoji表情搜索：https://emoji.svend.cc/? Emoji表情包下載：https://emojiisland.com/? open source icons：https://feathericons.com/? 表情包在線網(wǎng)站：https://fabiaoqing.com/? 免費(fèi)PNG圖片庫：https://pluspng.com/? ICON圖標(biāo)在線下載：https://www.iconfinder.com/? 極簡壁紙：https://bz.zzzmh.cn/? Wallpaper Abyss壁紙：https://wall.alphacoders.com? Pixabay圖片素材庫：https://pixabay.com/zh/? Unsplash圖片素材庫：https://unsplash.com? Pexels圖片素材庫：http://www.pexels.com? NASA圖片視頻素材庫：https://images.nasa.gov設(shè)計制作類工具：
對于那些文章創(chuàng)作者和視頻創(chuàng)作者而言，設(shè)計封面，做海報，設(shè)計LOGO，圖片美化等等基本也是剛需。這樣大概率日常會用到一些簡易好上手的在線設(shè)計制作類工具，比如在線P圖、音/視頻輕量化剪輯、logo制作、海報設(shè)計制作、圖片美化、在線圖片轉(zhuǎn)換或生成等等。? 在線PS：https://www.uupoop.com/? 在線音頻剪輯：https://www.weixinsyt.com/? 在線視頻剪輯：https://www.kapwing.com/? 免費(fèi)logo在線制作：http://www.uugai.com/? 藝術(shù)字體在線生成：https://www.qt86.com/? 在線表格轉(zhuǎn)換工具: https://tableconvert.com/? 在線海報設(shè)計工具: https://www.designcap.com/? 圖片智能放大工具：https://bigjpg.com/? 二維碼美化器：https://mh.cli.im/? 在線代碼截圖工具：https://carbon.now.sh/? 在線摳圖工具：https://www.remove.bg/zh? ICO圖標(biāo)在線生成：http://www.fly63.com/php/ico/? SVG轉(zhuǎn)PNG工具：http://www.fly63.com/tool/svg2img/? 視頻轉(zhuǎn)GIF工具：http://www.fly63.com/tool/giftxt/? 二維碼在線生成器：http://www.fly63.com/tool/ewm/? 二維碼在線解碼：http://www.fly63.com/php/decoder/寫輔助工具：
寫文章的過程中經(jīng)常會用到和寫作相關(guān)的輔助工具，比方說：字?jǐn)?shù)統(tǒng)計工具、Markdown格式的文章排版工具、圖床網(wǎng)站、代碼截圖工具等等，所以下面這些在線工具就能很好地滿足我的需求。? 在線字?jǐn)?shù)統(tǒng)計：https://www.eteste.com/? mdnice markdown排版工具：https://mdnice.com/? md2all markdown排版工具：http://md.aclickall.com/? 在線圖床神器：https://picx.xpoet.cn/? 在線免費(fèi)圖床：https://sm.ms/? 圖殼圖床：https://imgkr.com/? 在線代碼截圖工具：https://carbon.now.sh/? 在線短鏈接工具：https://urlify.cn/? 在線文本替換：http://www.fly63.com/tool/textreplace/在線辦公工具：
部分在線工具主要用來處理一些和文檔以及文稿相關(guān)的事情，經(jīng)常用到的比如：在線的全套pdf處理和轉(zhuǎn)換工具、各種各樣多媒體文件間的相互轉(zhuǎn)換工具、在線識別工具、在線壓縮工具等等。? pdf在線處理工具1：https://smallpdf.com/cn/pdf-tools? pdf在線處理工具2：https://tools.pdf24.org/zh/? pdf轉(zhuǎn)word在線工具：https://www.pdftoword.com/? 在線多媒體轉(zhuǎn)換器合集：https://cn.office-converter.com/? 在線文字識別工具：https://ocr.wdku.net/? 在線文件壓縮工具：https://docsmall.com/文檔筆記工具：
好記性不如爛筆頭，作為一個學(xué)習(xí)者，我覺得記筆記是必不可少的步驟。當(dāng)然現(xiàn)在基本都做電子筆記和電子文檔比較多。現(xiàn)如今各式各樣優(yōu)秀的文檔工具和筆記軟件鱗次櫛比，好用的也有很多，整理成如下列表，這東西各有長處，使用哪個最合意還得看個人習(xí)慣和需求了。? 印象筆記：https://www.yinxiang.com/? 有道筆記：https://note.youdao.com/? OneNote：https://www.onenote.com/? 幕布：https://mubu.com/? 為知筆記：https://www.wiz.cn/? 石墨文檔：https://shimo.im/? Simplenote：https://simplenote.com/? 語雀：https://www.yuque.com/編程學(xué)習(xí)網(wǎng)：
? 嗶哩嗶哩：https://www.bilibili.com/? C語言網(wǎng)：https://www.dotcpp.com/? cppreference：http://zh.cppreference.com/? 中國大學(xué)MOOC：https://www.icourse163.org/? 牛客網(wǎng)：http://www.nowcoder.com? 網(wǎng)易公開課：http://open.163.com? CodeGym：https://codegym.cc/? BeginnersBook：https://beginnersbook.com/? JavaSED：http://www.javased.com/? codecademy：https://www.codecademy.com/? Coursera：https://www.coursera.org/? StackOverFlow：https://stackoverflow.com/? LeetCode：https://leetcode-cn.com/? LintCode：https://www.lintcode.com/在線教程文檔：
這部分主要集中了在做開發(fā)過程中隨手參考所要用到的幾乎所有在線教程和官方文檔，有中文版文檔的基本都優(yōu)先列出來了，但更多時候是英文的官方文檔。? Git中文教程：https://git-scm.com/book/zh/v2? SVN中文手冊：http://svnbook.red-bean.com/nightly/zh/index.html? jQuery API中文文檔：https://jquery.cuishifeng.cn/? Nginx中文文檔：https://www.nginx.cn/doc/index.html? Kafka中文文檔：https://kafka.apachecn.org/? Mybatis中文文檔：https://mybatis.org/mybatis-3/zh/index.html? 微信小程序官方文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/? Nodejs中文教程文檔：http://nodejs.cn/learn? Apache Web Server文檔：http://httpd.apache.org/docs/? Spring文檔中文版：https://www.springcloud.cc/spring-reference.html? Golang標(biāo)準(zhǔn)庫文檔中文版：https://studygolang.com/pkgdoc? Java 8官方文檔：https://docs.oracle.com/javase/8/docs/api/index.html? Maven官方文檔：http://maven.apache.org/guides/? Tomcat 8官方文檔：http://tomcat.apache.org/tomcat-8.0-doc/index.html? Spring Boot官方文檔：https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/? RabbitMQ官方文檔：https://www.rabbitmq.com/documentation.html? RocketMQ官方文檔：http://rocketmq.apache.org/docs/quick-start/? Dubbo中文文檔：https://dubbo.apache.org/zh/docs/? Netty官方文檔：https://netty.io/wiki/index.html? Elasticsearch官方文檔：https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html? Spring Cloud官方文檔：https://spring.io/projects/spring-cloud? Docker官方文檔：https://docs.docker.com/get-started/? kubernetes中文文檔：https://kubernetes.io/zh/docs/home/? thymeleaf官方文檔：https://www.thymeleaf.org/documentation.html? Vue.js中文文檔：https://cn.vuejs.org/v2/guide/? React.js官方文檔：https://reactjs.org/docs/getting-started.html? Jenkins中文文檔：https://www.jenkins.io/zh/doc/華為云平臺：
高效易用的低代碼aPaaS平臺-應(yīng)用魔方AppCube：https://www.huaweicloud.com/product/appcube.html集華為研發(fā)實踐、前沿研發(fā)理念、先進(jìn)研發(fā)工具為一體的軟件開發(fā)平臺-軟件開發(fā)平臺 DevCloud：https://www.huaweicloud.com/devcloud/以上內(nèi)容分享自華為云社區(qū)《吐血整理：程序員都在用什么工具？》，作者： 考過IE勵志當(dāng)攻城獅 ，部分內(nèi)容整理自互聯(lián)網(wǎng)~
offset能起作用的對象是？
JQuery對象應(yīng)該都可以的 offset()：獲取匹配元素在當(dāng)前視口的相對偏移。返回的對象包含兩個整型屬性：top 和 left。此方法只對可見元素有效。 示例描述：獲取第二段的偏移HTML 代碼:
Hello
2nd Paragraph
jQuery 代碼:var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); 結(jié)果:Hello
left: 0, top: 35