隨筆分類 - JavaScript
前端技術
摘要：懸停效果一直是向網站添加交互元素的最簡單方法之一，我們看到它們經常用于突出顯示文本鏈接或按鈕。懸停效果尤其強大的一個領域是當它們應用于圖像時，無論是作為小型卡片布局的一部分還是大型相冊的一部分，都可以產生很棒的效果。今天，我們將向您展示設計師將懸停效果集成到圖像中的一些創意方法。他們將演示我們如何以創新的方式為我們自己的項目增添趣味。
閱讀全文
摘要：在開始閱讀之前，先解釋一下文章里用到的英文縮寫：CSR：Client Side Rendering，客戶端（通常是瀏覽器）渲染、SSR：Server Side Rendering，服務端渲染、SSG：Static Site Generation，靜態網站生成、ISR：Incremental Site Rendering，增量式的網站渲染、DPR：Distributed Persistent Rendering，分布式的持續渲染
閱讀全文
摘要：目前社區有很多關于微前端架構的介紹，但大多停留在概念介紹的階段。而本文會就某一個具體的類型場景，著重介紹微前端架構可以帶來什么價值以及具體實踐過程中需要關注的技術決策，并輔以具體代碼，從而能真正意義上幫助你構建一個生產可用的微前端架構系統。
閱讀全文
摘要：2019 年對于大前端技術領域而言變化不算太大，目前三大技術框架日趨成熟，短期內不大可能出現顛覆性的前端框架 (內心 OS：出了也學不動了)。本文結合個人和團隊經歷對 2019 上半年做個技術總結，將各類技術框架、語言、工具分作兩個維度，按照大前端技術架構圖進行分層，大體分為：狀態管理、UI 組件、小程序、跨平臺、框架層、編程語言、工程化、監控、測試和服務端。
閱讀全文
摘要：5 月 25 日，以「無界」為主題的第二屆微醫前端技術沙龍成功舉辦。本屆沙龍的演講題目涵蓋了前端技術幾個主要的應用場景，包括服務端、桌面端以及跨平臺的開發。最近幾年前端技術發展非常快，各種可以提高開發效率的新技術和框架層出不窮，讓原來的前端工程師蛻變成了新一代的全端工程師，技術之間的界限被打破，相互碰撞、融合和進化。
閱讀全文
摘要：工具提示（Tooltip）在網站中的一個小功能，但卻有很重要的作用，常用于顯示一些溫馨的提示信息。如果網站中的工具提示功能做得非常有創意的話能夠加深用戶對網站印象。Tippy.js 是一款幫助你快速創建 Tooltip 風格工具欄的 JS 庫，提供了靈活多樣的配置選項。
閱讀全文
摘要：Puppeteer 是一個 Node 庫，它提供了一個高級 API 來通過 DevTools 協議控制無頭 Chrome 或 Chromium。它允許你從瀏覽器之外的環境（即命令行）與Chromium進行交互，可以讓用戶界面測試自動化變得輕而易舉。還可以用來生成網頁快照和PDF文件。
閱讀全文
摘要：JavaScript庫是預先編寫的 JavaScript 工具代碼，讓開發者可以更容易開發 JavaScript 應用。這個列表我們列出了2017年1月份功能豐富的JavaScript庫，可以幫助您建立有效和有用的 Web 應用程序。
閱讀全文
摘要：作者研究了近2.4萬篇 JavaScript 文章得出這篇總結，全文包含學習指南、新人上手、Webpack、性能、基礎概念、函數式編程、面試、教程案例、Async Await、并發、V8、機器學習、數據可視化、調試、單元測試等章節，非常適合用于對自己 JavaScript 技術棧的比對，用于查漏補缺，適合收藏閱讀。
閱讀全文
摘要：本文是2018年 Weex Conf 中議題《Weex + Ui》的內容文檔整理，主要給大家介紹飛豬 Weex 技術體系從無到有的過程，包括 Weex Ui 組件庫的開發和發展，重點分享在 Weex Ui 層建設的一些經驗。
閱讀全文
摘要：相信很多同學都知道 Electron 可以幫助開發人員使用前端技術開發桌面客戶端應用，今天介紹的 electron-vue 框架是一套基于 Vue.js 開發 Electron 桌面應用的腳手架，該項目的目的，是為了要避免使用 vue 手動建立起 electron 應用程序。
閱讀全文
摘要：自 Vue.js 官方推特第一次公開到現在，我們就一直在進行著將餓了么移動端網站升級為 Progressive Web App 的工作。直到近日在 Google I/O 2017 上登臺亮相，才終于算告一段落。我們非常榮幸能夠發布全世界第一個專門面向國內用戶的 PWA，但更榮幸的是能與 Google、UC 以及騰訊合作，一起推動國內 web 與瀏覽器生態的發展。
閱讀全文
摘要：baguetteBox.js 是一個簡單和易于使用的響應式的圖像 Lightbox 插件，支持滑動手勢在移動設備上使用。純 JavaScript 實現，不依賴第三方庫和插件，趕緊來體驗吧。
閱讀全文
摘要：Baffle.js 是一個 JavaScript 庫，設計用來模糊和揭開DOM元素的文本。 這些元素可以是一個 CSS 選擇器的形式、一個節點列表或者一個單節點。 你也可以傳遞一個選擇對象給插件。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發現有用的資料。夢想天空博客關注前端開發技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具。
閱讀全文
摘要：下面這個列表中的免費 JavaScript 插件都是今年發布的，沒有臃腫的一體化的框架，它們提供輕量級的解決方案，幫助 Web 開發過程更容易和更快。提供的插件可以創建滑塊、響應式菜單、模態窗口、相冊和許多其他常見的組件。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發現有用的資料。夢想天空博客關注前端開發技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具。
閱讀全文
摘要：Scrollanim 是結合 CSS3 和 JavaScript 來創建令人驚嘆的滾動動畫的開源庫。 Scrolanim 支持在頁面上的所有可用的元素的位置。有很多的自定義參數可以配置使用，構建出精彩的效果，非常容易使用。
閱讀全文
摘要：JavasScript社區在創新的道路上開足了馬力，曾經流行過的也許一個月之后就過時了。2016已經結束了。你可能會想你是否錯過一些重要的東西？不用擔心，讓我們來回顧2016年前端有哪些主流。通過比較過去12個月里Github所增加的star數，我們依次來看看哪些項目吸引了大多數眼光。
閱讀全文
摘要：《Web 前端開發精華文章推薦》自2011年6月20號發布第一期以來，歷經五年半，總共發布了30多期。今天這篇是2017年第1期（總第35期），希望你能在這里發現有用的資料。夢想天空專注前端開發技術，分享提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用......
閱讀全文
浙公網安備 33010602011771號