0、目录结构 1、看完上一章,一定会发现 路由消失了,这章看一下ionic的初始化项目的源码。 上述 app.js 中的红色部分是配置 侧边栏。红色部分中的黑色部分要和app.html中的红色部分的黑色部分对应上,这样才能告诉浏览器渲染的子页面 在 ion-nav(绿色部分)中显示。 之后再来解析一 ...
分类:
其他好文 时间:
2016-06-06 00:50:54
阅读次数:
212
前言: 要实现网站的大提速,必须在各个环节进行精确的设置和安排。网站一旦打开速度变慢,往常,站长们第一时间肯定会认为“服务器慢”,其实看完本章后,你会发现或许结果并不完全是这样。影响网站速度的因素千差万别,服务器仅是其中一小部分因素而已。 有一种常见的情况,同样的服务器,网站与网站之间的打开速度也千 ...
分类:
其他好文 时间:
2016-05-24 18:43:46
阅读次数:
168
<meta http-equiv="X-UA-Compatible" content="IE=7" />以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=8" / ...
分类:
其他好文 时间:
2016-05-24 18:43:14
阅读次数:
111
为了理解2个事件的异同,先了解一下HTML文档加载顺序 HTML DOM文档加载步骤 HTML DOM文档加载是按顺序执行的,这与浏览器的渲染方式有关,一般浏览器渲染操作的顺序大致按如下几个步骤 1, 解析HTML结构 2,加载外部脚本和样式表文件 3,解析并执行脚本代码 4,构造HTML DOM模 ...
分类:
编程语言 时间:
2016-05-22 15:21:12
阅读次数:
188
现在手机的占比越来越高,各种酷炫页面层出不穷,这些特效都离不开css动画。说到css动画,主流的情况也就无非这两大类:位移和形变。而我们在写一个动画特效的过程中,如何去提升它的性能呢?当然首先我们需要去了解一下基本的概念,比如浏览器渲染的工作原理等,这些我也在读了几位大牛写的相关文章后才有了一定的了 ...
分类:
Web程序 时间:
2016-04-20 11:38:38
阅读次数:
233
javascript的加载方式,总得来说是在页面上使用script来声明,以及动态的加载这些方式,而动态的加载,在很多js库中都能够很好的去处 理,从而不至于阻塞其他资源的加载,并与其并行加载下来。这样的动态异步的加载方式罗列起来有:Ajax的方式、DOM Element Insert、Iframe ...
分类:
编程语言 时间:
2016-04-02 17:32:16
阅读次数:
141
前言 写得比我的文字好,有逻辑! 浏览器的渲染过程 1,浏览器解析html源码,然后创建一个 DOM树。在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement,对应的是html标签。2,浏览器解析CSS代码,
分类:
其他好文 时间:
2016-03-02 21:51:37
阅读次数:
131
一、浏览器加载和渲染html的顺序 1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会
分类:
其他好文 时间:
2016-02-26 20:28:56
阅读次数:
581
在前端中,我们需要对浏览器的渲染操作做一个了解,不然的话,我们可能在做前端开发过程中会找不出错误的原因,因此 能够了解浏览器的渲染操作的顺序有助于我们对问题的排除。 页面加载网页-浏览器渲染操作的顺序 1、解析HTML结构 2、加载外部脚本和样式表文件 3、解析并执行脚本代码 4、构造HTML DO
分类:
Web程序 时间:
2016-01-29 15:39:03
阅读次数:
148
Google Web Fundamentals是一个非常优秀的文档,里面讲到了跟web、浏览器、前端的方方面面。我总结一下其中的 Ilya Grigorik 写的Critical rendering path浏览器渲染机制部分的内容如下:几个概念1、DOM:Document Object Model...
分类:
其他好文 时间:
2016-01-22 21:51:38
阅读次数:
239