html、js、css渲染顺序
浏览器通过http或者本地文件收到http响应数据报文后，根据主体中content-type字段值，判断是否为html文档。为html文档时，新建渲染进程，网络进程和渲染进程通过管道通信共享数据。渲染进程一边从管道获取数据一边进行解析(HtmlParse)。 如果此时遇到外部资源，会再次启动网络接口（http）获取外部资源，对于相应的外部...
浏览器通过http或者本地文件收到http响应数据报文后，根据主体中content-type字段值，判断是否为html文档。为html文档时，新建渲染进程，网络进程和渲染进程通过管道通信共享数据。渲染进程一边从管道获取数据一边进行解析(HtmlParse)。 如果此时遇到外部资源，会再次启动网络接口（http）获取外部资源，对于相应的外部...
1.CSS3有哪些新属性，举例 边框属性：border-radius、box-shadow 背景属性：background-size、background-origin 2D、3D转换：transform 动画属性：animation 2.nth-child和:nth-of-type的区别 ele:nth-of-type(n)是指父元素下第n个ele元素， ele:nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择...
最近我在制作一款主题的时候，在自适应css设计中，为了调整图片大小，又不愿意改变图片比例的情况下，用到了CSS剪裁功能。 说实话，这个功能在国内运用的比较少。CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中，且使用上基本上没有类似...
历史悠久的超文本传输协议，即HTTP标准。HTTP/2在2015年5月被批准，目前浏览器已经支持HTTP/2。 HTTP/2构建在Google SPDY协议基础之上。NGINX是最早支持SPDY的，也同样率先支持了HTTP/2。NGINX还发布了详尽的白皮书（PDF），介绍了HTTP/2以及它如何基于SPDY构建，并展示了如何实现这个新协议。 SPDY是HTTP/2的上一代，总...
1.什么是盒子模型? 在网页中，一个元素所占空间类似于一个盒子，包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。4个部分一起构成了元素的盒模型。 box-sizing 属性控制盒模型的尺寸。默认情况下，box-sizing的值为content-box。代表一个盒子的整体宽高由设置的wid...
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。 通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构进行操作。 1. js怎样添加、移除、移动、复制、创建和查找节点? 1)创建新节...
分享经常用到的公用css，让网页兼容各大浏览器，这样每写一个网页直接引用就可以了，这样省事的代码，还有神马理由不收藏呢? /*———-通用———-*/ ul,ol,li,p,h1,h2,h3,h4,h5,form,table,td,img,div,a,dl,dt,dd{margin:0;padding:0;border:0;} body,select,input{padding:0;margin:0;text-align:left;font-size:12px;...
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {fo...
我们在浏览网页的时候，浏览器需要把网页上的内容，包括网页HTML，CSS，JS，FLASH和图片等下载到本地，然后把它们显示出来。如果网页上的内容是固定的，下载速度也不是你我能控制的，但下载的大小则是可以控制的，只需要你再传送的过程中先把内容压缩优化一下即可。 对于一般的HTML，CSS和JS文件，GZIP的压缩比率达50%到...
在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框，一般会在火狐和IE浏览器下出现虚线框，谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标，而用键盘Tab键进行页面浏览时，会标示出当前所在的链接或控件的位置，便于浏览。这对那些视觉有障碍的人...