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

JavaScript

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

JS—-this指向(二)

cc阅读(676)赞(403)

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

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

JS—-this指向(一)

cc阅读(951)赞(57)

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

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

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

cc阅读(9967)赞(176)

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

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

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

cc阅读(14482)赞(197)

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

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

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

cc阅读(44187)赞(218)

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

图表库ECharts的使用-大前端

图表库ECharts的使用

cc阅读(25341)赞(54)

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

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

手写签名插件—jSignature

cc阅读(31270)赞(58)

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

抛弃jQuery,拥抱原生JavaScript-大前端

抛弃jQuery,拥抱原生JavaScript

浩子阅读(65698)赞(25)

前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery...

jQuery事件绑定的最佳实践-大前端

jQuery事件绑定的最佳实践

浩子阅读(33107)赞(4)

如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。 更好的选择器策略 让我们从基础的例子开始。下面的HTML代码表示的是可以开合的导航菜单。...

JavaScript实现360度全景图片展示效果-大前端

JavaScript实现360度全景图片展示效果

宇轩阅读(92423)赞(4)

360全景照片展示由于它的真实性、全视角等特点能够很好的展现产品。而我在工作之余写了一个360度图片展示效果,改变了普通图片平淡的特点,让人们在网上能够进行 360 度全视角观察,而且通过交互操作,可以实现自由浏览,从而震撼的视觉效果。 全...

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

立即前往