1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        GitHub 精選開源項目周刊第 4 期

        共 2239字,需瀏覽 5分鐘

         ·

        2020-06-20 23:48

        【公眾號回復(fù) “1024”,免費(fèi)領(lǐng)取程序員賺錢實操經(jīng)驗】

        2055151b157e0bcfdf9b9fd0596432d3.webp

        大家好,我是你們的章魚貓。今天推送的是 GitHub 精選開源項目推薦周刊第 4 期,周刊內(nèi)推薦的項目來自 GitHub 精選公眾號粉絲的自薦,我們希望能夠幫助更多的同學(xué)更好的開發(fā)和推廣開源項目。

        快點(diǎn)查查——微信小程序

        項目介紹:

        該小程序借助了騰訊位置、高德地圖、和風(fēng)天氣、一言等提供的 API 服務(wù)。通過這類第三方服務(wù)接口,來為用戶快速定位附近的公交、地鐵、公廁、學(xué)校、景點(diǎn)、美食等任何關(guān)鍵信息,同時提供了天氣查詢、天氣舒適度建議。另外附加了一點(diǎn)文學(xué)氣息:頁面刷新會顯示隨機(jī)經(jīng)典古詩句哦!

        功能描述:

        1.快速定位附近的公交、地鐵、公廁、學(xué)校、景點(diǎn)、美食、網(wǎng)咖等信息,并且提供文字導(dǎo)航和語音導(dǎo)航

        2.實時查詢當(dāng)前位置的天氣情況,并且提供穿衣指南、健身指南等溫馨提示

        3.頁面刷新后會隨機(jī)顯示景點(diǎn)古詩詞,還可以用來漲知識呢

        掃描如下二維碼試用

        a62fbd3aaedab63858731a000b3cf32e.webp

        項目地址:https://github.com/tomato-cc/wxmap

        項目作者:https://github.com/tomato-cc

        react-visual-editor 可視化拖拽工具

        項目介紹:

        項目基于 React 組件之間的原始約束設(shè)計,不會添加多余 dom 節(jié)點(diǎn),以組件可視化拖拽,嵌套形式,完全還原真實開發(fā)中頁面代碼的實現(xiàn)過程,組件可以自由拖拽嵌套,配合dom樹與設(shè)計面板的實時交互,實現(xiàn)組件實時追蹤,使設(shè)計面板快速響應(yīng)你對組件的操作,所見即所得,可以完美還原 UI 設(shè)計搞,并支持多款型號手機(jī)(可配置),和 PC 效果展示,模板功能可以使你分享你的頁面或者頁面中局部任何部分組件組合,減少相似頁面的重復(fù)操作,可以選擇以 React 源碼生成的形式生成頁面代碼,也可以以 JSON 動態(tài)更新的形式實現(xiàn) noCode。

        功能描述:

        項目支持的功能特別多和全面。

        • 現(xiàn)有功能描述

          • 任意拖拽嵌套:通過組件預(yù)覽面板拖拽組件,到設(shè)計面板實現(xiàn)任意嵌套,或者拖拽到DomTree中指定容器節(jié)點(diǎn),DomTree與設(shè)計面板中的組件也可隨意拖拽嵌套

          • 實時預(yù)覽:設(shè)計面板中會實時展示組件的屬性效果和樣式效果,并且與真實頁面無異,所見即所得

          • DomTree展示:頁面組件dom樹的展示并實現(xiàn)組件dom實時追蹤

          • 可視化屬性配置:結(jié)合React 特性和JS語法定制了可視化的組件屬性配置,實現(xiàn)復(fù)雜數(shù)據(jù)結(jié)構(gòu)的可視化配置

          • 可視化樣式配置:通過樣式配置面板修改樣式,實時在頁面中顯示樣式效果

          • 模板功能:可以選中局部或者整個頁面做為可復(fù)用的模板,提高頁面配置效率減少重復(fù)工作

          • 組件約束:根據(jù)組件特性,可以配置組件的父組件約束與子組件約束,解決組件間的錯誤嵌套和報錯

          • 預(yù)覽與代碼生成:可隨時預(yù)覽頁面的真實效果,和頁面的jsx代碼與樣式代碼

          • 多平臺支持 :支持PC與移動端多型號設(shè)配切換展示

          • 組件庫替換:通過簡單的配置可以對接任何React組件庫

        • 新版功能(增加功能)

          • 組件調(diào)用方式:新版重構(gòu)為react組件,可以簡單的集成到任何項目中

          • 輔助線展示:添加輔助線展示方便查看組件位置

          • 邊距查看:選中組件與hover組件之間各邊的距離實時展示,方便UI還原

          • 選中組件拖拉改變大小:選中的組件支持拖拉修改組件的寬高

          • 可視化樣式配置:通過樣式配置面板修改樣式,實時在頁面中顯示樣式效果

        565221e9ad85459be717f36cd7ac15df.webpc24e736f17c22c23663f0a08c50bd78a.webp2a7faa0e992c064d37fe1658d8c09a7c.webp

        項目地址:https://github.com/brick-design/react-visual-editor

        項目作者:https://github.com/brick-design

        通過程序生成中國山水畫

        項目介紹:

        看看效果就知道牛不牛了~

        c4937c167dff807ad76ad9cd9afddbb8.webp

        功能描述:

        通過程序生成可無限滾動的中國山水畫,所有代碼是通過 JavaScript 編寫的,最終生成的山水畫是 SVG 格式,非常清晰。

        在線體驗地址:http://shan-shui-inf.lingdong.works/

        項目地址:https://github.com/LingDong-/shan-shui-inf

        項目作者:https://github.com/LingDong-

        桌面定時提醒開源軟件

        項目介紹:

        程序員普遍有久坐的習(xí)慣,但是久坐有很多的不好的地方,具體哪里不好你懂得。所以定時的多走動走動是很有必要的,那么在電腦安裝一個定時提醒軟件就是一個不錯的方法。

        708b74555d900dd9604a425cb634805a.webp

        功能描述:

        軟件支持多個平臺,比如 Mac、Windows。功能上支持設(shè)置提醒時長,暫時暫停當(dāng)前提醒等。

        項目地址:https://github.com/hovancik/stretchly

        項目作者:https://github.com/hovancik

        以上就是本次推薦的全部項目。GitHub精選 公眾號致力于為大家分享和宣傳優(yōu)質(zhì)的開源項目,讓更多的人了解和知道,乃至去使用大家的開源項目,一方面可以幫助大家提高影響力,另外一方面還有助于大家收獲更多粉絲的支持。如果你有開項目需要分享,歡迎點(diǎn)擊 共享文檔 ?或底部閱讀原文直接投稿分享。

        上期推薦:

        GitHub 精選開源項目周刊第 3 期

        GitHub 精選開源項目周刊第 2 期

        GitHub 精選開源項目周刊第 1 期

        GitHub 精選開源項目周刊第 0 期

        ---特別推薦---

        特別推薦:一個新的優(yōu)質(zhì)的推薦高效工具,軟件,插件的公眾號,每天給大家分享優(yōu)秀的效率工具,「程序員掘金」,專門為程序員挖掘好東西的一個公眾號,非常值得大家關(guān)注。


        瀏覽 43
        點(diǎn)贊
        評論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報
        評論
        圖片
        表情
        推薦
        點(diǎn)贊
        評論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            美女操逼黄色 | 亚洲男人的天堂视频网在线观看+720P | 涩涩涩涩在线观看 | 国产又粗又猛又爽又黄的视频一 | 探花网站 | 女教师被调教凌虐苍井 | 免费扣逼视频 | 国产精品久久久久久久下载地址 | 亚洲息子| 欧美不卡一区 |