12個(gè)實(shí)用的 JavaScript 框架分享給前端開發(fā)者
JavaScript庫是預(yù)先編寫的 JavaScript 工具代碼,讓開發(fā)者可以更容易開發(fā) JavaScript 應(yīng)用。這個(gè)列表我們列出了2017年1月份功能豐富的 JavaScript 庫,可以幫助您建立有效和有用的 Web 應(yīng)用程序。
1. Scrollanim
Scrollanim 是結(jié)合 CSS3 和 JavaScript 來創(chuàng)建令人驚嘆的滾動(dòng)動(dòng)畫的開源庫。 Scrolanim 支持在頁面上的所有可用的元素的位置。有很多的自定義參數(shù)可以配置使用,構(gòu)建出精彩的效果,非常容易使用。
2. Baffle.js
Baffle.js 是一個(gè) JavaScript 庫,設(shè)計(jì)用來模糊和揭開DOM元素的文本。 這些元素可以是一個(gè) CSS 選擇器的形式、一個(gè)節(jié)點(diǎn)列表或者一個(gè)單節(jié)點(diǎn)。 你也可以傳遞一個(gè)選擇對(duì)象給插件。
3. Waud.js
Waud.js 是一個(gè)Web音頻庫,有一個(gè)HTML5音頻降級(jí)處理方案。 它允許您利用Web音頻API為你的Web應(yīng)用程序控制音頻功能。在不支持Web音頻API的非現(xiàn)代瀏覽器使用HTML5音頻降級(jí)方案。
4. ZingTouch

ZingTouch is a JavaScript gesture detection library. It provides six standard gestures that are fully customizable. ZingTouch was created as a by-product for enabling ZingChart to work better on mobile devices by adding a layer of gestures for interactivity.
5. Lightense Images

Lightense Images is a dependency-free pure JavaScript image zooming library less than 2 KB (gzipped). This library supports all modern browsers, it “should work” in Internet Explorer 10 and up as well.
6. Rellax

Rellax is a buttery smooth, super lightweight, vanilla JavaScript parallax library. Rellax limits the parallax feature to laptop/desktop screens since the effect is negligible on smaller screens.
7. Approve JS

ApproveJs is a simple JavaScript validation library that doesn’t interfere. It also doesn’t manipulate the DOM for you by automatically displaying errors. This allows you to handle validation how you want.
8. Cleave.js

Cleave.js is a JavaScript library to help you format input text content automatically. It allows credit card number formatting, phone number formatting, date formatting, numeral formatting, commonjs/AMD mode and much more.
9. SuperEmbed.js

SuperEmbed.js detects YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos on webpages and makes them responsive. Essentially, this means they stretch to fill their container while still maintaining the original aspect ratio.
10. Typr.js
Typr.js is a font processor for JavaScript. It’s light, small, and ultra fast. Typr.js is a JavaScript parser and utility for working with fonts (TTF, OTF). It is an alternative to opentype.js. It is the main text engine for Photopea image editor. It is lightweight, ultra fast and easy to extend library.
11. Typography.js
A powerful toolkit for building websites with beautiful typography. Typography.js provides a vastly simpler way to define and explore typography designs. You provide configuration to the Typography.js JS API and it uses its Typography engine to generate CSS for block and inline elements.
12. Lightgallery.js
Lightgallery是一個(gè)輕量級(jí)的模塊化、響應(yīng)式的燈箱畫廊,它允許您創(chuàng)建美麗的圖像和視頻畫廊。借助縮略圖插件的幫助,Lightgallery 允許您創(chuàng)建縮略圖畫廊。它支持觸摸屏設(shè)備上滑動(dòng)導(dǎo)航以及桌面設(shè)備的鼠標(biāo)拖動(dòng),還允許用戶瀏覽縮略圖和原圖之間通過滑動(dòng)手指或鼠標(biāo)拖動(dòng)。
本文鏈接:12個(gè)最新的 JavaScript 框架分享給前端開發(fā)者
編譯來源:夢(mèng)想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計(jì)資源
作者:山邊小溪
主站:yyyweb.com 記住啦:)
歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處。








浙公網(wǎng)安備 33010602011771號(hào)