摘要: ECMAScript 5的到来引入了严格模式,顾名思义,严格模式就是让javascript在一个更加规范的环境中运行。 让我们看看严格模式规范了哪些: 原本的静默错误在严格模式中将会抛出错误 严格模式进行了一些优化处理,有时候严格模式下的代码执行效率比普通代码要快 严格禁止一些可能会在未来规范中定义 阅读全文
posted @ 2017-08-09 15:13 德森 阅读(949) 评论(0) 推荐(0) 编辑
摘要: 什么是回调函数? 回调函数就是一个通过函数指针调用的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数。回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应。 1. 使用回调 阅读全文
posted @ 2017-04-30 21:47 德森 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 之前写css圆形时总是直接设置border-radius为50%。后来看某css动画网站时发现作者都是用的100%。遂去了解了一下2者的差别。 border-radius的值是百分比的话,就相当于盒子的宽度和高度的百分比。我们知道在一个正方形内做一个面积最大的圆形,这个圆的半径就为正方形边长的一半。 阅读全文
posted @ 2016-08-28 15:54 德森 阅读(15408) 评论(1) 推荐(4) 编辑
摘要: 旋转和平移是2个基础的动画效果,也是复杂动画的基础。 如果是普通的页面只要设置transform属性很容易实现平移+旋转的组合效果,达到自旋转下落的效果。因为操作的直接是动作元素本身很容易理解。 但是在canvas中,如果要实现一个旋转,是需要旋转画布来实现。 如下图: 实现代码 这里save() 阅读全文
posted @ 2016-08-05 19:21 德森 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-08-02 15:38 德森 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 常见:在普通函数中的this,指向 全局 但是在严格模式下的函数,this指向 underfined. 混淆点.内部函数中的this指向: 在上述numbers对象中,sum函数是numbers对象的方法。所以sum函数中的this指向numbers对象。 但是在内部函数calculate中,我们如 阅读全文
posted @ 2016-07-28 15:13 德森 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 由简单开始深入: 最简单的 直接对象开始 这是一个简单的对象实例。但是如果我要创建多个实例,将会非常麻烦。 改进写法:使用我们经常听到的构造函数模式。(构造函数的取名默认首位大写) 这种写法,将之前每个实例都拥有的相同功能简化为一个。存于prototype对象中。至于为何(参考js原型链)。 阅读全文
posted @ 2016-07-27 16:30 德森 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 笔记:在ios,如果同时给input设置这种平时我们使字体垂直居中的css写法。 光标会出现,如下图的问题 。 改正方案: 采取不使用line-height的垂直居中方法即可。 阅读全文
posted @ 2016-06-15 16:00 德森 阅读(2974) 评论(0) 推荐(0) 编辑
摘要: <input alt="" class="" name='' type="text" onkeypress="return (/[\d.]/.test(String.fromCharCode(event.which||event.KeyCode)))"/> 加入了event.which 保证了火狐的 阅读全文
posted @ 2016-04-06 09:33 德森 阅读(1073) 评论(0) 推荐(0) 编辑
摘要: 内联元素和块级元素的区别是新手必须要掌握的知识点。大家可能平时注意块级元素比较多。所以这里重点让我们来讲讲常见的width height margin padding 对inline元素的影响。 测试代码(在谷歌浏览器运行版本 49.0.2623.87 m,火狐效果同谷歌) width和height 阅读全文
posted @ 2016-03-17 11:10 德森 阅读(6653) 评论(0) 推荐(0) 编辑