关注前端开发
关注用户体验

JavaScript

clip-path应用--制作地图-大前端

clip-path应用–制作地图

cc阅读(3479)赞(32)

一、实现原理 clip-path属性可?#28304;?#24314;一个只?#24615;?#32032;的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部svg的路径,也可以是一个形状如circle()。 二、所需数据 1、剪切区...

数据驱动表格(2)-大前端

数据驱动表格(2)

cc阅读(3074)赞(18)

前几天分享了驱动表格的一种排版,今天分享另一种排版,效果如下图: 相较于第一种复合排版,这种排版实?#21046;?#26469;比较简单,基本规则与之前的相同,只是仅显示能后排下的字段。 tips:本文只分享一种思路,代码中仍有一些需优化的地方,可自行优化。 实现...

数据驱动表格-大前端

数据驱动表格

cc阅读(3007)赞(17)

从前实现表格,尤其是跨行垮列的复杂表格大都是一行一行写的,很是费时间,今天特来分享一个跨行跨列表格驱动思路(基于Vue)。 一、生成规则说明 1、每个字段配置有最小列数和最大列数,字段label宽度固定为2列(将表格等分为14列,1?#24418;?单...

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

JS—-this指向(二)

cc阅读(6757)赞(441)

箭头函数中this对象就是定义时所在的作用域,也就是?#23548;?#22836;函数本身没有this,内部的this就是外层代码块作用域中的this。 1、独立函数 var a = 0 var test = ()=> { var a = 1 console...

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

JS—-this指向(一)

cc阅读(6850)赞(83)

平时用this有些混乱,所以写个总结。 没有箭头函数之前,我们说this就是函数运行时所在的环境对象,但是在箭头函数中this就是定义时所在的对象,先说大家熟知的:函数运行时所在的环境对象。 1、作为函数调用,this指向全局对象 var ...

canvas小tip--下载二维码、?#35745;?#21152;水印-大前端

canvas小tip–下载二维码、?#35745;?#21152;水印

cc阅读(13156)赞(179)

??? 昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦–canvas的?#23548;?#24212;用。 ??? 一、下载二维码(查看如何生成二维码) ??? HTMLCa...

分享一个生成二维码的插件--QRCode.js-大前端

分享一个生成二维码的插件–QRCode.js

cc阅读(22862)赞(209)

随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码? 通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。 1、引入插件 /*html*/ <div id="qrcode"&g...

JS判断单、多张?#35745;?#21152;载完成-大前端

JS判断单、多张?#35745;?#21152;载完成

cc阅读(51792)赞(236)

在?#23548;实?#36816;用中有这样一种场景,某资源加载完成后再执行某个操作,例如在做导出时,后端通过打开模板页生成PDF,并返回下载地址。这时前后端通常需要约定一个flag,用以标识模板准备就绪,可以生成PDF了。 试想,如果模板中有?#35745;?#27492;时如何判断图...

图表库ECharts的使用-大前端

图表库ECharts的使用

cc阅读(28584)赞(58)

ECharts是一个兼容绝大部分浏览器,可流畅运?#24615;赑C和移动设备上的纯 Javascript 的图表库。ECharts 提供了折线图,柱状图,散点图,饼图,K线图,盒形图等常规图,还有可视化的地图、热力图、线图,、可视化的关系图等。多样的...

?#20013;?#31614;名插件—jSignature-大前端

?#20013;?#31614;名插件—jSignature

cc阅读(36599)赞(66)

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件,通过该插件我们可以实现绘画板、?#20013;?#31614;名等功能。 使用该插件需要引入jQuery和jSignature.js,首先初始化jSignature: ?var $...

themebetter 国内更好的WordPress主题服务商

立即前往
野狼电子游戏