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

JavaScript

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

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

cc阅读(3862)赞(160)

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

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

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

cc阅读(5048)赞(160)

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

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

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

cc阅读(35851)赞(192)

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

图表库ECharts的使用-大前端

图表库ECharts的使用

cc阅读(21422)赞(45)

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

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

手写签名插件—jSignature

cc阅读(24850)赞(43)

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

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

抛弃jQuery,拥抱原生JavaScript

浩子阅读(59694)赞(12)

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

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

jQuery事件绑定的最佳实践

浩子阅读(30660)赞(2)

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

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

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

宇轩阅读(79151)赞(1)

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

jQuery 随滚动条滚动效果 (固定版)-大前端

jQuery 随滚动条滚动效果 (固定版)

浩子阅读(90102)赞(3)

前几天写的《jQuery 随滚动条滚动效果 (适用于内容页长文章)》,有几个同学说右侧固定比较好,所以今天就写了个随动固定版。相信一定能解决大部分人的需求! 上代码(基于jQuery): //侧栏随动 var rollStart = $('...

jQuery 随滚动条滚动效果 (适用于内容页长文章)-大前端

jQuery 随滚动条滚动效果 (适用于内容页长文章)

浩子阅读(76762)赞(4)

直接入题! 当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的。 好吧,昨天写了这个东西,jQuery滚动随动区块,代码如下: //侧栏随动 var rollStart = $('....

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

立即前往