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

  • JavaScript功能測試與Nightwatch.js
    JavaScript功能測試與Nightwatch.js
    Eric Elliott 曾撰寫過一篇關於 JavaScript 測試的文章:《JavaScript 測試:單元測試、功能測試和集成測試》,文中解釋了不同類型的測試以及何時使用哪種測試。 本文將更深入地探討 JavaScript 功能測試,並使用 Nightwatch.js 庫進行演示。 在開始之前,讓我們回顧一下功能測試是什麼,以及它為什麼重要。簡單來說,功能測試旨在確保應用程序從用戶的角度來看按預期工作。 我們這裡討論的不是單元測試或集成測試之類的技術測試。這裡的目標是確保用戶能夠無縫地執行
    js教程 . chrome 431 2025-02-17 10:26:10
  • 開始使用PouchDB客戶端JavaScript數據庫
    開始使用PouchDB客戶端JavaScript數據庫
    Sebastian Seitz和Taulant Spahiu對本文進行了審查。 感謝Sitepoint的同行評審的貢獻! 現代客戶端的Web應用程序需要復雜的數據處理功能。 瀏覽器現在提供強大的Javas
    js教程 . chrome 976 2025-02-17 10:24:15
  • 您可以使用CSS網格佈局放置元素的七種方式
    您可以使用CSS網格佈局放置元素的七種方式
    七種使用CSS Grid佈局網頁元素的方法 (本文於2017年3月23日更新。具體內容:CSS Grid佈局的瀏覽器支持) 本文將介紹七種使用Grid Layout模塊在網頁中放置元素的方法。 SitePoint之前發表過《CSS Grid Layout簡介》。最近,我還寫了《CSS Grid Layout工作草案的現狀》。 這裡,重點將完全放在使用CSS Grid在網頁上佈局元素的具體方法上。現在,讓我們逐一介紹它們。 關鍵要點 CSS Grid Layout允許使用多種方法在網頁上靈活地
    IT業界 . chrome 549 2025-02-17 10:20:13
  • 如何在JavaScript中實施國際化(I18N)
    如何在JavaScript中實施國際化(I18N)
    關鍵要點 國際化 (i18n) 是創建或轉換產品和服務的過程,以便它們可以適應當地的語言和文化。本地化 (l10n) 是為特定地區或語言調整國際化軟件的過程。 Globalize 是一個由 jQuery 團隊成員開發的用於國際化和本地化的 JavaScript 庫。它使用官方Unicode CLDR JSON 數據,支持所有主要瀏覽器,並提供數字格式化和解析、日期和時間格式化和解析、相對時間格式化、貨幣格式化、消息格式化、複數支持和單位支持等功能。 JavaScript 通過國際化 API(
    js教程 . chrome 734 2025-02-17 10:00:26
  • 與互動OBServer API的本地無限滾動
    與互動OBServer API的本地無限滾動
    Intersection Observer API:高效監控DOM元素可見性 Intersection Observer API是一個新興的客戶端JavaScript API,用於高效監控指定DOM元素的可見性,這對於延遲加載、無限滾動和廣告可見性等功能非常有用。 瀏覽器支持及polyfill 該API相對較新,目前瀏覽器支持有限,包括Chrome桌面版51、Chrome安卓版51、安卓WebView 51、Opera 38和Opera安卓版38。然而,Github上提供了一個正在開發中的pol
    js教程 . chrome 776 2025-02-17 09:49:08
  • 網絡音頻API:將帶寬友好的聲音添加到您的網頁
    網絡音頻API:將帶寬友好的聲音添加到您的網頁
    解鎖瀏覽器音頻功率:網絡音頻API指南 Web音頻API使開發人員使用JavaScript將復雜的音頻處理直接集成到網頁中,從而消除了對插件的需求。 這特別有益
    js教程 . chrome 783 2025-02-17 09:37:09
  • 如何在網格佈局中訂購和對齊項目
    如何在網格佈局中訂購和對齊項目
    本教程演示了CSS網格佈局中的項目放置和對齊。我們將探索訂購項目並單獨和小組對齊。 以前,我們涵蓋了網格佈局基礎知識,包括元素放置和
    IT業界 . chrome 284 2025-02-17 09:24:11
  • 如何使用api.ai建立自己的AI助手
    如何使用api.ai建立自己的AI助手
    想深入了解人工智能?觀看我們的視頻教程《微軟認知服務和文本分析 API:在您的機器人中實現 AI 情感分析》。 智能助理的世界日新月異——Siri、Cortana、Alexa、Ok Google、Facebook M、Bixby——所有科技巨頭都有自己的智能助理。然而,許多開發者並沒有意識到,構建自己的 AI 助理其實非常簡單!您可以根據自己的需求、物聯網設備和自定義 API 進行定制,可能性無限。 注意:本文於 2017 年更新,以反映 Api.ai 的最新變化。 早些時候,我編寫了一篇關於
    IT業界 . chrome 218 2025-02-17 09:16:08
  • Aurelia的冒險:創建自定義PDF查看器
    Aurelia的冒險:創建自定義PDF查看器
    本文經Vildan Softic同行評審。感謝所有SitePoint的同行評審員,讓SitePoint的內容達到最佳狀態! 在Web應用程序中處理PDF文件一直以來都非常棘手。如果幸運的話,你的用戶只需要下載文件即可。但有時,用戶需要更多功能。過去,我比較幸運,但這次,我們的用戶需要應用程序顯示PDF文檔,以便他們可以保存與每個頁面相關的元數據。以前,人們可能使用昂貴的PDF插件(例如Adobe Reader)在瀏覽器中運行來實現此目的。然而,經過一番時間和實驗,我找到了一種更好的方法來在Web
    js教程 . chrome 757 2025-02-17 09:03:09
  • 通過網絡動畫API使頁面栩栩如生
    通過網絡動畫API使頁面栩栩如生
    這篇文章由來賓作者Dudley Storey探索了Web Animations API,這是一種創建動態和性能的Web動畫的強大工具。 SitePoint的訪客帖子旨在從領先的JavaScript專家提供引人入勝的內容。 關鍵亮點
    js教程 . chrome 460 2025-02-17 09:01:09
  • 什麼是HTTP/2?
    什麼是HTTP/2?
    HTTP/2:网页传输协议的重大升级 HTTP/2是超文本传输协议(HTTP)的最新版本,旨在取代HTTP/1.1。它通过二进制数据、压缩头部、管道化、多路复用和服务器推送等特性,显著提升了数据传输效率和速度。 HTTP/2与HTTP/1.1的差异 HTTP/2(最初名为HTTP/2.0)源于谷歌在2009年设计的SPDY协议。HTTP/1.1存在一些局限性,例如在网页规模较小、CSS和JavaScript应用有限的时代设计,难以应对如今高带宽、Ajax驱动、单页应用和客户端框架的现状。HTT
    IT業界 . chrome 746 2025-02-17 08:49:12
  • 使用Node.js和Elasticsearch構建搜索引擎
    使用Node.js和Elasticsearch構建搜索引擎
    本文經Mark Brown、Vildan Softic和Moritz Kröger同行評審。感謝所有SitePoint的同行評審員,讓SitePoint的內容盡善盡美! Elasticsearch是一個開源搜索引擎,因其高性能和分佈式架構而日益普及。本文將探討其關鍵特性,並指導您如何使用它來創建一個Node.js搜索引擎。 關鍵要點 Elasticsearch是一個高性能的分佈式搜索引擎,基於Apache Lucene構建,主要用於實時索引和搜索數據。 該系統是無模式的,可以自動檢測數據結構和
    js教程 . chrome 950 2025-02-17 08:47:09
  • 使用NW.JS構建跨平台桌面應用
    使用NW.JS構建跨平台桌面應用
    NW.js:使用Web技术构建原生应用的框架 NW.js是一个强大的框架,允许开发者使用HTML、JavaScript和CSS等Web技术创建原生应用程序,从而生成混合应用,这些混合应用比普通的Web应用具有显著优势。 与另一个混合应用框架Electron相比,NW.js具有以下几个优势:支持chrome.* APIs、Chrome应用、NaCl和PNaCl应用、V8快照源代码保护、内置PDF查看器、打印预览以及在Web Workers中集成Node.js。 使用NW.js创建混合应用程序的过
    js教程 . chrome 384 2025-02-17 08:37:10
  • 將硒與phpunit一起使用
    將硒與phpunit一起使用
    測試是一個非常廣泛的主題,無論是單元測試,功能測試,接受測試等。在本文中,我們將看到如何使用硒進行接受測試。我將使用一個實用示例來說明真正的用法C
    php教程 . chrome 398 2025-02-17 08:31:09
  • 如何使用Selenium Webdriver和Mocha測試JavaScript
    如何使用Selenium Webdriver和Mocha測試JavaScript
    核心要點 Mocha.js 是一個功能豐富的基於 Node.js 的 JavaScript 測試框架,可用於結合 Selenium WebDriver 3 和 NodeJS 編寫 JavaScript 功能測試。這需要熟悉 NodeJS 和 JavaScript 編程語言的基礎知識。 Mocha 提供了一個 API,用於將測試代碼構建成測試套件和測試用例模塊,從而實現執行和報告生成。它支持測試套件設置和拆卸函數,以及測試用例設置和拆卸函數。 Selenium WebDriver 是一個控制 W
    js教程 . chrome 476 2025-02-16 13:21:09

工具推薦

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