正在加载中

分类 JavaScript 下的文章

jq自动轮播v1.2

jq自动轮播v1.2

JavaScript锋利的JQuery实例
之前看过一个主题,忘记是谁的了,他的首页轮播特别好看,当时我还天真的以为他的轮播的背景色是自动获取的,为此还特意自己去看了下自动获取图片平均色,现在学了jq后尝试性仿写了一个,因为找不到原来主题的地址,所以大部分都是凭借自己的印象做的,有能力者可以自行移植到typecho主...
键盘测试触发页面  更新v1.1

键盘测试触发页面 更新v1.1

JavaScript
看了一些jq,一时技痒就做了一个,说实话,纸上得来终觉浅,得知此事要躬行,这句话一点都没错,看书的时候我觉得我啥都知道了,用起来,变通的感觉就差很多了,很多东西看上去简单,组合搭配起来还是要花些心思的,不多说,上图。2019-9-3 更新至v1.1[X] 修复三个交互逻辑错...
js深度克隆

js深度克隆

JavaScript
深度克隆主要用于引用类型,因为大部分的引用类型如果某一个实例进行了修改,那么其他同一个引用的实例对象也会发生改变。经过我小段时间的研究,以我目前的了解的来说,方法是没办法完全克隆的,你最多拿到独立属性,原型是共享的,这个没办法克隆,所以有点无解的样子,感觉这个深度克隆也只是...
js阻塞和css阻塞

js阻塞和css阻塞

JavaScript
js阻塞js阻塞其实浏览器的一个很好的机制,浏览器必须在js文件或者代码运行完毕后才会继续其他的工作,比如一个js文件被script元素引用,该元素在head标签中。那么当浏览器加载到head时,会先加载并运行这个js文件,此时,这个script后面的内容都不会做任何处理,...
JavaScript里面继承是怎样实现的?如何避免原型链上的对象被共享?

JavaScript里面继承是怎样实现的?如何避免原型链上的对象被共享?

JavaScript
JavaScript里面继承是怎样实现的?最简单的就是通过原型链继承,然后衍生出几种方法:构造函数继承、组合继承、原型式继承、寄生继承、寄生组合式继承。function Box() { this.name = "鱼儿", this.age = 6...
加载动画小心得

加载动画小心得

JavaScript
网页加载动画的原理其实就是当页面加载时他显示的就是加载动画,这个动画浮动于最上层将下面的内容全部遮盖住,而当dom已经加载完毕,触发onload事件,此时再将动画层进行移除处理。那么这样写会导致一个问题,就是你打开任何页面,都会先触发动画层,然后再显示内容,这样就会影响体验...
百叶窗动效

百叶窗动效

JavaScript
因为没啥太大的想法,然后也不是很成功,就先上个预览图吧,以后有机会再来预览图:
高仿Skeleton Screen 骨架屏 V2

高仿Skeleton Screen 骨架屏 V2

JavaScript
经过多次修正,差不多就是这样了,再加强就比如针对性的做适配,总体来说,要想简单点还是目前自己用的这个简单些。效果图:源码:蓝奏云 密码:b077
高仿Skeleton Screen 骨架屏

高仿Skeleton Screen 骨架屏

JavaScript
现在给网站做了一个load的加载效果,但是目前流行的应该是Skeleton Screen 骨架屏,这个原本是在苹果端app里制作的,然后有人自己移植到web端,常见h5架构页面,如饿了么、知乎、facebook、酷安,都有应用,那么我就很好奇了,到底是怎么做的,于是百度了一...
new 操作符具体做了什么

new 操作符具体做了什么

JavaScript
new操作符一般肯定会说创建一个对象,但是实际上其实可以细分为四个步骤。创建一个空对象链接原型改变this指向将这个对象隐式return出来就已new一个构造函数来举例子:你new出来的这个构造函数他本身有对应的属性,也有prototype,你var me = new 构造...

登录