隨筆分類 - JavaScript
前端技術
摘要：通知是網站的常用功能之一，可以用來顯示消息、通告、提示等等。Notyf 是一款超級簡單、響應式的 JS 通知插件，不依賴 jQuery 庫，可以獨立使用。趕緊試用一下吧！
閱讀全文
摘要：計算機領域的都多少掌握一點算法知識，其中排序算法是《數據結構與算法》中最基本的算法之一。排序算法可以分為內部排序和外部排序，內部排序是數據記錄在內存中進行排序，而外部排序是因排序的數據很大，一次不能容納全部的排序記錄，在排序過程中需要訪問外存。常見的內部排序算法有：插入排序、希爾排序、選擇排序、冒泡排序、歸并排序、快速排序、堆排序、基數排序等。用一張圖概括：
閱讀全文
摘要：Lightgallery是一個輕量級的模塊化、響應式的燈箱畫廊，它允許您創建美麗的圖像和視頻畫廊。借助縮略圖插件的幫助，Lightgallery 允許您創建動畫縮略圖畫廊。 它支持觸摸屏設備上滑動導航以及桌面設備的鼠標拖動，還允許用戶瀏覽縮略圖和原圖之間通過滑動手指或鼠標拖動。
閱讀全文
摘要：Vue 2.0 支持服務端渲染 (SSR)，并且是流式的，可以做組件級的緩存，這使得極速渲染成為可能。同時， 和 2.0 也都能夠配合 SSR 提供同構路由和客戶端 state hydration。vue-hackernews-2.0 是 Vue 作者在GitHub上面放的 Vue 2.0 的一個示例項目，結合 Express、vue-router & vuex 來構建，是很好的學習案例。
閱讀全文
摘要：前端框架簡化了開發過程中，像 Bootstrap 和 Foundation 就是前端框架的佼佼者。在這篇文章了，我們編制了一組新鮮的，實用的，可以幫助您建立高質量的 Web 應用程序的 JavaScript 框架清單。
閱讀全文
摘要：AOS 是一個用于在頁面滾動的時候呈現元素動畫的工具庫，你可能會覺得它和 WOWJS 一樣，的確他們效果是類似的。但是AOS是 CSS3 動畫驅動的庫，當你滾動頁面的時候能讓元素動起來，當頁面滾回頂部的時候，元素能夠回到前一個狀態，如此達到循環動畫的效果。
閱讀全文
摘要：Cleave.js 有一個簡單的目的：幫助你自動格式輸入的文本內容。 這個想法是提供一個簡單的方法來格式化您的輸入數據以增加輸入字段的可讀性。通過使用這個庫，您不需要編寫任何正則表達式來控制輸入文本的格式。然而，這并不意味著取代任何驗證或掩碼庫，你仍應在后端驗證數據。它支持信用卡號碼、電話號碼格式（支持各個國家）、日期格式、數字格式、自定義分隔符，前綴和塊模式等，提供 CommonJS/AMD 模式以及ReactJS 組件端口。
閱讀全文
摘要：在當今時代，SVG是最流行的和正在被眾多的設計人員和開發人員使用，創建支持視網膜和響應式的網頁設計。繪制SVG不是一個艱巨的任務，因為大量的 JavaScript 庫可與 SVG 圖像搭配使用。這些JS庫幫助設計師和開發人員可以輕松地為他們的項目和Web應用程序創建創新和逼真的圖形。
閱讀全文
摘要：SVG 是一種分辨率無關的圖形（矢量圖形）。這意味著它在任何類型的屏幕都不會遭受任何質量損失。除此之外，你可以讓 SVG 靈活現一些動畫效果。這篇文章就給大家推薦8個實現 SVG 動畫的 JavaScript 庫。
閱讀全文
摘要：之前給大家分了很多的在線工具和參考文檔，這里又為大家搜集了前端開發必備的20個在線工具和指南。新的一周，你需要計劃學習新的東西或者能夠提升你的能力。相信你會在這個列表中發現對你很有用的資料。
閱讀全文
摘要：這里和搜集了前端開發者必備的20個在線工具和指南。新的一周，你需要計劃學習新的東西或者能夠提升你的能力。在平常的搜索中，我碰到過很多實用的工具，應用程序和參考文檔，我把它們整理在下面這個列表。相信你會在這個列表中發現對你很有用的資料。
閱讀全文
摘要：TouchPoint.js 是一個用于 HTML 原型展示的 JavaScript 庫（作為UX過程的一部分），通過視覺表現用戶在屏幕上的點擊。TouchPoint 是高度可定制，非常適合屏幕錄制，用戶測試和演示。
閱讀全文
摘要：JavaScript 代碼壓縮是指去除源代碼里的所有不必要的字符，而不改變其功能的過程。這些不必要的字符通常包括空格字符，換行字符，注釋以及塊分隔符等用來增加可讀性的代碼，但并不需要它來執行。在這篇文章中，我們選擇了15個最好用的 JavaScript 壓縮工具，有簡單的在線轉換器，GUI工具和命令行界面等。
閱讀全文
摘要：OS.js 是一個開源的 Web OS 系統，可以在瀏覽器中運行，提供了窗口管理器，應用程序API，用戶界面開發套件和抽象的文件系統等。可以部署在 Node 或者 PHP 環境中運行。OS.js is 是完全免費和開源的，你可以參與開發或者使用這套代碼。
閱讀全文
摘要：jQuery.my 這個插件用于實時雙向數據綁定。它發生變異給出的數據源對象，反映了用戶與用戶界面之間的相互作用。jQuery.my 提供了全面的驗證，條件格式，復雜的依賴關系，運行形式結構操作。
閱讀全文
摘要：Codrops 分享了一個有趣的顏色提取實驗。這個想法是創建圖像的調色板，既有圖像本身的潛移默化的影響，也有一些花哨的顏色延伸。通過使用 Vibrant.js 來提取圖像中的顏色，并通過 CSS 過濾器將圖像轉換為黑色和白色版本，還有一個“幕布”滑動的效果。
閱讀全文
摘要：Popmotion 是一個只有12KB的 JavaScript 運動引擎，可以用來實現動畫，物理效果和輸入跟蹤。原生的DOM支持：CSS，SVG，SVG路徑和DOM屬性的支持，開箱即用。Popmotion 網站上有很多很贊的效果，趕緊去體驗一下。
閱讀全文
摘要：Codrops 發布了一個如何創建一個基于彈性效果的 SVG 加載進度條教程，基于 SVG 和 TweenMax 實現。按鈕開始的時候是一個帶有箭頭的圖標，一旦它被點擊，動畫成一個有趣的小金屬絲和一個標簽，該標簽指示下載百分比。如果你想使用這部分代碼在你的項目，到 Github 頁面并按照說明進行操作即可。
閱讀全文
摘要：Content Tools是一個用于構建所見即所得編輯器（WYSIWYG）的 JavaScript 庫。ContentTools 所見即所得的編輯器只需要幾個簡單的步驟就可以加入到任何的 HTML 頁面。有一步一步的指南，常見的使用場景以及更高級的主題。ContentTools 是免費開源的，在 GitHub 上托管，開發和維護。
閱讀全文
摘要：前端開發人員和設計師一般使用 CSS 來創建HTML元素動畫。然而，由于HTML在創建圖案，形狀，和其他方面的局限性，它們自然的轉向了SVG，它提供了更多更有趣的能力。借助SVG，我們有更多的方式來創建新的動畫。您可以同時使用內置的SVG動畫功能和CSS3動畫。
閱讀全文
浙公網安備 33010602011771號