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