第 84 頁-WordPress教學_wordpress開發入門到進階教程-PHP中文網

Article Tags

＆＃＆按

首頁

Technical articles

CMS教程

＆＃＆按

掌握 JavaScript：第 3 部分，探索循環

假設您的任務是編寫一個顯示數字1到100的程式。完成此任務的一種方法是編寫100條console.log()語句。但我確信你不會，因為你會厭倦第九行或第十行。每個語句中唯一改變的部分是數字，因此應該有一個方法只寫一個語句。還有循環。循環讓我們在程式碼區塊中重複執行一組步驟。 While迴圈Do-While迴圈For迴圈數組For-Of迴圈For-In迴圈While迴圈當某些條件計算為true時，While迴圈會重複執行一組語句。當條件為假時，程式將退出循環。這種循環在執行迭代之前測試條件。迭代是循環

Aug 28, 2023 pm 10:37 PM

介紹 Angular 控制器的令人興奮的茶歇課程

AngularJS已成為許多Web開發人員的首選框架。它是一種用於快速建立前端單頁Web應用程式的一體化解決方案。然而，一個權衡是我們必須解決系統的限制。其中之一是控制器之間的通訊困難。我們剛剛推出了一個新的茶歇課程，名為「在Angular控制器之間共享資料」。我們的茶歇課程是超短期課程，旨在一次性教授新技能或概念，在本課程中，EnvatoTuts+講師ReggieDawson將向您展示一些在Angular控制器之間共享數據的簡單技術。您將了解如何透過服務傳遞數據，也將學習傳遞參數和路由器狀態

Aug 28, 2023 pm 10:09 PM

探索HTML5頁面可見性API

早些時候，我們的瀏覽器不具有選項卡式瀏覽功能，但今天，當您查看所有可用的瀏覽器時，我們可以看到所有瀏覽器都提供該功能。作為一名程式設計師，我通常一次打開10-15個選項卡，有時這個數字會超過25-30個。為什麼要使用此API？之前，無法確定哪個選項卡處於活動狀態、哪個選項卡處於活動狀態，但藉助HTML5VisibilityAPI，我們可以偵測訪客是否正在查看我們的網頁。在本教程中，我們將了解如何處理HTML5VisibilityAPI以及一個簡單的示範來發現頁面的狀態。在此演示中，我們將根據頁面可見

Aug 28, 2023 pm 07:33 PM

HTML页面可见性API探索编程

使用 KUTE.js 實現高效文字動畫：第 4 部分，文字動畫

在本系列的第二個教學中，您學習如何使用KUTE.js為網頁上元素的不同CSS屬性設定動畫。您學習如何為所有變換屬性以及border-radius和border-color等屬性設定動畫。您也可以使用CSS插件對CSS屬性進行動畫處理，例如font-size、line-height、letter-spacing和字間距。 KUTE.js還有一個文字插件，可讓您透過增加或減少倒數計時等數字或逐字寫入字串來為不同元素內的文字設定動畫。在本教程中，您將學習如何使用KUTE.js中的CSS和文字外掛程式為

Aug 28, 2023 pm 06:05 PM

快速技巧：深入剖析jQuery - Grep

在最新一集中的“剖析jQuery”中，我們將揭開$.grep的面紗，並準確地了解幕後發生的事情。訂閱我們的YouTube頁面以觀看所有影片教學！ grep的jQuery來源//jQuerysourceforthegrepmethodgrep:function(elems,callback,inv){varret=[];//Gothroughthearray,onlysavingtheitems//thatpassthevalidatorfunctionfor(vari=0,length=elemsms.l

Aug 28, 2023 pm 05:49 PM

從 Backbone.js 開始

與Web開發同業不同，JavaScript從來沒有真正以框架的方式提供結構。值得慶幸的是，近年來，這種情況開始改變。今天，我想向您介紹Backbone.JS，這是一個可愛的小庫，它使創建複雜、互動式和數據驅動的應用程式的過程變得更加容易。它提供了一種乾淨的方法來將數據與簡報分開。 Backbone.JS概述Backbone由構建CoffeeScript的JS忍者JeremyAshkenas創建，是一個超輕量級庫，可讓您創建易於維護的前端。它與後端無關，並且可以與您已經使用的任何現代Java

Aug 28, 2023 pm 03:41 PM

擁抱 Underscore.js 的溫暖

隨著JavaScript慢慢移出瀏覽器，出現了一些可以顯著提升JavaScript穩健性的工具。其中一個工具稱為Underscore.js，這就是我們今天要介紹的工具。讓我們開始吧！認識Underscore.js那麼Underscore到底是做什麼的？ Underscore是一個JavaScript實用工具庫，它提供了許多您在Prototype.js（或Ruby）中所期望的函數式程式設計支持，但沒有擴展任何內建JavaScript物件。使用Python或Ruby工作的好處之一是像map這樣的奇特結構，

Aug 28, 2023 pm 02:53 PM

