隨筆分類 - 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號