https是当下的网站的主流趋势,甚至像苹果这样的大公司,则完全要求用户必须使用https地址。 然而对于以前http链接来说,我们往往就存在一个兼容性问题,因为你不可能一下就全部切换过去,应该在很长一段时间内,https与http将共存。 https与http共存的场景有如: 1. app已经发布 ...
分类:
Web程序 时间:
2017-08-27 12:51:04
阅读次数:
365
1.js放在head中会立即执行,阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。 正常的网页加载流程是这样的。 如果外部脚本加载时间很长(比如一直无法完成下载),就会造成网页长时间失去响应,浏览器就会呈现“假死”状态,这被称为“阻塞效应”。h ...
分类:
Web程序 时间:
2017-08-26 18:38:05
阅读次数:
161
( 网页加载时,有时内容过多,一直加载等待,而此时网页显示白色不显示任何的东西,给用户的体验相当不好,所以,一般会在网页加载成功前,会以进度条的形式,给用户进行展示。让用户可以看到动画,知道网页正在加载中) 常见的方式有以下: 1. 定时器的进度条(假的) <script type="text/ja ...
分类:
Web程序 时间:
2017-08-17 00:54:21
阅读次数:
359
1、DOM是文档对象模型(Document Object Model)的简称。 当网页加载时,可以将结构化文档在内存中转换成对象树。 简单的说,DOM并不是一种技术,而是一种访问结构化文档的思想。借助DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。 2、DOM模型中的节 ...
分类:
编程语言 时间:
2017-08-10 16:58:35
阅读次数:
129
今天趁着下班的时间看了下chrome浏览器的网页加载时间分析工具和相关文档,简单写点儿东西记录一下。 以百度首页加载为例,分析下一张图片1.jgp(就是背景图)的加载时间 看右侧的Timing标签,从下往上看各个阶段: 最下面一行,Explanation是一个链接,它链接到了chrome对Timin ...
分类:
Web程序 时间:
2017-08-07 22:01:30
阅读次数:
660
一、最简单或者明显的方式是使用定时器 1、在网页中加入布局覆盖真实网页内容 2、使用定时器确定加载所用时间的长短,其实并不是真正的加载进度实现 二、在第一版中做改良 1、理论上还是使用定时器 2、覆盖的内容不在布局中定义而是动态加载 三、通过加载状态实现进度条 四、使用css创建进度条动画 1、我们 ...
分类:
Web程序 时间:
2017-08-04 00:31:52
阅读次数:
365
一、效果展示 WKWebProgressViewDemo.gif 二、主要步骤 1.添加UIProgressView属性 @property (nonatomic, strong) WKWebView *wkWebView; @property (nonatomic, strong) UIProgr ...
分类:
移动开发 时间:
2017-08-01 09:17:37
阅读次数:
261
Adobe Fireworks CS6是一款集网页图片设计、制作与编辑为一体的专业软件,它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片,还可以轻松实现大图切割,让网页加载的图片显示速度变得更快,也可为用户在瞬间制作出精美的矢量和点阵图、模型、3D 图形和交互式内容提供平台,软件最 ...
分类:
Web程序 时间:
2017-07-30 12:50:22
阅读次数:
232
window.onload=message(); 这种写法在程序运行到这句时,先执行message()函数,然后将message的返回值赋给window.onload。 window.onload=message; 这种写法是在网页加载完成后,调用message()方法。 建议使用window.on ...
分类:
其他好文 时间:
2017-07-27 18:17:24
阅读次数:
126
从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进行着,如果能减少服务器请求,总的时间将会减少。 之前我下载163邮箱的登陆页面的图片时发现,它们的只用到了一个图片来完成整个页面的所有图片,当时我就纳闷了,这跟平时做的网站不一样呀。然来这样做减少浏览器的请求次数,用htt... ...
分类:
Web程序 时间:
2017-07-06 15:16:38
阅读次数:
263