十大免費開源 JavaScript 顏色選擇器

顏色選擇器是複雜的UI元素，允許使用者從給定的調色板中選擇顏色。有兩種方法可以將顏色選擇器新增到網頁中。第一個涉及簡單地使用input元素，並將type屬性設為color。新增起來很容易，您可以附加事件偵聽器以根據所選顏色對網頁進行任何變更。使用input元素建立顏色選擇器的一個問題是，不同瀏覽器的UI可能有顯著差異。這可能並不總是令人滿意，具體取決於您要創建的內容。您的用戶通常希望看到UI只有微小的變化，無論他們使用什麼瀏覽器。此外，內建顏色選擇器的視覺外觀可能無法與您網站的整體主題正確融

Aug 28, 2023 pm 12:21 PM

使用 CamanJS 開發自訂影像編輯器：擴展濾鏡選項和混合模式

在我們的CamanJS影像編輯器系列的第一個教學中，我們僅使用內建濾鏡來編輯影像。這限制了我們一些基本效果，如亮度、對比度和其他18個更複雜的濾鏡，如Vintage、Sunrise等。它們都很容易應用，但我們無法完全控制我們想要的圖像的各個像素進行編輯。在第二個教程中，我們了解了圖層和混合模式，這使我們能夠更好地控制正在編輯的圖像。例如，您可以在畫布上新增一個新圖層，用顏色或圖像填滿它，然後將其放置在父圖層上並套用混合模式。然而，我們仍然沒有創建自己的過濾器，並且我們可以應用的混合模式僅限於C

Aug 28, 2023 am 10:05 AM

介紹我們最新的 JavaScript 學習指南

你想學習JavaScript嗎？我們在EnvatoTuts+上提供了大量JavaScript課程和教程，但有時很難知道從哪裡開始。因此，我們整理了一份免費的JavaScript學習指南，引導您從頭到尾完成整個過程。您將學到什麼學習指南從頭開始，提出一個簡單的問題「什麼是JavaScript？」然後，它會帶您了解JavaScript的基礎知識，並介紹jQuery，這是一個跨平台的JavaScript庫，可以讓您更輕鬆地為瀏覽器編寫程式碼。在該過程的每個階段，指南都包含更深入的課程和教程的鏈接，例如

Aug 27, 2023 am 11:33 AM

使用JavaScript迭代物件鍵的方法

自訂物件無法使用for...of迴圈進行迭代。此外，您不能使用map()和forEach()等迭代器方法。如果您這樣做，您將在每個實例中收到TypeError。相反，請使用 for...in來迭代物件。此方法迭代物件的所有可枚舉、非符號屬性。在下面的範例中，我們使用它來迭代obj的所有三個屬性，並且對於每個屬性，我們記錄一個由屬性名稱（即其鍵）及其對應值組成的字串。 varobj={a:1,b:2,c:3};for(constpropinobj){console.log(`obj.${prop}

Aug 27, 2023 am 09:17 AM

迭代对象键方法：

使用CSS3創建一個酷炫的動畫導航

在過去的網頁開發時代，開發人員在需要為其網站製作任何類型的動畫時都會依賴AdAdobe的Flash。隨著時間的推移，人們放棄了Flash，開始使用CSS和JavaScript來完成許多這樣的事情。最後，借助CSS3及其現在所享有的廣泛瀏覽器支持，我們只需使用一些CSS3而無需其他任何東西，就可以做一些非常令人驚奇的事情。在本教程中，我將向您展示如何使用CSS3建立一個很酷的動畫導航選單。您可以在下面的CodePen演示中看到它的實際效果：對實施選單感到興奮嗎？讓我們開始吧。決定標記HTML5引

Aug 27, 2023 am 09:17 AM

导航动画CSS

Telerik：從角度專業知識到行動精通

Angular是當今使用最廣泛的JavaScript框架之一。憑藉其簡單而靈活的基於組件的方法，它成功地徹底改變了數據驅動的Web應用程式的創建方式。不過，Angular應用程式始終僅限於瀏覽器，無論是實際的瀏覽器還是混合行動應用程式內的網頁視圖。因此，它們的性能始終略遜於原生應用程式。感謝Telerik和Google，這一切即將改變。經過近一年的合作，兩家公司的團隊提出了一種創新的解決方案，不僅將Angular與瀏覽器解耦，還允許其在任何平台上使用本機運行。它涉及使用Angular2（完全重

Aug 27, 2023 am 08:09 AM

使用 AngularJS 指令增強 HTML

AngularJS的主要特點是它允許我們擴展HTML的功能來服務於當今動態網頁的目的。在本文中，我將向您展示如何使用AngularJS的指令來使您的開發更快、更輕鬆，並且使您的程式碼更易於維護。準備第1步：HTML模板為了讓事情變得更簡單，我們將把所有程式碼寫在一個HTML檔案中。建立它並將基本的HTML模板放入其中：Aug 27, 2023 am 08:01 AM