正在加载中
DOM编程

DOM编程

javascript高性能
dom是浏览器中非常重要的一部分,他其实相对于js是一个独立的语言,我们通过js去操作其实只是利用api沟通,并不是直接操作的,也就是说dom和js是两个部分,他们之间通过api进行沟通,那么这个沟通的过程自然就会产生性能的损耗,那么你沟通的越多,网页的响应速度就越慢。do...
数据存取

数据存取

javascript高性能
JavaScript中,不同存储位置,他的读取速度是不一样的,就好像一个距离你只有一米的饮料和一个距离你十米的饮料,当然是一米的你拿起来喝的速度最快。js中有四种基本的数据存取位置:1.字面量字面量只代表自身,不存储在特定的位置,js的字面量有:字符串、数字、布尔值、对象、...
加载和执行

加载和执行

javascript高性能
js的加载会阻塞页面的加载和渲染,那么常用的方式就是将script元素放置在body元素里面最底下的位置,但是这样还是会有阻塞,但是不会阻塞下载,阻塞的是渲染,也就是说,js运行长时间的话,页面也会长时间显示空白,哪怕所有的资源都已经下载完毕了。延迟脚本为此便有了无阻塞的模...
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、酷安,都有应用,那么我就很好奇了,到底是怎么做的,于是百度了一...

登录