来亦何哀

2019年4月2日

摘要：承接上文，这是第5个案例：这节没什么讲的，随便记录下吧，主要是用了flex布局与transform translateY，js部分和案例1类似。附上项目链接: https://github.com/wesbos/JavaScript30 const panels = document.queryS 阅读全文

posted @ 2019-04-02 17:12 来亦何哀阅读(188) 评论(0) 推荐(0)

JavaScipt30(第四个案例)（主要知识点：数组原型链上的一些方法）

摘要：承接上文，下面是第四个案例附上项目链接: https://github.com/wesbos/JavaScript30 const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { fi 阅读全文

posted @ 2019-04-02 15:37 来亦何哀阅读(373) 评论(0) 推荐(0)

JavaScipt30(第三个案例)（主要知识点：css变量）

摘要：承接上文 https://www.cnblogs.com/wangxi01/p/10641210.html，下面是第三个案例：附上项目链接: https://github.com/wesbos/JavaScript30 主要要实现的是移动上面的input range，改变下面图标的样式。以下为我注阅读全文

posted @ 2019-04-02 11:46 来亦何哀阅读(234) 评论(0) 推荐(0)

JavaScipt30(第二个案例)

摘要：承接上篇https://www.cnblogs.com/wangxi01/p/10641115.html，这是第二个案例附上项目链接: https://github.com/wesbos/JavaScript30 这是要实现一个钟表的效果。下面是他的源码，我进行了一些注释。最开始我自己写的时候被一阅读全文

posted @ 2019-04-02 10:48 来亦何哀阅读(233) 评论(0) 推荐(0)

JavaScipt30(第一个案例)（主要知识点：键盘事件以及transitionend）

摘要：今天得到一个github练习项目，是30个原生js写成的小例子，麻雀虽小五脏俱全，现在记录一下第一个。第一个是键盘按键时页面上对应的键高亮，同时播放音频，松开后不再高亮。我自己实现了一下，然后查看了他的代码，发现比我精妙许多,下面是他的代码，我把一些我原来自己写代码时不熟悉的进行了注释。附上项阅读全文

posted @ 2019-04-02 10:37 来亦何哀阅读(239) 评论(0) 推荐(0)

2018年1月30日

原型和原型链

摘要：一：//1.什么是原型，你可以这样理解：每一个javascipt对象（除null外）在创建的时候就会与之关联另外一个对象，这个对象就是我们说的原型，每一个对象都会从原型‘继承’属性 //2.__proto__是每一个javascript对象（除null外）都具有的一个属性，他会指向对象的原型（也叫实阅读全文

posted @ 2018-01-30 21:00 来亦何哀阅读(150) 评论(0) 推荐(0)

2017年12月21日

JS获取图片的原始宽度和高度

摘要：页面中的img元素，想要获取它的原始尺寸，以宽度为例，可能首先想到的是元素的innerWidth属性，或者jQuery中的width()方法。如下：这样貌似可以拿到图片的尺寸。但是如果给img元素增加了width属性，比如图片实际宽度是600，设置了width为400。这时候innerWidth 阅读全文

posted @ 2017-12-21 12:12 来亦何哀阅读(10708) 评论(1) 推荐(1)

比较数组和字典

摘要：用>和<比较数组和字典，而不是= = 和= = =。阅读全文

posted @ 2017-12-21 11:58 来亦何哀阅读(637) 评论(0) 推荐(0)

js事件之event.preventDefault()与event.stopPropagation()用法区别

摘要： event.preventDefault()将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属阅读全文

posted @ 2017-12-21 11:57 来亦何哀阅读(222) 评论(0) 推荐(0)

alert

摘要：表示将alert("99")执行的返回值赋值给num,而不是将方法赋值给变量。然后alert("99")的返回值是undefined,即var num = undefined; 你可以改下一下alert函数试试。阅读全文

posted @ 2017-12-21 11:55 来亦何哀阅读(407) 评论(0) 推荐(0)

公告