
javascript
JonathanChan94
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS实现滚动监听以及滑动到顶部
以前做滚动监听都是用jquery来实现这样的效果,虽然用jquery实现起来很方便,但是还是想用原生js来实现一下。HTML代码:<div class="uptop" id="uptop"> <img src="images/up.png" id="to-top">//这里用了一个向上的箭头图片,用于表明返回顶部 </div>CSS代码:.uptop{ positio原创 2016-03-26 15:33:06 · 26054 阅读 · 0 评论 -
JS实现全屏页面切换
以前在网上看到过一些全屏切换的页面,网上也有一些JQuery的插件能够实现全屏切换的效果,今天用原生js简单的做了一下这个效果。1.实现原理其实要做出这个效果还是挺简单的,下面来分析一下: 1.首先设置每个页面的div,让每个div的高度设置为100vh,即让每个div高度为窗口高度,或者可以设置每个div的高度为100%,但100%是相对父元素而言的,所以还需要给HTML、body的高度都设置为原创 2016-04-25 22:50:13 · 4098 阅读 · 1 评论 -
JavaScript代理模式之图片预加载
代理模式是为其他对象提供一种代理以控制对这个对象的访问。需要实现图片的预加载是因为当页面中的图片较大或网络不佳时,图片的位置可能会是一片空白,可能还会影响页面布局,因此通常都是用一张loading图片占位,等图片加载完成立即填充到img节点里,最近学习到了使用JavaScript代理模式来实现图片预加载。在html的body中放置几个img: <img src=""> <img src原创 2016-05-10 15:40:22 · 898 阅读 · 0 评论 -
ES6学习笔记(一)
1. let和const 2. 解构赋值 3. 模板字符串原创 2016-08-20 16:05:47 · 489 阅读 · 0 评论 -
ES6学习笔记(二)
1. 数组的扩展 a.Array.from() b.Array.of() c.copyWithin() d.find()和findIndex() …… 2.函数的扩展 a.函数参数的默认值 b.rest参数 c.扩展运算符 d.箭头函数原创 2016-08-22 15:49:19 · 461 阅读 · 0 评论 -
ES6学习笔记(三)
1.Set和Map数据结构 a.Set结构 b.WeakSet c.Map结构 d.WeakMap 2.Class a.类的定义 b.类的继承 c.getter和setter d.静态方法原创 2016-08-23 17:14:00 · 500 阅读 · 0 评论 -
前后端模板
前端模板 目的:显示与数据分离 用模板之前:在js中字符串拼接数据,每一部分都要进行逻辑的拼接以及元素的创建等,繁琐费时。 1.字符串模板引擎 原理:利用正则表达式识别模板标识,利用数据替换其中的标识符。 步骤: 利用正则分解出普通字符串和模板标识符 将模板标识符转换成指定的数据 生成待执行的语句 将数据填入执行,生成最终的字符串 将字符串写入页面 2.Dom模板引擎Vue.js angular原创 2016-10-28 16:24:32 · 2104 阅读 · 0 评论