目前位置:首頁 > 科技文章 > web前端

  • 功能組成:可維護代碼的構建塊
    功能組成:可維護代碼的構建塊
    JavaScript 函數組合:構建更易維護的代碼 JavaScript 函數組合是一種將多個簡單函數組合成單個更複雜函數的技術,這些函數按邏輯順序對給定數據執行子函數操作。函數應用的順序會產生不同的結果。 為了編寫可維護的代碼,理解每個被組合函數的返回類型至關重要,以確保下一個函數可以正確處理它。 JavaScript 不會阻止組合返回不合適類型函數,因此這部分責任落在程序員身上。 對不熟悉函數式編程範式的人來說,組合函數可能會使代碼看起來很複雜。但是,隨著 ES2015 語法的出現,使用箭頭函
    js教程 800 2025-02-17 11:19:09
  • 沒有反應的redux
    沒有反應的redux
    本文經Vildan Softic同行評審。感謝所有SitePoint的同行評審員,讓SitePoint的內容盡善盡美! 我屬於那種喜歡從零開始,並了解一切工作原理的開發者。雖然我知道這給自己帶來了(不必要的)工作量,但這確實幫助我欣賞和理解特定框架、庫或模塊背後的機制。 最近,我又經歷了這樣的時刻,開始使用Redux和純JavaScript開發一個Web應用程序。在本文中,我想概述我的應用程序結構,檢查我早期(最終失敗的)迭代,然後看看我最終選擇的解決方案以及在此過程中學到的知識。 關鍵要點
    js教程 681 2025-02-17 11:09:13
  • 緩存在本地提取Ajax請求:包裝Fetch API
    緩存在本地提取Ajax請求:包裝Fetch API
    本文由特邀作者Peter Bengtsson撰寫。 SitePoint特邀文章旨在為您帶來來自JavaScript社區知名作家和演講者的精彩內容 本文演示瞭如何實現已提取請求的本地緩存,以便如果重複執行,則從會話存儲中讀取。這樣做的好處是,您無需為要緩存的每個資源編寫自定義代碼。 如果您想在下次JavaScript聚會上炫耀一番,展示您在處理Promise、最先進的API和本地存儲方面的各種技能,請繼續閱讀。 主要收穫 利用Fetch API,開發人員可以創建AJAX請求的本地緩存,通過減少冗餘
    js教程 563 2025-02-17 11:06:10
  • 使用NGRX/Store管理Angular 2應用程序中的狀態
    使用NGRX/Store管理Angular 2應用程序中的狀態
    使用NGRX/Store管理Angular 2中的應用程序狀態:綜合指南 本文使用NGRX/Store庫(REDUX實現利用RXJS)探討了Angular 2應用程序中的有效狀態管理。 我們將解決挑戰
    js教程 688 2025-02-17 11:05:15
  • 2017年的6個免費材料設計CSS框架
    2017年的6個免費材料設計CSS框架
    Google的材料設計:深入研究CSS框架 主要注意事項: 自2014年首次亮相以來,Google的材料設計已成為眾多Google產品及其他地區的主要設計語言。 網絡開發人員可以利用其美學
    css教學 915 2025-02-17 11:04:13
  • 構建JavaScript 3D Minecraft編輯器
    構建JavaScript 3D Minecraft編輯器
    本文探討了僅使用CSS轉換,HTML和JavaScript構建基本3D Minecraft風格的世界,避免了複雜的3D編程。 作者利用其現有的CSS知識,強調了Z Index,L,L
    js教程 984 2025-02-17 10:55:10
  • 快速提示:JavaScript中的工廠功能是什麼
    快速提示:JavaScript中的工廠功能是什麼
    JavaScript 工廠函數:構建可組合對象的強大模式 JavaScript 工廠函數是一種返回對象的函數,無需使用 new 或 this 關鍵字即可創建多個類似的對象。本文將探討工廠函數的幾種用法,包括參數化工廠函數、可組合工廠函數、異步工廠函數以及高階工廠函數,展示如何利用它們構建更靈活、更易維護的 JavaScript 代碼。 核心概念 工廠函數: 返回對象的函數。 參數化工廠函數: 接受參數以改變返回對象結構的工廠函數。 可組合工廠函數: 通過組合其他工廠函數來構建複雜對象的工
    js教程 709 2025-02-17 10:54:13
  • 使用Node和Heroku構建Facebook聊天機器人
    使用Node和Heroku構建Facebook聊天機器人
    構建一個使用 Node.js 和 Heroku 的 Facebook 聊天機器人,由 Joan Yin 和 Camilo Reyes 進行了同行評審。感謝所有 SitePoint 的同行評審員,使 SitePoint 的內容達到最佳狀態! 在去年的 f8 大會上,Facebook 推出了 Messenger 平台,使開發者能夠創建能夠與 Messenger 上或 Facebook 頁面上的人進行對話的機器人。借助機器人,應用程序所有者可以通過提供個性化和交互式通信來更好地與用戶互動,這種通信可
    js教程 848 2025-02-17 10:52:14
  • 開發jQuery插件簡介
    開發jQuery插件簡介
    jQuery 插件:提升开发效率的利器 本文将深入探讨 jQuery 插件的开发,阐述其优势并指导您逐步创建自己的插件。jQuery 插件能够显著缩短开发时间,提高代码复用率。只需编写一次功能代码,即可在多个项目中重复使用,极大提升开发效率。我们将以一个名为 fancytoggle 的示例插件为例,演示插件开发的各个环节。该插件用于切换嵌套元素(例如列表项)的可见性,创建类似手风琴的交互式组件,例如常见问题解答 (FAQ) 部分。 您可以访问 CodePen 查看 fancytoggle 插件
    js教程 579 2025-02-17 10:50:13
  • 管理CSS框模型
    管理CSS框模型
    CSS 盒模型:理解網頁佈局的關鍵 理解 CSS 最重要的點在於:一切皆為盒子。更具體地說,文檔中的每個元素都會生成一個盒子。這個盒子可以是塊級盒子,也可以是內聯級盒子。盒子的類型決定了元素如何影響頁面佈局。 CSS 盒模型是一個用於描述 HTML 元素佈局和大小的概念。每個元素都包含一個用於其內容、填充、邊框和邊距的盒子。這些盒子組合在一起,決定了元素內容的佈局以及相鄰元素如何與其並排顯示: 元素是否創建盒子以及創建哪種類型的盒子將取決於標記語言。 CSS 發展成為一種為 HTML 文檔設置樣式
    css教學 721 2025-02-17 10:49:11
  • 使用node.js,git和markdown構建微博
    使用node.js,git和markdown構建微博
    構建基於Node.js、Git和Markdown的微型博客 本文探討瞭如何使用Node.js、Git和少量依賴項構建一個微型博客。此應用旨在從提交到存儲庫的文件中提供靜態內容。您將學習如何構建和測試應用程序,並深入了解交付解決方案的過程。最終,您將擁有一個極簡的、可運行的博客應用程序,您可以在此基礎上進行構建。 關鍵要點: Node.js 提供了一套平衡的 API,非常適合構建無需不必要復雜性的微型博客平台。 Git 用於將博客文章存儲為版本控制的文本文檔,無需使用傳統的數據庫。 Markd
    js教程 537 2025-02-17 10:48:14
  • 圖表簡介JS 2.0
    圖表簡介JS 2.0
    本文是我們現代JavaScript選集的一部分。有關現代JavaScript的綜合指南,請探索SitePoint Premium並下載您的副本。 蒂姆·塞維恩(Tim Severien)和西蒙·科德林頓(Simon Codrington)對同行進行了評論。 感謝所有SitePoint的同行評審!
    js教程 1019 2025-02-17 10:47:09
  • 介紹Graphicsjs,一個功能強大的輕量級圖形庫
    介紹Graphicsjs,一個功能強大的輕量級圖形庫
    HTML5:現代網絡的基石。如今,在創建交互式圖像時,SVG 和 Canvas 通常是首選技術——Flash 已被遺忘,Silverlight 則成為網絡邊緣罕見的獨角獸,很少有人記得第三方插件。 每種技術的優缺點都有詳細記錄,但簡而言之,SVG 更適合創建和處理交互式元素。這是因為 SVG 是一種基於 XML 的矢量格式,當使用 標籤將圖像加載到頁面中時,其中的每個元素都可以在 SVG DOM 中使用。 在本文中,我想向您介紹 GraphicsJS,這是一個基於 SVG 的全新強大的開源 J
    js教程 296 2025-02-17 10:42:15
  • 與ramda.js的實踐功能編程
    與ramda.js的實踐功能編程
    本文經 Yaphi Berhanu、Vildan Softic、Jani Hartikainen 和 Dan Prince 審核。感謝所有 SitePoint 的同行評審員,使 SitePoint 內容達到最佳狀態! JavaScript 的魅力之一在於其函數式編程特性。從一開始,函數就是 JavaScript 世界中的一等公民。這使得編寫優雅且富有表現力的代碼成為可能,這些代碼可以以多種方式輕鬆組合在一起。然而,僅僅具備進行函數式編程的能力並不能自動實現函數式編程。 Ramda.js 是一個非常
    js教程 285 2025-02-17 10:40:10
  • 引入網站速度測試:圖像分析工具
    引入網站速度測試:圖像分析工具
    提升網站速度和用戶體驗:利用Website Speed Test優化圖片 圖片佔據網頁重量的大部分,因此,系統的圖片優化對轉化率和用戶體驗至關重要。你選擇的性能測試工具會極大影響網站的構建和維護。 WebPagetest就是一個廣受歡迎的開源工具,它旨在衡量和分析網頁性能,這也是Cloudinary選擇與他們合作推出Website Speed Test的原因。 Website Speed Test是一款圖片分析工具,它提供的優化建議遠超簡單的壓縮檢查。該工具利用Cloudinary的先進算法,展示
    css教學 956 2025-02-17 10:35:11

