会员
周边
新闻
博问
闪存
众包
赞助商
YouClaw
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
来亦何哀
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
9
10
11
12
13
14
15
16
下一页
2019年4月3日
JavaScipt30(第六个案例)(主要知识点:给数字加千分号的正则)
摘要: 承接上文,这是第6个案例: 附上项目链接: https://github.com/wesbos/JavaScript30 这个主要是要实现在给定的json里匹配出搜索框里的city or state,然后把人口加上千分号,下面是我加了注释的源码: <script> const endpoint =
阅读全文
posted @ 2019-04-03 10:46 来亦何哀
阅读(261)
评论(0)
推荐(0)
2019年4月2日
JavaScipt30(第五个案例)(主要知识点:flex布局)
摘要: 承接上文,这是第5个案例:这节没什么讲的,随便记录下吧,主要是用了flex布局与transform translateY,js部分和案例1类似。 附上项目链接: https://github.com/wesbos/JavaScript30 const panels = document.queryS
阅读全文
posted @ 2019-04-02 17:12 来亦何哀
阅读(192)
评论(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 来亦何哀
阅读(381)
评论(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 来亦何哀
阅读(239)
评论(0)
推荐(0)
JavaScipt30(第二个案例)
摘要: 承接上篇https://www.cnblogs.com/wangxi01/p/10641115.html,这是第二个案例 附上项目链接: https://github.com/wesbos/JavaScript30 这是要实现一个钟表的效果。下面是他的源码,我进行了一些注释。最开始我自己写的时候被一
阅读全文
posted @ 2019-04-02 10:48 来亦何哀
阅读(237)
评论(0)
推荐(0)
JavaScipt30(第一个案例)(主要知识点:键盘事件以及transitionend)
摘要: 今天得到一个github练习项目,是30个原生js写成的小例子,麻雀虽小五脏俱全,现在记录一下第一个。 第一个是键盘按键时页面上对应的键高亮,同时播放音频,松开后不再高亮。 我自己实现了一下,然后查看了他的代码,发现比我精妙许多,下面是他的代码,我把一些我原来自己写代码时不熟悉的进行了注释。 附上项
阅读全文
posted @ 2019-04-02 10:37 来亦何哀
阅读(241)
评论(0)
推荐(0)
2018年1月30日
原型和原型链
摘要: 一://1.什么是原型,你可以这样理解:每一个javascipt对象(除null外)在创建的时候就会与之关联另外一个对象,这个对象就是我们说的原型,每一个对象都会从原型‘继承’属性 //2.__proto__是每一个javascript对象(除null外)都具有的一个属性,他会指向对象的原型(也叫实
阅读全文
posted @ 2018-01-30 21:00 来亦何哀
阅读(153)
评论(0)
推荐(0)
2017年12月21日
JS获取图片的原始宽度和高度
摘要: 页面中的img元素,想要获取它的原始尺寸,以宽度为例,可能首先想到的是元素的innerWidth属性,或者jQuery中的width()方法。如下: 这样貌似可以拿到图片的尺寸。 但是如果给img元素增加了width属性,比如图片实际宽度是600,设置了width为400。这时候innerWidth
阅读全文
posted @ 2017-12-21 12:12 来亦何哀
阅读(10717)
评论(1)
推荐(1)
比较数组和字典
摘要: 用>和<比较数组和字典,而不是= = 和= = =。
阅读全文
posted @ 2017-12-21 11:58 来亦何哀
阅读(638)
评论(0)
推荐(0)
js事件之event.preventDefault()与event.stopPropagation()用法区别
摘要: event.preventDefault()将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属
阅读全文
posted @ 2017-12-21 11:57 来亦何哀
阅读(228)
评论(0)
推荐(0)
上一页
1
···
9
10
11
12
13
14
15
16
下一页
公告