![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 25945 阅读 · 0 评论 -
JS实现全屏页面切换
以前在网上看到过一些全屏切换的页面,网上也有一些JQuery的插件能够实现全屏切换的效果,今天用原生js简单的做了一下这个效果。1.实现原理其实要做出这个效果还是挺简单的,下面来分析一下: 1.首先设置每个页面的div,让每个div的高度设置为100vh,即让每个div高度为窗口高度,或者可以设置每个div的高度为100%,但100%是相对父元素而言的,所以还需要给HTML、body的高度都设置为原创 2016-04-25 22:50:13 · 3952 阅读 · 1 评论 -
JavaScript代理模式之图片预加载
代理模式是为其他对象提供一种代理以控制对这个对象的访问。需要实现图片的预加载是因为当页面中的图片较大或网络不佳时,图片的位置可能会是一片空白,可能还会影响页面布局,因此通常都是用一张loading图片占位,等图片加载完成立即填充到img节点里,最近学习到了使用JavaScript代理模式来实现图片预加载。在html的body中放置几个img: <img src=""> <img src原创 2016-05-10 15:40:22 · 828 阅读 · 0 评论 -
ES6学习笔记(一)
1. let和const2. 解构赋值3. 模板字符串原创 2016-08-20 16:05:47 · 436 阅读 · 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 · 420 阅读 · 0 评论 -
ES6学习笔记(三)
1.Set和Map数据结构a.Set结构b.WeakSetc.Map结构d.WeakMap2.Classa.类的定义b.类的继承c.getter和setterd.静态方法原创 2016-08-23 17:14:00 · 395 阅读 · 0 评论 -
前后端模板
前端模板目的:显示与数据分离用模板之前:在js中字符串拼接数据,每一部分都要进行逻辑的拼接以及元素的创建等,繁琐费时。 1.字符串模板引擎原理:利用正则表达式识别模板标识,利用数据替换其中的标识符。步骤: 利用正则分解出普通字符串和模板标识符将模板标识符转换成指定的数据生成待执行的语句将数据填入执行,生成最终的字符串将字符串写入页面2.Dom模板引擎Vue.js angular原创 2016-10-28 16:24:32 · 2024 阅读 · 0 评论