摘要: 这是我们v客学院基础班的童鞋都做完的一个超简单炫酷的特效demo,今天我来带大家用最快的速度和最简单的方法制作一个音乐抖动条,大家有兴趣不妨一起来试试~~~~~~~ 做这个demo之前我们得有一些html+css3的基础,接下来我们先看看成品吧。。 其实实现这个效果非常的简单,首先我们来分析下抖动条 阅读全文
posted @ 2018-05-23 16:27 alice_can 阅读(631) 评论(0) 推荐(0) 编辑
摘要: 前端小技巧:css sprite 因为英文名叫sprite,翻译过来是精灵,而雪碧饮料也叫sprite,所以叫精灵兔或者雪碧图。 它有什么作用呢? 当用户在浏览器里输入一个URL地址的时候,你会感觉无数张图片“唰唰唰”的闪出来了。在这个过程中,浏览器会把这个网站的主资源(就是Html文件)拉取回来, 阅读全文
posted @ 2018-04-24 11:32 alice_can 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 经常会有人问到this的用法,其实简单来说,this有四种应用场景,分别是在构造函数上、对象属性中、普通函数中、call和apply方法中。 首先我们来看第一种:在构造函数中的用法 第二种是在在对象属性中: 第三种: 在代码的执行中我们发现根本取不到“alice”,而是打印出undefined。原因 阅读全文
posted @ 2018-02-24 15:49 alice_can 阅读(857) 评论(0) 推荐(0) 编辑
摘要: 今天微信公众号无意间推送了一篇文章,瞬间又GET了好多前端技能,一些属于技巧,一些是属于冷知识。 我们都知道js输入常用的有三种,alert(),console.log(),document.write(); 而且像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了。 下面 阅读全文
posted @ 2018-02-08 16:28 alice_can 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 一、注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的 二、请使用一个var来定义变 阅读全文
posted @ 2018-02-02 14:55 alice_can 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 我们对圆角矩形非常熟悉,比如在页面上经常出现这样的按钮。 会写吗?当然会!只要定义border-radius就可以了。 那好吧,写一个这样的圆角矩形怎么样? 有点方型,有点圆型……放弃了,叫美工给我画一个。 当然不能放弃,其实这就是用我们熟悉的border-radius, 那特型的是如何画出来的,我 阅读全文
posted @ 2018-02-02 14:54 alice_can 阅读(127) 评论(0) 推荐(0) 编辑