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

JavaScript

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

clip-path应用–制作地图

cc阅读(340)赞(3)

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

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

数据驱动表格(2)

cc阅读(652)赞(5)

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

数据驱动表格-大前端

数据驱动表格

cc阅读(995)赞(11)

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

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

JS—-this指向(二)

cc阅读(5042)赞(435)

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

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

JS—-this指向(一)

cc阅读(5222)赞(78)

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

canvas小tip--下载二维码、图片加水印-大前端

canvas小tip–下载二维码、图片加水印

cc阅读(11937)赞(178)

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

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

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

cc阅读(19571)赞(206)

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

JS判断单、多张图片加载完成-大前端

JS判断单、多张图片加载完成

cc阅读(49035)赞(233)

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

图表库ECharts的使用-大前端

图表库ECharts的使用

cc阅读(27156)赞(58)

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

手写签名插件—jSignature-大前端

手写签名插件—jSignature

cc阅读(34528)赞(64)

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

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

立即前往