工具推薦

jQuery企業留言表單聯絡程式碼

jQuery企業留言表單聯絡代碼是簡潔實用的企業留言表單和聯絡我們介紹頁面程式碼。
表單按鈕
2024-02-29

HTML5 MP3音樂盒播放特效

HTML5 MP3音樂盒播放特效是一款以html5+css3為基礎製作可愛的音樂盒表情,點選開關按鈕mp3音樂播放器。
播放器特效
2024-02-29

HTML5酷炫粒子動畫導覽選單特效

HTML5酷炫粒子動畫導覽選單特效是一款導覽選單採用滑鼠懸停變色的特效。
選單導航
2024-02-29

jQuery可視化表單拖曳編輯程式碼

jQuery視覺化表單拖曳編輯程式碼是一款基於jQuery和bootstrap框架製作視覺化表單。
表單按鈕
2024-02-29

有機蔬果供應商網頁範本 Bootstrap5

一款有機蔬果供應商網頁範本-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus
後端模板
2023-02-02

房產資源服務平台網頁範本 Bootstrap5

房產資源服務平台網頁範本 Bootstrap5
Bootstrap模板
2023-02-02

簡約履歷資料網頁範本 Bootstrap4

簡約履歷資料網頁範本 Bootstrap4
Bootstrap模板
2023-02-02

