隨筆分類 - JavaScript
前端技術
摘要：在去年，我給大家分享了《基于 CSS3 的精美模態窗口效果》，而今天我要與大家分享一些新鮮的想法。風格和趨勢變化，要求更加適合現代UI的不同的效果。這組新模態窗口效果包含了一些微妙的動畫，還有一些應用了SVG變形技術。
閱讀全文
摘要：ECMAScript 6 是下一代的 ECMAScript 標準。ECMAScript 6的目標，是使得JavaScript可以用來編寫復雜的應用程序、函數庫和代碼的自動生成器。 ES6 是這門語言的重大更新，也是自2009年ES5標準化之后的第一個更新。6to5可以將 ES6+ 的代碼轉換為 ES5，讓你現在就能使用下一代的功能。
閱讀全文
摘要：Face++ 是一個小巧，功能強大，跨平臺的服務，由Megvii公司建立，致力于建立一個新的視覺平臺。它使用計算機視覺尖端科技和數據挖掘，提供3個核心視覺服務（探測，識別和分析）。基于 Face++ 龐大的數據庫，開發人員可以將臉部識別技術應用到自己的網站，移動應用和智能電視，增加了令人難以置信的用戶體驗。
閱讀全文
摘要：ECharts 基于 Canvas 的純 Javascript 圖表庫，提供直觀，生動，可交互，可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力。
閱讀全文
摘要：Snabbt.js 是一個簡約的 JavaScript 動畫庫。它會平移，旋轉，縮放，傾斜和調整你的元素。通過矩陣乘法運算，變換等可以任何你想要的方式進行組合。最終的結果通過 CSS3 變換矩陣設置。
閱讀全文
摘要：PhotoSwipe 是一個專門針對移動設備的圖像畫廊，它的靈感來自 iOS 的圖片瀏覽器和谷歌移動端圖像。 PhotoSwipe 提供您的訪客熟悉和直觀的界面，使他們能夠與您的移動網站上的圖像進行交互。
閱讀全文
摘要：產品的用戶體驗是否被用戶所接受,很大一部分取決于交互界面的設計,交互界面設計是整個產品設計中的核心,對于產品品質有著決定性的影響。Web 界面上交互的方式很多，只要你去探索，你會發現很多讓你眼前一亮的想法。這里集合了12個來自 Codrops 的創新的界面交互和動畫效果，值得我們去研究和使用。
閱讀全文
摘要：Wami 地圖項目把 OSM 數據分享給所有的人，很容易使用。他們利用 MongoDB 的潛力進行大數據管理來實現從 OSM 數據來源搜索相關的數據。它們的 API 使人們有可能檢索不同格式的 POI，包括GeoJSON。OSM（OpenStreetMap）地圖由用戶根據手提GPS裝置、航空攝影照片、其他自由內容甚至單靠地方智慧繪制。
閱讀全文
摘要：L20n是 Mozilla 開發的用于 Web 開發的本地化框架。它允許本地化開發者把邏輯細分為本地化的資源。 L20n 的框架不再需要開發人員深入理解自然語言的具體細節，并提供了機會為本地化創造更好的翻譯。L20n 重塑軟件本地化，用戶應該能夠從自然語言的整個表現力中受益。
閱讀全文
摘要：JuliusJS 是用于在網頁中的語音識別庫。這是 Julius（由日本京都大學和日本IPA聯合開發的一個實用高效雙通道的大詞匯連續語音識別引擎）的 JavaScript 實現。它實時偵聽用戶的語音并通過回調轉錄說的話。
閱讀全文
摘要：在CSS中，我們使用 ::first-line 選擇器來給元素第一行內容應用樣式。但目前還沒有像 ::nth-line、::nth-last-line 甚至 ::last-line 這樣的選擇器。實際上這期選擇器在某些情況下是非常有用的，Lining.js 提供了這樣的功能。
閱讀全文
摘要：Charted 是一個讓數據自動生成可視化圖表的工具。只需要提供一個數據文件的鏈接，它就能返回一個美麗的，可共享的圖表。Charted 不會存儲任何數據。它只是獲取和讓鏈接提供的數據可視化。
閱讀全文
摘要：眾多周知，圖形和圖表要比文本更具表現力和說服力。圖表是數據圖形化的表示，通過形象的圖表來展示數據，比如條形圖，折線圖，餅圖等等。在這篇文章中，我們收集了15款值得網站開發者收藏的 JavaScript 圖形圖表庫，可以幫助你實現各種功能的圖表。
閱讀全文
摘要：MetricsGraphics.js 是建立在D3的基礎上，被用于可視化和布局的時間序列數據進行了優化。它提供以產生一個原則性的，一致的和響應式的方式的圖形常見類型的簡單方法。該庫目前支持折線圖，散點圖和直方圖，以及地毯地塊和基本線性回歸功能。
閱讀全文
摘要：Web 界面上交互的方式很多，只要你去探索，你會發現很多讓你眼前一亮的想法。Codrops 最近發布了一組懸停效果，總共分為兩組，多達30種不同的風格。為了讓效果盡可能的平滑，最好不要在元素上使用變換以免影響布局。在第二組中采用了 SVG 動畫，這也是目前比較流行的方式。
閱讀全文
摘要：《水果忍者》是一款非常受喜歡的手機游戲，剛看到新聞說《水果忍者》四周年新版要上線了。網頁版的切水果游戲由百度 JS 小組開發，采用 vml + svg 繪圖，使用了 Raphael，效果很贊，趕緊來膜拜一下。
閱讀全文
摘要：《Web 前端開發精華文章推薦》自2011年6月20號發布第一期以來，歷經三年半，總共發布了30期。今天這篇是2014年第10期（總第31期），希望你能在這里發現有用的資料。夢想天空博客關注前端開發技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用。
閱讀全文
摘要：Codrops 分享了一些界面拖放的交互設計想法。基本的思路是在拖動一個項目的時候，為特定的操作呈現出可投擲的區域。這節省了大量的界面空間 ，并給出了一個有趣的動態的互動。有很多應用場景，例如分類和組織內容（像 Pinterest 的面板），或在郵件應用程序或內容管理系統中執行一些操作。
閱讀全文
摘要：Vue.js 是用于構建交互式的 Web 界面的庫。它提供了MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。從技術上講， Vue.js 集中在 MVVM 模式上的視圖模型層，并通過雙向數據綁定連接視圖和模型。實際的 DOM 操作和輸出格式被抽象出來成指令和過濾器。
閱讀全文
摘要：
在這個列表中挑選了9個物理和重力實驗，用來展示 Javascript 的強大。幾年前，所有這些實驗都必須使用 Java 或 Flash 才能做。在下面這些驚人的例子中，就個人而言，我比較喜歡仿真布料的那個，我簡直不敢相信它是使用 JavaScript 做出來的。
閱讀全文
在這個列表中挑選了9個物理和重力實驗，用來展示 Javascript 的強大。幾年前，所有這些實驗都必須使用 Java 或 Flash 才能做。在下面這些驚人的例子中，就個人而言，我比較喜歡仿真布料的那個，我簡直不敢相信它是使用 JavaScript 做出來的。
閱讀全文
浙公網安備 33010602011771號