對于每一個開發(fā)者而言，開發(fā)工具就相當于他們的武器，選擇一個合適的工具能夠幫助我們在工作時事半功倍，在互聯(lián)網(wǎng)逐漸發(fā)展成熟的今天，越來越多的開發(fā)工具供我們選擇，但其中總有一些更好用的，如何選擇成為了一大難題。
創(chuàng)新互聯(lián)建站致力于互聯(lián)網(wǎng)網(wǎng)站建設與網(wǎng)站營銷，提供成都網(wǎng)站建設、成都網(wǎng)站制作、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、重慶小程序開發(fā)、公眾號商城、等建站開發(fā)，創(chuàng)新互聯(lián)建站網(wǎng)站建設策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。
從而頒布了2021年StackShare第八屆頂級工具獎，快來看看有沒有你青睞的開發(fā)工具吧。
年度最佳新興工具
1.FastAPI
FastAPI 是一個使用 Python3.6+ 構建 Web API 的高性能框架。根據(jù)框架創(chuàng)建者的說法，F(xiàn)astAPI 性能與 NodeJS 或 Golang 相當。
2.GitHub Copilot
作為一款 AI 結對編程工具，Copilot 的主要定位是提供類似 IntelliSense/IntelliCode 的代碼補全與建議功能，但在實際表現(xiàn)上有望超越同樣由微軟合作伙伴 OpenAI 開發(fā)的 Codex AI 系統(tǒng)。
3.FiglamFigma
Figma 是一個 基于瀏覽器 的協(xié)作式 UI 設計工具，從推出至今越來越受到 UI 設計師的青睞，也有很多的設計團隊投入了Figma 的懷抱，
4.Logtail
Logtail是日志服務提供的日志采集Agent，用于采集阿里云ECS、自建IDC、其他云廠商等服務器上的日志。本文介紹Logtail的功能、優(yōu)勢、使用限制及配置流程等信息。
5.Coder
開發(fā)人員工作區(qū)平臺·
6.Charts.csscss
Charts.css 是用于數(shù)據(jù)可視化的開源 CSS 框架，幫助用戶理解數(shù)據(jù)，幫助開發(fā)人員使用簡單的 CSS 類將數(shù)據(jù)轉換為漂亮的圖表。·
7.Counter
簡單并且免費的網(wǎng)絡分析·
8.React Query
React Query是一個庫，可為任何類型的異步數(shù)據(jù)提供ReactJS狀態(tài)管理功能。根據(jù)他們的官方文件，·
9.vscode.dev
將VS Code引入瀏覽器，構建一個可以在瀏覽器中完全無服務器運行的開發(fā)工具。
10.BookStack
BookStack 是一個開源的、基于 Laravel + Vue.js 構建的知識管理和服務平臺。具有簡單但功能強大的所見即所得編輯器，允許團隊輕松創(chuàng)建詳細且有用的文檔?！?/p>
11.ThunderClient
Thunder Client 為我們提供了一款輕量級、易用、整潔、簡單的 Rest API 客戶端擴展?！の覀兛梢岳?Thunder Client 在編輯器內(nèi)快速測試代碼庫的 API 端點，從而最大限度地減少頁面的切換。它可以替代 Postman，作為常用的無腳本測試工具。
12.Quod AI
Quod AI Code Search是一個由人工智能驅(qū)動的Chrome擴展，可以自動從Git存儲庫或Jira問題中搜索代碼。
它使用問題的標題和描述，并自動在你的Git存儲庫中找到匹配的內(nèi)容。
13.Dendron
Dendron 是典型的開源社區(qū)編程思維的解決方案，雖然初看起來有一點學習曲線，但從根本上是給了使用者最大的自由發(fā)揮空間，同時又提供了最強大和最徹底的工具生態(tài)支持?！?/p>
14.Notion API
把概念和你每天使用的工具聯(lián)系起來·
15.Github1s
只需1秒，就可以用VS Code方式來看GitHub代碼?！?/p>
16.Ocean
容器的無服務器基礎架構引擎·
17.Magic
快速構建應用程序，可定制，無密碼登錄
·
18.Jina
更簡單的一種在云上構建神經(jīng)搜索的方法，
19.Focalboard
一款開源、本地存儲、免費的類 Notion 應用Focalboard 的自我定位是“Trello、Notion 和 Asana 的開源、自托管替代品”?！?/p>
20.zx
更好地編寫腳本的工具（By Google）
21.OpenSearh
OpenSearch是阿里云開放搜索簡稱，為解決用戶結構化數(shù)據(jù)搜索需求的托管服務，支持數(shù)據(jù)結構、搜索排序、數(shù)據(jù)處理自由定制?！?/p>
22.Querybook
一個可以發(fā)現(xiàn)、創(chuàng)建和共享數(shù)據(jù)分析、查詢以及表的大數(shù)據(jù)IDE（通過Pinterest），
23.MangoDB
MongoDB是一款為web應用程序和互聯(lián)網(wǎng)基礎設施設計的數(shù)據(jù)庫管理系統(tǒng)。MongoDB就是數(shù)據(jù)庫，是NoSQL類型的數(shù)據(jù)庫
24.TooIJet
Retool的開源替代品·
25.Kitemaker
Kitemaker是為團隊而非經(jīng)理創(chuàng)建的超快速問題跟蹤器。為遠程團隊創(chuàng)建的Jira的快速替代方案·
26.Appflowy
Appflowy 是一款使用 Flutter 和 Rust 構建的開源筆記軟件，它支持Windows、macOS和Linux，可以免費下載使用
27.Kubegres
Kubegres 是一個 Kubernetes Operator，用來部署并維護 PostgreSql 集群，提供開箱即用的數(shù)據(jù)復制和故障轉移功能，簡化 PostgreSql 集群生命周期管理，降低數(shù)據(jù)復制的復雜性
28.Lightning Web Components
Lightning Web Components,業(yè)內(nèi)簡稱LWC,是Salesforce于Spring 19發(fā)布的一款新型Lightning Component，快速的企業(yè)級Web組件基礎
29.Judo
用無代碼構建原生應用體驗
30.Apache APISIX
Apache APISIX Apache APISIX是一個動態(tài)、實時、高性能的API網(wǎng)關。提供了豐富的流量管理功能，如負載均衡、動態(tài)上游、canary釋放、斷路、認證、可觀察性等。
31.Control
提供免費的加速、自動化安全性以及SOC2合規(guī)
32.Remix
專注于Web技術和現(xiàn)代 用戶體驗的框架
33.NocoDB
免費并且開源的Airtable替代方案
34.JetBrainsQodana
評估你擁有的、合同或購買的代碼的完整性
35.TabnineAI
只能代碼編寫
36.Coolify
一個開源的，自適應的Heroku和Netlify的替代品
37.Penpot
開源設計和原型平臺
38.Portman
Postman介紹：postman是一個開源的接口測試工具，無論是做單個接口的測試還是整套測試腳本的撥測都非常方便。
39.Devops Stack
持續(xù)部署Kubernetes環(huán)境
40.Slidev
面向開發(fā)人員的演示幻燈片
41.ReScript
ReScript 是一門針對 JavaScript 程序員的新語言，特別是對 TypeScript 和 Flow 的類型安全感興趣的程序員。ReScript 的語法和 JavaScript 非常相似
42.Fig
自定完成終端
43.FlutterFlow
Flutterflow 是一個在線低碼平臺,使人們在視覺上以人們在視覺上構建本機移動應用程序。
44.Porter
運行在你自己的云中的Heroku
45.SigmaOS
在 SigmaOS 中，你會看到完全不同的瀏覽器布局，它更像是一個工作臺
46.VictoeiaMetrics DB
快速、低成本的監(jiān)控解決方案和時間序列數(shù)據(jù)庫
47.CloudflarePages
JAMstack平臺為前端開發(fā)者提供協(xié)作和部署網(wǎng)站的平臺
48. Devbook
面向開發(fā)者的搜索引擎
49.Front Matter
直接在VS Code中管理靜態(tài)站點
50.Supacase UI
用于企業(yè)儀表的React組件庫
以上可以說是集結了開發(fā)行業(yè)中的所有“神器”，不僅能助力程序員高效工作，也是今后走向開發(fā)崗位小伙伴們的加薪工具。小伙伴可以從中挑選適合自己的工具~
在Flutter中，我們可以使用Image控件來顯示圖片，一般來講我們的圖片資源都來源于網(wǎng)絡或者本地圖片。
Flutter中的Image也是類似。
我們先來看看Image的構造方法
下面我們來看看其常用的屬性
可以看到，其常用屬性跟前端中的css很像。
下面我們來簡單用一用Image控件
首先是必填參數(shù)image，它接收一個ImageProvider類型的值。ImageProvider是一個抽象類，他下面有下圖這些實現(xiàn)類，由下面這些實現(xiàn)類可以看出，image是可以從資源，內(nèi)存，網(wǎng)絡，和文件中獲取圖片。
我們先來試試加載網(wǎng)絡圖片
首先看看NetworkImage構造方法，很簡單，傳個url就可以了
如下：
嗯，就是這么簡單。其他3種情況使用也是類似的，自行看源碼即可。
實際上，F(xiàn)lutter給我們提供了擴展方法，使用起來更加簡單，通常我們直接使用提供的擴展方法即可
如下
可以看到，他們的構造方法基本類似。
所以我們也可以這樣寫，跟上面的效果是一致的。
大致分為一下幾步
1.創(chuàng)建一個文件夾，用于存放圖片，如圖，我創(chuàng)建了一個imgs的文件夾，放了一張圖片
2.在pubspec.yaml中聲明資源，注意聲明的時候路徑和前面的-是有間隔的，不然的話會報#/properties/flutter/properties/assets: type: wanted [array] got -imgs/code.png
類似的錯誤，聲明完成后點擊右上方的packages get
或
下面我們再來看看其他屬性。
width，height
寬高沒什么好說的，就是設置寬度和高度
配合color使用，用于設置顏色的混合模式。BlendMode是一個枚舉，他有很多值
詳細解析還是看官方文檔吧，值太多了，我們隨便用用
用于設置圖片的填充方式，當圖片本身小于設置的寬高或者比父控件的寬高小時，我們可以設置該屬性控制圖片的顯示。
其值的類型是BoxFit。是個枚舉
具體含義還是直接看文檔即可
設置圖片的對齊方式，接收一個Alignment類型的值，值如下，很好理解
為了方便看效果我們在外邊套了個Container,簡單的把它理解為一個容器布局就可以了，類似于html中的div或android中的Layout，我們給Container設置了寬高和背景顏色。
bottomLeft效果如下，其他的自行嘗試
相對于Image，ICON可以像web一樣使用字體圖標，并且可以使用矢量圖，無需擔心失真的問題，并且體積相對較小。
我們先來看看其構造方法
很簡單，我們直接來用一用
默認情況下，pubspec.yaml中uses-material-design的值為true.我們默認就可以使用Material Design字體圖標
不久前，谷歌正式推出 Jetpack Compose 1.0 版本。近日，JetBrains 在此基礎上發(fā)布了 Compose Multiplatform Alpha 版本，旨在將 Compose 擴展到桌面和 Web 端。
Compose Multiplatform 由 Compose for Desktop 和 Compose for Web 組成，通過 Kotlin Multiplatform 支持許多不同的平臺。其中，Compose Desktop 采用 Google 的 Skia 圖形庫，來實現(xiàn)在 Windows、macOS 和 Linux 上的 UI 繪制，借此在所有支持的操作系統(tǒng)中提供統(tǒng)一的體驗，類似于 Flutter 的做法。
根據(jù) Kotlin 團隊的說法，相比起 Electron 框架，Compose Multiplatform 在內(nèi)存消耗、安裝大小和 UI 渲染性能等方面將有更明顯的優(yōu)勢。隨著 Alpha 版本的發(fā)布，Compose Multiplatform 還收獲了新的 Android Studio 插件，包括對在 IDE 中顯示組件預覽的支持以及許多附加功能。
我們希望通過本文幫助大家進一步了解 Compose 的跨平臺能力，以及 JetBrains 將 Compose 從 Android 擴展到這些其他平臺背后的主要驅(qū)動力是什么。
基于 Jetpack Compose 1.0
由谷歌打造的 Jetpack Compose 是一款用于在 Android 應用程序之內(nèi)構建用戶界面的官方框架，上周剛剛發(fā)布 1.0 版本。與此同時，Android Studio 代號“極狐”的首個穩(wěn)定版 2020.3.1 也正式亮相。
盡管才剛迎來 1.0，但谷歌表示“目前 Play Store 中已經(jīng)有超過 2000 款應用程序在使用 Compose——更重要的是，就連 Play Store 這款應用本身也在使用 Compose?！惫雀璺矫孢€表示，“我們一直在與一些頂級應用的開發(fā)人員進行合作，他們的反饋和支持幫助我們使 1.0 版本更加強大?！?/p>
Jetpack Compose for Android 迎來 1.0 版本
Compose 基于 Kotlin 開發(fā)，而 Kotlin 與 Android Studio（即官方指定的 Android IDE）均來自開發(fā)工具廠商 JetBrains。雖然 Jetpack Compose 專為 Android 打造（與谷歌的 Flutter 框架不同）， 但 JetBrains 公司堅信 Compose 完全能夠獲得跨平臺能力 。
Compose for Desktop: 這只是開始
Compose Multiplatform 可以說是該框架面向 MacOS、Linux、Windows 以及 Web 開設的一個端口，目前剛剛發(fā)布 1.0 Alpha 版本。雖然尚處于早期開發(fā)階段，但 JetBrains 表示，其已經(jīng)“為開發(fā)人員帶來能夠基本安全使用的穩(wěn)定 API”。
TheRegister 就此事詢問了 JetBrains 公司 Compose 項目負責人 Nikolay Igotti，希望了解為什么該公司在擁有了已經(jīng)廣泛應用于 IntelliJ IDEA IDE 及多種豐富變體的桌面應用程序跨平臺 Java 框架之外，還要費力開發(fā) Compose for Desktop。Igotti 的回答是，“舊有 Java 框架基本上就是修改版的 Swing。Swing 屬于默認 JDK UI 框架，Swing 和 AWT（Abstract Windows Toolkit，抽象窗口工具包）。Compose 則完全是另一碼事，當然我們也在設計中考慮到了互操作性需求……Swing 這套框架太陳舊了，最早出現(xiàn)在上世紀九十年代末。多年來人們對于 UI 的設計思路已經(jīng)天翻地覆，Swing 顯然滿足不了要求了?！?/p>
JetBrains IDE 中的 Compose for Desktop 項目
Compose 與 Swing 有一個比較大的共同點：與其他使用本機控件的跨平臺框架，比如例如 Java 的 SWT（Standard Widget Toolkit）以及微軟的 Xamarin 有所不同，它們選擇自主繪制控件。Compose 使用的 Skia 開源圖形庫，也在谷歌 Chrome、Flutter 及其他眾多框架當中得到廣泛應用。那這是否意味著 Compose 應用程序?qū)]有自己的原生外觀？對此，Igotti 的回應是，“這取決于開發(fā)人員的選擇，取決于他們?nèi)绾螢閼贸绦蛟O置主題。在這方面，Compose 的情況與 Flutter 等其他框架沒什么區(qū)別?！?/p>
那 Compose for Desktop 應用程序是否依賴于 JVM（Java Virtual Machine）運行？Igotti 表示，“我們也知道，JVM 應用程序的發(fā)布情況可能比較棘手。因此我們提供自己的 Gradle 插件，其使用 jpackage 與 Jlink 以 JVM 應用程序為基礎制作原生應用程序。Mac 的.dmg、Windows 的 MSI、Linux 的 deb 包等均可實現(xiàn)，大家用不著擔心 JVM?！?/p>
也就是說，開發(fā)成果將會是一款被精心包裹起來的 JVM 應用程序。JetBrains 還有一款用于解決這個問題的 Kotlin/Native 編譯器，“預計將在未來發(fā)布，或者專門用于桌面開發(fā)?！?/p>
對應用程序的另一種思考方式
那 Web 應用程序方面呢？Igotti 回應稱，“我們使用 Kotlin/JS 編譯器?！盋ompose 的 Web 版本不如桌面版先進，說明文檔中也警告稱“API 尚未最終確定，預計會發(fā)生重大變化。”此外，雖然 Web 版本確實使用 Compose 模型，但 API 卻完全不同，而且會使用 HTML 與 CSS。所以，Web 版與 Compose for Desktop 之間能夠共享的代碼應該比較少。
據(jù) Igotti 介紹，“Compose 代表著一種不同的應用程序思考方式。狀態(tài)即 UI 的真實來源，而 UI 本身是無狀態(tài)的，其表達永遠由狀態(tài)計算得出。在這方面，Compose for Web 采用一組相同的原語，完全相同的狀態(tài)管理思路。但是對于具體的小部件集合與排列方式，Web 版與桌面版之間確實無法互通?！?/p>
說到這里，為什么要把 Compose for Android 擴展到多種其他平臺之上？“Compose 的目標受眾主要分為三類。首先是使用 Kotlin 與 Compose 的 Android 開發(fā)人員，他們希望把自己的開發(fā)成果交付至其他平臺；其二是純 Kotlin 開發(fā)人員，他們希望以‘一次編寫、隨處運行’的方式開發(fā)新的應用程序；第三則是那些不太熟悉 Kotlin 或者 Compose，但又希望開發(fā)出精美 UI 的用戶，我們希望能為他們提供實現(xiàn)目標的工具。”
Igotti 并沒有給出具體的發(fā)布日期，但表示自己希望 Beta 版能在今年秋天發(fā)布，“我們也希望能在今年之內(nèi)推出 1.0 版本?！表椖勘旧硎峭耆_源的，“二十一世紀了，框架在大多數(shù)人們心目中就不應該收費。我們只是想開發(fā)一款長期缺失的軟件”，補足 JetBrains 當前商業(yè)模式中的工具鏈。
那么，JetBrains 會在自己的其他工具中使用 Compose 嗎？事實上，他們的 JetBrains Toolbox（用于管理已安裝的 IDE）已經(jīng)在使用 Compose，但 Igotti 表示短時間內(nèi) Compose 還無法取代 IntelliJ IDEA 等現(xiàn)有框架?！熬庉嬈魇瞧渲凶顝碗s也最重要的組件，經(jīng)歷了 20 年的發(fā)展演進，我們幾乎不可能在中途進行重寫了。無論是 JetBrains 還是我個人，都不打算強迫每個人都轉而使用 Compose。我們的目標是為原有框架選項滿足不了的用戶提供新的解決方案。”
寫在最后
那么，為什么除了 Flutter 之外，我們還需要另一個跨平臺框架？雖然谷歌的 Flutter 最開始主要面向移動設備，但現(xiàn)在也開始向桌面及 iOS 進軍，甚至比 Compose 還搶先了一步。不過，根據(jù) StackOverflow 的最新調(diào)查， Flutter 使用的語言為 Dart；盡管 Dart 語言的人氣正在增長（正是受到 Flutter 的推動），但仍然無法與 Kotlin 相提并論。
Compose 代表著一種獨特的 UI 構建方法，也許最期待 Compose 跨平臺功能的受眾，正是那些曾在 Android 上使用過它、又特別喜歡這種 UI 構建體驗的開發(fā)者。
想要進一步了解 Compose，國內(nèi) Android 開發(fā)者可訪問以下鏈接查看中文手冊：
延伸閱讀：
重慶分公司
重慶分公司
