昨天,整个朋友圈都被支付宝的年度账单刷屏了。突然发现,原来自己的朋友圈里隐藏着众多土豪。当然啦,也有一些朋友ps一些好玩的截图。 实在无聊,晚上下班之后,就想着写个页面,让那些贪玩的朋友生成自己的年度关键词。先来看一下效果图。 基本功能点 用户输入文案 选取图片并裁剪 图片合成 实现思路 天下武功,...
前端生成支付宝个人年度关键词
- 0
昨天,整个朋友圈都被支付宝的年度账单刷屏了。突然发现,原来自己的朋友圈里隐藏着众多土豪。当然啦,也有一些朋友ps一些好玩的截图。 实在无聊,晚上下班之后,就想着写个页面,让那些贪玩的朋友生成自己的年度关键词。先来看一下效果图。 基本功能点 用户输入文案 选取图片并裁剪 图片合成 实现思路 天下武功,...
获取URL中参数值,这是我们经常需要用到的。方法有很多,下面总结2种常用的方法: 一、正则法 正则法是通过正则表达式的匹配来获指定的参数值,示例代码如下: function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1)....
但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小case;图片集成,一直都在用... 还能有什么问题?瓶颈啊、天花板啊、...
今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便。 如何使用circliful 将jquery库文件和jquery.circliful.min.js引入到页面中。 ? <script?src="http://code.jquery.com/jquery-1.10.2.min.js"></script>...
Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持触控滑...
大家在前端Javascript开发中会遇到处理日期时间的问题,经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。今天我给大家介绍一个轻量级的Javascript日期处理类库:moment.js,使用它可以轻松解决前端开发中遇到的种种日期时间问题。 moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格...