經歷了酷熱的洗刷,又經歷了大雨的洗禮,小編終於體會到安詳的坐在電腦前是一件多麼寶貴的事情了。開開空調,喝喝奶茶,敲敲代碼,看看周報,何樂而不為?老闆呼來不上班,自稱吾乃家中仙。咳咳,回歸正題,班還是要上的,課還是要去的,BUG該改的還是要改的。改好BUG,安心睡覺;七點起床,看看周報,也是一件不可多得的樂事。

當然這種時候還是要再介紹一下,還有三周第0屆學生開源年會就要開始舉辦了!歡迎小夥伴們關注!從講者、志願者、工作人員都是在校學生!官方網站:https://soscon.top;大會介紹:

活動通告

第0屆學生開源年會 SOSCON 將於6月在重慶大學舉辦

2018-04-17 5

好,讓我們進入正題,這周的開源周報上同樣有不少有意思的東西。拿 HTML 和 CSS 去畫畫的#purecss-francine#,注重於結合的JavaScript UI 庫#layerJS#,能夠鎖定臉型的#PRNet#,教你提升 CSS 使用姿勢的#css-protips#,簡單粗暴的大幻燈片#big#,用來驗證函數參數的#ow#,結合了Markdown和JSX的#MDX#,簡單有趣的項目集合#HelloGitHub#和幫助遷移資料庫的#gh-ost#。


這麼多好玩的開源項目可以玩,快快動手開始新的征程吧,也歡迎持續關注開源周報;如果你在學習的過程中遇到問題,歡迎加入我們的 QQ 群(開源工場新手群202790710)或者電報群 t.me/OpeningSourceOrg 一起討論,學習 GitHub Trending 最新開源項目。

1.purecss-francine

使用 HTML/CSS 來畫18世紀風格的油畫,完全使用手工編碼

這個作者在 README 中提到他正在使用 CSS 和 HTML 來創造藝術,他給自己定下了一些規則諸如限制 SVG 使用等。而且因為他完全沒管跨瀏覽器兼容性,所以最好還是用 chrome 瀏覽器來打開它。說真的,直到我看到這裡之前,我都不覺得這是 HTML 和 CSS 能做出來的東西……

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

網址:http://diana-adrianne.com/purecss-francine/

 

2.layerJS

layerJS 是一個 JavaScript UI 庫,與其他的 UI 庫不同,layerJS 不提供網頁中各個元素單獨的 UI ,而是關注如何將各個部分更好的結合起來,以及用戶與之交互的方式。

樣例:

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

項目主頁:http://layerjs.org/

 

3.PRNet

這是PNR的官方Python實現

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

PRN是一種以端對端方式結合回歸密集對齊(jointly regress dense alignment)和3D臉形的方法。更多示例盡在Youtube

 

主要特點:

  • 端到端:可以直接從3DMM擬合的單個圖像中回歸3D面部結構和密集對齊。
  • 多任務:通過回歸位置圖,可以獲得3D幾何結構以及語義含義。因此,可以毫不費力地完成密集排列,單眼三維人臉重建,姿勢估計等任務。
  • 快速:該方法可以以超過100fps的速度運行(使用GTX 1080)以回歸位置圖。
  • 穩定:在無約束條件下對面部圖像進行測試。對姿態、光照和遮擋都是很有效的。

應用舉例:

臉型切換:

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

4.css-protips

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

這是一個 css 技巧的集合,裡面收錄了 css 使用的很多技巧,旨在幫助你提升使用 css 的技能。

它其中有諸如使用 css 重置,使用 SVG 圖標,垂直居中,控制滑鼠事件等等多種使用技巧,是一份 css 學習不錯的參考。

 

5.big

一個演示系統,適用於有創意的人,可以快速地進行專註的演示。停止調整字體並用文本填充幻燈片,而且是一個無配置系統,鼓勵良好的演示設計。

官方示例

 

 

6.ow

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

一個用來驗證函數參數的庫,採用 Typescript 編寫,擁有大量的內置驗證,當然你也可以自定義你自己的驗證方式。

安裝:直接使用 npm install ow 即可

使用:以下是官方給出的一個簡單示例:

驗證參數是否是一個長度大於5的字元串

 

7.MDX

MDX 是一款在能夠為大項目在 Markdown(一種可以使用普通文本編輯器編寫的標記語言)裝載、剖析、渲染的 JSX。JSX (JavaScript XML) 是 js 內定義的一套 XML 語法。它用 JSX 的表達來展示 Markdown 的通俗易懂。這對 Markdown 和 JSX 來說是兩全其美的。

特徵:

  1. 速度快
  2. 不會在運行時編譯
  3. 可插入
  4. 有React(JS庫)的組件映射素材
  5. React組件輸入/輸出
  6. 更簡單的語法
  7. 模塊打包器裝載

 

8.HelloGitHub

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

這是個沒有門檻的導覽型項目,你也許可以在這裡找到很多好玩的東西

官方簡介:

分享 GitHub 上有趣、入門級的開源項目。

這是一個面向編程新手、熱愛編程、對開源社區感興趣 人群的月刊,月刊的內容包括:各種編程語言的項目、讓生活變得更美好的工具、書籍、學習筆記、教程等,這些開源項目大多都是非常容易上手,而且非常 Cool。主要是希望大家能動手用起來,加入到開源社區中。

會編程的可以貢獻代碼

不會編程的可以:

1.反饋使用這些工具時的 Bug

2.幫著宣傳你覺得優秀的項目

3.Star該 項目

 

9.gh-ost

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

gh-ost 是一個用於 MySQL 的資料庫數據在線遷移工具。它更適應於面臨持續且不斷變化的在線修改表結構的需求的情況,具有低影響,可控,可審計的特點。

與其他的資料庫遷移工具相比,gh-ost 具有以下特點:

1.不需要調用觸發器,這有效避免了使用觸發器時代碼出錯,鎖表,數據不可信,並發遷移等問題,同時大大減小了對主庫的影響。

2.遷移時自動備份原資料庫,如果遷移的數據不可用可以恢復。

3.完全暫停:如果暫停傳輸,它不會再進行任何活動,包括拷貝,事件處理等。

4.監視:你可以查看 gh-ost 的狀態,並監聽請求,包括 unix 套接字或 TCP。

5.可測試:支持內建測試功能。

gh-ost 的工作原理:

開源周報第20期:夜闌卧聽風吹雨,BUG成群入夢來

gh-ost的文檔:

https://github.com/github/gh-ost/blob/master/doc