關注前端開發
關注用戶體驗

JavaScript

clip-path應用--制作地圖-大前端

clip-path應用–制作地圖

cc閱讀(3907)贊(36)

一、實現原理 clip-path屬性可以創建一個只有元素的部分區域可以顯示的剪切區域。區域內的部分顯示,區域外的隱藏。剪切區域是被引用內嵌的URL定義的路徑或者外部svg的路徑,也可以是一個形狀如circle()。 二、所需數據 1、剪切區...

數據驅動表格(2)-大前端

數據驅動表格(2)

cc閱讀(3432)贊(18)

前幾天分享了驅動表格的一種排版,今天分享另一種排版,效果如下圖: 相較于第一種復合排版,這種排版實現起來比較簡單,基本規則與之前的相同,只是僅顯示能后排下的字段。 tips:本文只分享一種思路,代碼中仍有一些需優化的地方,可自行優化。 實現...

數據驅動表格-大前端

數據驅動表格

cc閱讀(3345)贊(18)

從前實現表格,尤其是跨行垮列的復雜表格大都是一行一行寫的,很是費時間,今天特來分享一個跨行跨列表格驅動思路(基于Vue)。 一、生成規則說明 1、每個字段配置有最小列數和最大列數,字段label寬度固定為2列(將表格等分為14列,1列為1單...

JS—-this指向(二)-大前端

JS—-this指向(二)

cc閱讀(7123)贊(442)

箭頭函數中this對象就是定義時所在的作用域,也就是說箭頭函數本身沒有this,內部的this就是外層代碼塊作用域中的this。 1、獨立函數 var a = 0 var test = ()=> { var a = 1 console...

JS----this指向(一)-大前端

JS—-this指向(一)

cc閱讀(7212)贊(86)

平時用this有些混亂,所以寫個總結。 沒有箭頭函數之前,我們說this就是函數運行時所在的環境對象,但是在箭頭函數中this就是定義時所在的對象,先說大家熟知的:函數運行時所在的環境對象。 1、作為函數調用,this指向全局對象 var ...

canvas小tip--下載二維碼、圖片加水印-大前端

canvas小tip–下載二維碼、圖片加水印

cc閱讀(13392)贊(179)

??? 昨天介紹了一個生成二維碼的插件QRCode.js,它是借助HTML5 Canvas繪制而成。所以,今天的主角就是canvas啦–canvas的實際應用。 ??? 一、下載二維碼(查看如何生成二維碼) ??? HTMLCa...

分享一個生成二維碼的插件--QRCode.js-大前端

分享一個生成二維碼的插件–QRCode.js

cc閱讀(23354)贊(209)

隨著移動設備的普及,日常生活中隨處可見二維碼,大有一碼走天下之勢。那么前端如何來生成二維碼? 通過QRCode.js我們可以快速生成二維碼啦,一起來看看怎么使用吧。 1、引入插件 /*html*/ <div id="qrcode"&g...

JS判斷單、多張圖片加載完成-大前端

JS判斷單、多張圖片加載完成

cc閱讀(52146)贊(236)

在實際的運用中有這樣一種場景,某資源加載完成后再執行某個操作,例如在做導出時,后端通過打開模板頁生成PDF,并返回下載地址。這時前后端通常需要約定一個flag,用以標識模板準備就緒,可以生成PDF了。 試想,如果模板中有圖片,此時如何判斷圖...

圖表庫ECharts的使用-大前端

圖表庫ECharts的使用

cc閱讀(28867)贊(58)

ECharts是一個兼容絕大部分瀏覽器,可流暢運行在PC和移動設備上的純 Javascript 的圖表庫。ECharts 提供了折線圖,柱狀圖,散點圖,餅圖,K線圖,盒形圖等常規圖,還有可視化的地圖、熱力圖、線圖,、可視化的關系圖等。多樣的...

手寫簽名插件—jSignature-大前端

手寫簽名插件—jSignature

cc閱讀(36972)贊(67)

jSignature 是一個通過捕捉筆畫的矢量輪廓輸出多種格式數據的jQuery插件,通過該插件我們可以實現繪畫板、手寫簽名等功能。 使用該插件需要引入jQuery和jSignature.js,首先初始化jSignature: ?var $...

themebetter 國內更好的WordPress主題服務商

立即前往
广东26选5复式计算