可愛的夏天元素向量素材(EPS+PNG)

這是一款可愛的夏天元素向量素材,包含了太陽、遮陽帽、椰子樹、比基尼、飛機、西瓜、冰淇淋、雪糕、冷飲、游泳圈、夾腳拖、鳳梨、海螺、貝殼、海星、螃蟹、檸檬、防曬乳、太陽眼鏡等等,素材提供了EPS 和免扣PNG 兩種格式,含JPG 預覽圖。
PNG素材
2024-05-09

四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)

這是一款紅色的 2023 畢業徽章向量素材,共四個,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 預覽圖。
PNG素材
2024-02-29

唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)

這是一款由唱歌的小鳥和裝滿花朵的推車設計的春天 banner 向量素材,提供了 AI 和 EPS 兩種格式,含 JPG 預覽圖。
banner圖
2024-02-29

金色的畢業帽向量素材(EPS+PNG)

這是一款金色的畢業帽向量素材,提供了 EPS 和免扣 PNG 兩種格式,含 JPG 預覽圖。
PNG素材
2024-02-27

家居裝潢清潔維修服務公司網站模板

家居裝潢清潔維修服務公司網站範本是一款適合提供居家裝潢、清潔、維修等服務機構宣傳網站範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-05-09

清新配色個人求職履歷引導頁模板

清新配色個人求職履歷引導頁範本是適合清新配色風格的個人求職履歷作品展示引導頁網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-29

設計師創意求職履歷網頁模板

設計師創意求職履歷網頁範本是適合各種不同設計師職缺個人求職履歷展示網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28

現代工程建築公司網站模板

現代工程建築公司網站模板是一款適合從事工程建築服務行業宣傳網站模板下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28