首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • canvas繪製文字內容自動換行的實作程式碼

    canvas繪製文字內容自動換行的實作程式碼

    原型要求:要求製作邀請卡頁面，其中標題字數是動態的，最多可顯示2行，如果超出2行則第2行內容結尾添加省略號。根據產品妹子的性格，四行這個設定到時很大機會改，所以這裡一定不能寫死，結果前幾天真的要求改成了最多可顯示4行，其他照舊。產品妹
    2025-01-18
  • js如何設定在iframe框架中指定div不顯示

    js如何設定在iframe框架中指定div不顯示

    複製代碼代碼如下:<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><title>測試</title>
    2025-01-18
  • javascript設定金額樣式轉換保留兩位小數範例程式碼

    javascript設定金額樣式轉換保留兩位小數範例程式碼

    複製代碼代碼如下: //金額格式轉換function parsePrice(s) { var n = 2 //設定保留的小數位數s = parseFloat((s + "").replace(/[^/d/.-] /g, "")).toFi
    2025-01-18
  • 解鎖canvas匯出圖片跨域的N種姿勢小結

    解鎖canvas匯出圖片跨域的N種姿勢小結

    本文介紹了解鎖canvas匯出圖片跨網域的N種姿勢小結，分享給大家，具體如下：Uncaught DOMException: Failed to execute toDataURL on HTMLCanvasElement: Tainted c
    2025-01-18
  • JS獲得QQ號碼的暱稱,頭像,生日的簡單實例

    JS獲得QQ號碼的暱稱,頭像,生日的簡單實例

    http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ號碼將會傳回下列內容：_Callback({"uin":查詢的QQ號碼,"qzone":1," nickname":"暱稱
    2025-01-18
  • JavaScript執行順序詳細介紹

    JavaScript執行順序詳細介紹

    先前從JavaScript引擎的解析機制來探索JavaScript的工作原理，下面我們以更形象化的範例來說明JavaScript程式碼在頁面中的執行順序。如果說，JavaScript引擎的工作機制比較深奧是因為它屬於底層行為，那麼JavaScr
    2025-01-18
  • Html5如何喚起百度地圖App的方法

    Html5如何喚起百度地圖App的方法

    最近接手了一個需求，要求混合式開發，前端做好h5 後將頁面嵌入到ios 和android 中，需要用到百度地圖的地圖導航。具體功能點如下：如果手機端（ios, android）安裝了百度地圖，點擊導航按鈕，喚起百度地圖app否則，打
    2025-01-18
  • canvas實作有遞增動畫的環形進度條的實作方法

    canvas實作有遞增動畫的環形進度條的實作方法

    老規矩，直接看圖！效果如下：高清大圖！碼農多年，老眼昏花，動圖看不清楚？ ！那就看靜態截圖！ ！ ！不同分數效果如下：看完了賣家秀，我們來看看產品的製作過程吧！ canvas繪製圓環1、vue中，<template lang=pug>裡的程式碼如下：ca
    2025-01-17
  • 詳解FireFox下Canvas使用影像合成繪製SVG的Bug

    詳解FireFox下Canvas使用影像合成繪製SVG的Bug

    本文適合適合對canvas繪製、圖形學、前端視覺化有興趣的讀者閱讀。楔子所有的事情都會有一個起因。最近產品上需要做一個這樣的功能：給一些圖形做染色處理。想想這還不是順手拈來的事情，早就研究過圖形染色的技術。於是我把之前寫好的兩種演算法都傳給了
    2025-01-17
  • JS求平均值的小例子

    JS求平均值的小例子

    效果：事件：當輸入完三個文字方塊後觸發blur事件。計算出平均值說明：呼叫方法計算出平均值，代碼：文字方塊中：複製程式碼如下:
    2025-01-17
  • javascript簡單實作表格行間隔顯示顏色並高亮顯示

    javascript簡單實作表格行間隔顯示顏色並高亮顯示

    複製代碼代碼如下:<script type="text/javascript"> var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode =
    2025-01-17
  • data:image data url 檔案轉為Blob上傳後端的方法

    data:image data url 檔案轉為Blob上傳後端的方法

    有些場景，像是canvas取得的圖片，或是微信開發sdk回傳的圖片格式是data:img格式的，我們需要上傳到伺服器上，那就需要轉換。將dataURL轉成Blob// base64 轉blobdataURItoBlob(dataURI
    2025-01-17
  • 詳解window.open被瀏覽器攔截的解決方案

    詳解window.open被瀏覽器攔截的解決方案

    現象最近在做專案的時候碰到了使用window.open被瀏覽器攔截的情況，搞得人無比鬱悶啊，雖然在自己的環境可以對頁面進行放行，但是對用戶來說，不能要求用戶都來通過攔截。何況當出現攔截時，很多小白根本不知道發生了啥，不知道在哪裡看被攔截的頁
    2025-01-17
  • html透過canvas轉換成base64的方法

    html透過canvas轉換成base64的方法

    在H5的行銷活動中，經常產生一張圖片讓用戶分享或儲存，這時候處理方案有兩種。一種是讓後端產生圖片，回傳一個圖片位址給前端展示一種是前端自主合併產生圖片展示，文中主要說明這個方案demo<!--生成后存放的IMG-->
    2025-01-17
  • JS Loading功能的簡單實現

    JS Loading功能的簡單實現

    我們常在瀏覽網頁的時候會看到資料在載入時，出現的LOADING提示。其實這個功能原理是很簡單的，就是一個DIV遮蓋當前頁面，然後Loading就在遮蓋DIV層上展示出來，現在我們來動手實現一下。 1.當前頁面：複製代碼代碼如下:<div>
    2025-01-17
上一頁 363738394041424344下一頁