1 浏览器渲染的工作流程 浏览器的工作原理。以Webkit引擎的工作流程为例,浏览器加载一个HTML页面后进行如下操作 解析HTML【遇到<img>标签加载图片】 —> 构建DOM树 加载样式 —> 解析样式【遇到背景图片链接不加载】 —> 构建样式规则树 加载javascript —> 执行jav ...
分类:
其他好文 时间:
2017-08-05 20:35:25
阅读次数:
790
浏览器加载一个html页面: 解析html 》构建DOM树 遇到img标签加载图片 加载样式 》解析样式 》构建样式规则树 遇到背景图片链接不加载 加载js 》执行js 把DOM树和样式规则树匹配构建渲染树 加载渲染树上的背景图片 计算元素位置进行布局 绘制 渲染图片 ...
分类:
其他好文 时间:
2017-08-05 14:50:21
阅读次数:
134
原文:http://www.open-open.com/code/view/1446774303092 1. 禁止右键点击 2. 隐藏搜索文本框文字 3. 在新窗口中打开链接 4. 检测浏览器 注: 在版本jQuery 1.4中,$.support 替换掉了$.browser 变量 5. 预加载图片 ...
分类:
Web程序 时间:
2017-08-03 13:53:35
阅读次数:
183
jQuery tips, tricks & solutions 禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV... ...
分类:
编程语言 时间:
2017-08-03 12:32:49
阅读次数:
313
话说前头: 上次写了一篇webpack的学习心得,webpack能做到提升前端的性能,其模块打包最终生成一个或少量的文件能够减少对服务端的请求。除此之外,本次的图片懒加载(当然不仅限于图片,还可以有视频,flash等)也是一种优化前端性能的方式。使用懒加载可以想要看图片时才加载图片,而不是一次性加载 ...
分类:
其他好文 时间:
2017-07-26 15:33:14
阅读次数:
210
1. 缓存 2.图片加载 3. 图片处理 4. 网络请求 5. 网络解析 6. 数据库 7. 依赖注入 8. 图表 9. 后台处理 10. 事件总线 11. 响应式编程 12. Log框架 13. 测试框架 Android自带很多测试工具:JUnit,Monkeyrunner,UiAutomator ...
分类:
移动开发 时间:
2017-07-25 19:57:07
阅读次数:
264
方法一:直接使用tensorflow提供的函数image = tf.gfile.FastGFile('PATH')来读取一副图片: 我用的是基于Ubuntu16.04操作系统下的Jupyter来编写的程序,CPU版本(记得加% matplotlib inline就能显示出图像了) 实验的结果如下所示 ...
分类:
其他好文 时间:
2017-07-24 22:29:12
阅读次数:
196
<html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> 这是css代码,具体结构视情况而定 然后是body布局 图片引入多少看自己 然后引入jquery-1.8.3.js,(这里其他js文件可不可以我没试过) 最后 ...
分类:
Web程序 时间:
2017-07-21 23:28:22
阅读次数:
433
图片懒加载, 思路:当鼠标滑动到对应图片的高度时,进行图片的加载; 当有类似于瀑布流的布局时常用的 加载模式 ...
分类:
其他好文 时间:
2017-07-16 18:17:35
阅读次数:
143
懒加载(延迟加载):延迟加载图片或符合某些条件时才加载某些图片。 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。 两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力。 1.懒加载: 2.预加载 ...
分类:
其他好文 时间:
2017-07-14 13:15:38
阅读次数:
119