首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • canvas拼圖功能實作程式碼範例

    canvas拼圖功能實作程式碼範例

    最近做專案的時候遇到照片拼圖的功能，便在這裡分享自己的封裝的canvas拼圖功能，可能代碼寫的不好，如果有疑問或者是有更好的方法的，可以私聊我，或者是評論指出，感謝各位實現的思路其實挺簡單的，主要是透過服務端獲取圖片鏈接，圖片寬度，圖片高度
    2025-01-18
  • 使用HTML截圖並儲存為本機圖片的實作程式碼

    使用HTML截圖並儲存為本機圖片的實作程式碼

    具體程式碼如下所示：<!DOCTYPE html><html><head><meta charset=UTF-8><title> html2canvas_download</title>
    2025-01-18
  • canvas像素畫板的實作程式碼

    canvas像素畫板的實作程式碼

    最近專案上要實現一個類似像素風格的畫板，可以像素小格子可以擦除，框選變色，可以擦出各種圖形，這樣一個小項目看似簡單，包含的東西還真不少。繪製像素格子我們先定義像素格子類別Pixel = function (option) { this.
    2025-01-18
  • 解析Javascript中難以理解的11個問題

    解析Javascript中難以理解的11個問題

    1.原始值與引用值原始值存放在堆疊中, 引用值存放在堆裡. 如程式:複製程式碼如下:function Person(id,name,age){this.id = id;this.name = name ;this.age = age;}va
    2025-01-18
  • 深入理解Javascript作用域與變數提升

    深入理解Javascript作用域與變數提升

    下面的程序是什麼結果？複製程式碼程式碼如下:var foo = 1;function bar() {if (!foo) {var foo = 10;}alert(foo);}bar();結果是10； 那麼下面這個呢？複製程式碼如下:var a
    2025-01-18
  • js簡單實作刪除記錄時的提示效果

    js簡單實作刪除記錄時的提示效果

    樣式複製程式碼如下:<style type="text/css"> body{font-size:13px} .divShow{line-height:32px;height:32px;background-color:#eee;wi
    2025-01-18
  • webapp字號大小跟隨系統字號大小縮放的範例程式碼

    webapp字號大小跟隨系統字號大小縮放的範例程式碼

    最近做了一個webapp項目，混合式開發，外部原生，內部webview嵌套H5頁面。前端方面採用了vue開發，適配採用的是flexible+rem做的適配。本來一切都很好，可是吧，領導說客戶有的年紀大，看不清楚字體，希望網頁字體可以跟著系統
    2025-01-18
  • 詳解webapp頁面滾動卡頓的解決方法

    詳解webapp頁面滾動卡頓的解決方法

    手機瀏覽器在滾動當前頁面（也可能是縮放頁面）時，由於預設行為被阻止，導致頁面被迫靜止，導致用戶使用體驗差，感覺滾動頁面有停頓感。具體一點的解釋：由於touchstart 事件物件的cancelable 屬性為true，也就是說它的默認
    2025-01-18
  • HTML頁面局部刷新的實作程式碼

    HTML頁面局部刷新的實作程式碼

    事件回應刷新：有請求才會刷新1、透過JS HTML DOM或jQuery取得HTML元素，透過DOM方法或jQuery方法監聽頁面事件，取得使用者請求；2、透過Ajax將使用者請求提交至伺服器，伺服器處理後返回結果，再由Ajax接收資料；3、通
    2025-01-18
  • HTML5之多執行緒(Web Worker)

    HTML5之多執行緒(Web Worker)

    提到HTML5 總是讓人津津樂道，太多的特性和有趣的API 讓人耳目一新。但很多童鞋還停留在語意化的階段，忽略了HTML5 的強烈之處。這節我們來探討一下多執行緒Web-Worker。一、明確JavaScript 是單執行緒Java
    2025-01-18
  • h5使用canvas畫布實現手勢解鎖

    h5使用canvas畫布實現手勢解鎖

    前言最近做的一個app項目使用的apicloud 來實現跨平台開發，現在需要為這個app 添加手勢（九宮格）解鎖的功能，apicloud 已經有一些第三方的原生實現的手勢解鎖插件，因為是原生的性能也比較好，呼叫也比較方便，但是都不能對它
    2025-01-18
  • JS取得URL中的參數數據

    JS取得URL中的參數數據

    複製碼程式碼如下:function getParam(paramName) {paramValue = "";isFound = false;if (this.location.search.indexOf("?") == 0 && thi
    2025-01-18
  • 淺談JavaScript函數參數的可修改性問題

    淺談JavaScript函數參數的可修改性問題

    一道筆試題思考而來的，通常沒人會在函數內部修改參數值。這裡僅拿出來討論，有三種方式可以修改。 1，直接修改函數宣告時的形參複製程式碼如下:function f1(a) { alert(a); a = 1;//修改形參a alert(1
    2025-01-18
  • 淺析JavaScript中兩種類型的全域物件/函數

    淺析JavaScript中兩種類型的全域物件/函數

    這裡所說的JavaScript指瀏覽器環境中的包括宿主環境在內的。第一種是ECMAScript Global Object，第二種是宿主環境(Host)下的全域物件/函數。一、核心JavaScript內建對象，即ECMAScript實作提供
    2025-01-18
  • 完美解決IE低版本不支援call與apply的問題

    完美解決IE低版本不支援call與apply的問題

    Function.prototype的apply和call是在1999年發布的ECMA262 Edition3中才加入的（1998年發布ECMA262 Edition2）。在先前的瀏覽器如IE5.01(JScript 5.0)中是沒有ap
    2025-01-18
 12345下一頁