2018年7月20日

chrome-performance页面性能分析使用教程

摘要: 运行时性能表现(runtime performance)指的是当你的页面在浏览器运行时的性能表现,而不是在下载页面的时候的表现。这篇指南将会告诉你怎么用Chrome DevTools Performance功能去分析运行时性能表现。在RAIL性能评估模型下,你可以在这篇指南中可以学到怎么去用这个pe阅读全文

posted @ 2018-07-20 17:47 ranyonsue 阅读(10) 评论(0) 编辑

2018年7月18日

移动HTML5前端性能优化指南

摘要: 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外阅读全文

posted @ 2018-07-18 18:19 ranyonsue 阅读(10) 评论(0) 编辑

2018年7月16日

彻底理解js中的&&和||

摘要: 阅读代码时对一行代码很困惑 step > max_step && (step = min_step); 查阅资料后发现它等价于 if (step > max_step) { step = min_step; } js中的&&和||本质是什么呢? && 和 || 的作用只有一个(定义): 进行布尔值的阅读全文

posted @ 2018-07-16 16:00 ranyonsue 阅读(33) 评论(0) 编辑

2018年7月13日

原生javascript实现extend

摘要: var obj1 = {'a': 'obj2','b':'2'}; var obj2 = {name: 'obj3'}; function extend() { var length = arguments.length; var target = arguments[0] || {}; if (t阅读全文

posted @ 2018-07-13 15:53 ranyonsue 阅读(6) 评论(0) 编辑

2018年7月11日

定时器 setTimeout()超时调用和 setInterval()间歇调用

摘要: JavaScript是单线程语言,但它允许通过设置定时器,也就是设置超时值和间歇时间来调度代码在特定的时刻执行。前者是在指定的时间过后执行代码,而后者则是每隔指定的时间就执行一次代码。 超时调用需要使用window对象的setTimeout()方法,他接受两个参数:要执行的代码和以毫秒表示的时间。其阅读全文

posted @ 2018-07-11 17:34 ranyonsue 阅读(29) 评论(0) 编辑

2018年7月10日

JavaScript中浅拷贝和深拷贝的区别和实现

摘要: 深拷贝和浅拷贝的区别 浅拷贝(shallow copy):只复制指向某个对象的指针,而不复制对象本身,新旧对象共享一块内存; 深拷贝(deep copy):复制并创建一个一摸一样的对象,不共享内存,修改新对象,旧对象保持不变。 var a = 25; var b = a; b = 10; conso阅读全文

posted @ 2018-07-10 09:56 ranyonsue 阅读(33) 评论(0) 编辑

2018年7月9日

JavaScript中的栈内存和堆内存

摘要: 首先JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段,而引用类型指的是那些保存在堆内存中的对象。 1、基本类型 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间,他们的值保存在栈空间阅读全文

posted @ 2018-07-09 15:34 ranyonsue 阅读(16) 评论(0) 编辑

2018年7月5日

console命令的其他强大用法

摘要: 阅读目录 谷歌控制台Elements面板查看元素上绑定的事情样式操作总况console.logconsole.infoconsole.errorconsole.warnconsole.debugconsole.dirxmlconsole.group和console.groupEndconsole.a阅读全文

posted @ 2018-07-05 10:04 ranyonsue 阅读(32) 评论(0) 编辑

2018年7月2日

img的complete和onload

摘要: HTML DOM complete 属性 定义和用法: complete 属性可返回浏览器是否已完成对图像的加载。 如果加载完成,则返回 true,否则返回 fasle。 语法: imageObject.complete Image onload 事件 定义和用法: onload 事件在图片加载完成阅读全文

posted @ 2018-07-02 16:54 ranyonsue 阅读(9) 评论(0) 编辑

2018年6月27日

使用readAsDataURL方法预览图片

摘要: 使用FileReader接口的readAsDataURL方法实现图片的预览。 在FileReader出现之前,前端的图片预览是这样实现的:把本地图片上传到服务器,服务器把图片地址返回,并把它替换到图片元素的src属性。 这种方法的缺点是:必须要先把图片上传到服务器。那么问题来了,如果上传的图片很大,阅读全文

posted @ 2018-06-27 18:29 ranyonsue 阅读(42) 评论(0) 编辑

导航

公告