JavaScript新鮮事·第4期

Learning發表於2016-08-14

Vue 2.0 RC1釋出

enter image description here

Vue在四月份的時候已經公佈了2.0,最近Vue釋出了2.0的第一個RC版本,也就是說從RC1到正式版釋出,API已經不再會有大的變動了,喜歡嚐鮮的朋友已經可以去試試了。

連結:https://medium.com/the-vue-point/the-state-of-vue-1655e10a340a

PyMiniRacer

enter image description here

這是一個Python專案,嵌入式的V8引擎,能執行JavaScript程式碼,與此前的pyv8做著同樣的事,這個輪子又有什麼優勢呢?有興趣的可以去探究一下。

專案地址:https://github.com/sqreen/PyMiniRacer

baffle.js

這是一個實現文字效果的庫,使文字變成亂碼然後逐漸恢復,實際感受還得自行體會。

enter image description here

官網:https://camwiegert.github.io/baffle

js-joda

js-joda是一個提供不可變Date和Time型別的庫。不可變的資料型別(Immutable)一直是函數語言程式設計必備,Facebook雖然提供了ImmutableJS,但是隻有集合型別,如Set、Map、List等,如果你需要到不可變的Date和Time,那js-joda也是一個不錯的選擇。

專案地址:https://github.com/js-joda/js-joda

Typr.js

一個用於處理字型(TTF、OTF)的庫,是一個opentype.js的替代方案,聲稱解析速度比opentype.js快2到5倍,但體積卻小了4倍!

專案地址:https://github.com/photopea/Typr.js

lightgallery.js

顧名思義,一個模組化的圖片輪播、相簿畫廊的輕量級js庫,無依賴、功能齊全、響應式的,還支援HTML5視訊。

enter image description here

官網:https://sachinchoolur.github.io/lightgallery.js/

react-media

一個讓React支援CSS媒體查詢(media query)的元件,用法比較簡單:

```javascript import React from 'react' import Media from 'react-media'

class App extends React.Component {
  render() {
    return (
      <div>
        <Media query="(max-width: 599px)">
          {matches => matches ? (
            <p>The document is less than 600px wide.</p>
          ) : (
            <p>The document is at least 600px wide.</p>
          )}
        </Media>
      </div>
    )
  }
}

```

專案地址:https://github.com/ReactTraining/react-media

dn2a-javascript

一個dn2a(Digital Neural Network Architecture :數字神經網路架構)的javascript實現,這貨分明是一個跟人工智慧的有關的東西,有興趣的同學可以研究研究。

專案地址:https://github.com/dn2a/dn2a-javascript

Mister-Poster

enter image description here

一個用React Native、Redux和Firebase做出來的移動端App。 專案地址:https://github.com/shoumma/Mister-Poster

原文連結:http://t.cn/RtjikDk

微訊號:程式設計師晉級之路『code-learning』

enter image description here

相關文章