摘要: 本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决,分享给大家,具体如下: 【场景】 用户打开网页,则请求腾讯COS(图片服务器)上的图片js代码。使用canvas绘图。 然后,用户可以重新选择图片、裁剪、上传。 【问题】 图片首次载入,选择新图片后裁剪、绘制都没有问题。 阅读全文
posted @ 2019-03-24 20:44 1565783227 阅读(1036) 评论(1) 推荐(0) 编辑
摘要: 有一天我们的UI设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的json动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果(写到这里我突然想到一个问题,这么复杂的动画为什么不使用gif。。。。坐我对面的安卓开发小哥答因为gif播放的时候可能质量不高不流畅,好吧我信了) 我:??? 阅读全文
posted @ 2019-03-24 20:40 1565783227 阅读(3757) 评论(0) 推荐(0) 编辑
摘要: 在理解javascript的this之前,首先先了解一下作用域。 作用域分为两种: 词法作用域和动态作用域的区别是:词法作用域是在写代码或定义时确定的;动态作用域是在运行时确定的。 this的绑定规则 this是在调用时被绑定,取决于函数的调用位置。由此可以知道,一般情况下(非严格模式下),this 阅读全文
posted @ 2019-03-24 20:32 1565783227 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况,其实是运用了Cookie 存储 web 页面的用户信息,Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时, 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息l。 今天的这个效果:第 阅读全文
posted @ 2019-03-24 15:58 1565783227 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 当页面过长时,通常会在页面下方有一个返回顶部的button,总结一下,大概三种实现方法,下面说下各方法及优缺点。 方法一 锚点定位 ? 1 <a href="#" class="top" id="top">返回頂部</a> ? 1 <a href="#" class="top" id="top">返 阅读全文
posted @ 2019-03-24 15:53 1565783227 阅读(2245) 评论(0) 推荐(0) 编辑
摘要: 作为前端开发人员的必修课,CSS3翻转能带我们完成许多基本动效,本期我们将用CSS3实现hover翻转效果~ 第一步非常简单,我们简单画1个演示方块,为其 添加transition和transform属性 : ? 1 2 3 4 5 6 7 8 9 10 11 // 本示例均使用Sass语法 .bl 阅读全文
posted @ 2019-03-24 15:49 1565783227 阅读(10021) 评论(1) 推荐(0) 编辑
摘要: 关于日历插件,我做了好多次尝试,一直致力于开发一款简单易用的日历控件。我的想法是争取在引用这个控件后,用一行js代码就能做出一个日历,若在加点参数,就能自定义外观和功能丰富多彩的日历。Calendar 3.1是我初步满意的一个作品。 日历的常用场景有两种,一种是用在日期选择器里面,比如某个位置需要输 阅读全文
posted @ 2019-03-24 11:22 1565783227 阅读(1602) 评论(0) 推荐(0) 编辑
摘要: 需求: 抽奖代码最多可以抽奖5次,而且,每次只会中“2000元理财金”或者“谢谢参与”,其它的不会抽中(哈哈,果然都是套路)。 效果如下: 一、页面结构: ? 1 2 3 4 5 6 7 8 9 10 11 12 <div class="g-content"> <div class="g-lotte 阅读全文
posted @ 2019-03-24 10:38 1565783227 阅读(738) 评论(0) 推荐(0) 编辑
摘要: 瀑布流的布局自我感觉还是很吸引人的,最近又看到实现瀑布流这个做法,在这里记录下,特别的,感觉flex布局实现瀑布流还是有点懵的样子,不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数col 阅读全文
posted @ 2019-03-24 10:31 1565783227 阅读(1347) 评论(0) 推荐(0) 编辑
摘要: 如何拖拽图片到指定位置,具体方法如下 在从本地上传图片的时候,如果使用拖拽效果,想想应该是更加的高大上,下面直接上js代码 完整代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 阅读全文
posted @ 2019-03-24 10:26 1565783227 阅读(1544) 评论(0) 推荐(0) 编辑