GitHub 精選開源項(xiàng)目周刊第 4 期
【公眾號回復(fù) “1024”，免費(fèi)領(lǐng)取程序員賺錢實(shí)操經(jīng)驗(yàn)】
大家好，我是你們的章魚貓。今天推送的是 GitHub 精選開源項(xiàng)目推薦周刊第 4 期，周刊內(nèi)推薦的項(xiàng)目來自 GitHub 精選公眾號粉絲的自薦，我們希望能夠幫助更多的同學(xué)更好的開發(fā)和推廣開源項(xiàng)目。
快點(diǎn)查查——微信小程序
項(xiàng)目介紹：
該小程序借助了騰訊位置、高德地圖、和風(fēng)天氣、一言等提供的 API 服務(wù)。通過這類第三方服務(wù)接口，來為用戶快速定位附近的公交、地鐵、公廁、學(xué)校、景點(diǎn)、美食等任何關(guān)鍵信息，同時(shí)提供了天氣查詢、天氣舒適度建議。另外附加了一點(diǎn)文學(xué)氣息：頁面刷新會顯示隨機(jī)經(jīng)典古詩句哦！
功能描述:
1.快速定位附近的公交、地鐵、公廁、學(xué)校、景點(diǎn)、美食、網(wǎng)咖等信息，并且提供文字導(dǎo)航和語音導(dǎo)航
2.實(shí)時(shí)查詢當(dāng)前位置的天氣情況，并且提供穿衣指南、健身指南等溫馨提示
3.頁面刷新后會隨機(jī)顯示景點(diǎn)古詩詞，還可以用來漲知識呢
掃描如下二維碼試用
項(xiàng)目地址：https://github.com/tomato-cc/wxmap
項(xiàng)目作者：https://github.com/tomato-cc
react-visual-editor 可視化拖拽工具
項(xiàng)目介紹：
項(xiàng)目基于 React 組件之間的原始約束設(shè)計(jì)，不會添加多余 dom 節(jié)點(diǎn)，以組件可視化拖拽，嵌套形式，完全還原真實(shí)開發(fā)中頁面代碼的實(shí)現(xiàn)過程，組件可以自由拖拽嵌套，配合dom樹與設(shè)計(jì)面板的實(shí)時(shí)交互，實(shí)現(xiàn)組件實(shí)時(shí)追蹤，使設(shè)計(jì)面板快速響應(yīng)你對組件的操作，所見即所得，可以完美還原 UI 設(shè)計(jì)搞，并支持多款型號手機(jī)（可配置），和 PC 效果展示，模板功能可以使你分享你的頁面或者頁面中局部任何部分組件組合，減少相似頁面的重復(fù)操作，可以選擇以 React 源碼生成的形式生成頁面代碼，也可以以 JSON 動(dòng)態(tài)更新的形式實(shí)現(xiàn) noCode。
功能描述：
項(xiàng)目支持的功能特別多和全面。
現(xiàn)有功能描述
任意拖拽嵌套：通過組件預(yù)覽面板拖拽組件，到設(shè)計(jì)面板實(shí)現(xiàn)任意嵌套，或者拖拽到DomTree中指定容器節(jié)點(diǎn)，DomTree與設(shè)計(jì)面板中的組件也可隨意拖拽嵌套
實(shí)時(shí)預(yù)覽：設(shè)計(jì)面板中會實(shí)時(shí)展示組件的屬性效果和樣式效果，并且與真實(shí)頁面無異，所見即所得
DomTree展示：頁面組件dom樹的展示并實(shí)現(xiàn)組件dom實(shí)時(shí)追蹤
可視化屬性配置：結(jié)合React 特性和JS語法定制了可視化的組件屬性配置，實(shí)現(xiàn)復(fù)雜數(shù)據(jù)結(jié)構(gòu)的可視化配置
可視化樣式配置：通過樣式配置面板修改樣式，實(shí)時(shí)在頁面中顯示樣式效果
模板功能：可以選中局部或者整個(gè)頁面做為可復(fù)用的模板，提高頁面配置效率減少重復(fù)工作
組件約束：根據(jù)組件特性，可以配置組件的父組件約束與子組件約束，解決組件間的錯(cuò)誤嵌套和報(bào)錯(cuò)
預(yù)覽與代碼生成：可隨時(shí)預(yù)覽頁面的真實(shí)效果，和頁面的jsx代碼與樣式代碼
多平臺支持 ：支持PC與移動(dòng)端多型號設(shè)配切換展示
組件庫替換：通過簡單的配置可以對接任何React組件庫
新版功能(增加功能)
組件調(diào)用方式：新版重構(gòu)為react組件，可以簡單的集成到任何項(xiàng)目中
輔助線展示：添加輔助線展示方便查看組件位置
邊距查看：選中組件與hover組件之間各邊的距離實(shí)時(shí)展示，方便UI還原
選中組件拖拉改變大小：選中的組件支持拖拉修改組件的寬高
可視化樣式配置：通過樣式配置面板修改樣式，實(shí)時(shí)在頁面中顯示樣式效果
項(xiàng)目地址：https://github.com/brick-design/react-visual-editor
項(xiàng)目作者：https://github.com/brick-design
通過程序生成中國山水畫
項(xiàng)目介紹：
看看效果就知道牛不牛了~
功能描述：
通過程序生成可無限滾動(dòng)的中國山水畫，所有代碼是通過 JavaScript 編寫的，最終生成的山水畫是 SVG 格式，非常清晰。
在線體驗(yàn)地址：http://shan-shui-inf.lingdong.works/
項(xiàng)目地址：https://github.com/LingDong-/shan-shui-inf
項(xiàng)目作者：https://github.com/LingDong-
桌面定時(shí)提醒開源軟件
項(xiàng)目介紹：
程序員普遍有久坐的習(xí)慣，但是久坐有很多的不好的地方，具體哪里不好你懂得。所以定時(shí)的多走動(dòng)走動(dòng)是很有必要的，那么在電腦安裝一個(gè)定時(shí)提醒軟件就是一個(gè)不錯(cuò)的方法。
功能描述：
軟件支持多個(gè)平臺，比如 Mac、Windows。功能上支持設(shè)置提醒時(shí)長，暫時(shí)暫停當(dāng)前提醒等。
項(xiàng)目地址：https://github.com/hovancik/stretchly
項(xiàng)目作者：https://github.com/hovancik
以上就是本次推薦的全部項(xiàng)目。GitHub精選 公眾號致力于為大家分享和宣傳優(yōu)質(zhì)的開源項(xiàng)目，讓更多的人了解和知道，乃至去使用大家的開源項(xiàng)目，一方面可以幫助大家提高影響力，另外一方面還有助于大家收獲更多粉絲的支持。如果你有開項(xiàng)目需要分享，歡迎點(diǎn)擊 共享文檔 ?或底部閱讀原文直接投稿分享。
上期推薦：
---特別推薦---
特別推薦：一個(gè)新的優(yōu)質(zhì)的推薦高效工具，軟件，插件的公眾號，每天給大家分享優(yōu)秀的效率工具，「程序員掘金」，專門為程序員挖掘好東西的一個(gè)公眾號，非常值得大家關(guān)注。