怎么自己做充值网站,wordpress $wp_rewrite,简单的个人网页制作,wordpress 增加导航栏先上图#xff0c;我们再慢慢解释#xff0c;这图就是浏览器加载网页的一个过程 当我们在浏览器输入一个地址#xff08;比如:http://toadw.cn#xff09;,那么点击回车后#xff0c;浏览器是如何加载网页的呢#xff1f; 加载过程 一开始浏览器是不知道你输入的http://t… 先上图我们再慢慢解释这图就是浏览器加载网页的一个过程 当我们在浏览器输入一个地址比如:http://toadw.cn,那么点击回车后浏览器是如何加载网页的呢 加载过程 一开始浏览器是不知道你输入的http://toadw.cn这个东西是什么的也不知道要去哪里给你找这个网页他需要向DNS服务发出解析请求 大致的步骤如下 浏览器发送toadw.cn寻址请求给DNS服务DNS返回数据告诉浏览器toadw.cn的服务器地址是255.255.255.255本地电脑缓存DNS数据并发送请求给255.255.255.255这个服务器然后浏览器和服务器根据HTTP协议进行通讯网页渲染 浏览器拿到HTML代码之后它是如何显示给大家看的呢其实所谓的渲染就是讲HTML代码根据CSS定义的规则显示在浏览器窗口中的这个过程 首先浏览器先把这个HTML文档先转化为DOM树然后根据这个DOM树进行渲染转化为可视的东西在渲染的时候浏览器从上到下依次渲染DOM树当发现有外链资源或脚本link、img、script的时候会异步发起请求加载同时DOM树的解析继续。一般我们都会把style都放在head里面那么这样浏览器就先拿到了css样式文件他就知道如何讲每个元素绘出来放在哪个位置。如果遇到图片img浏览器不会等图片加载完再去加载而是继续加载这样就会出现个问题当图片加载完时在页面插入图片会影响页面的结果浏览器就又要重新排布这样浏览器又要花费时间跟经历去排布所有如果图片是固定的尺寸我们在写CSS的时候就应该给他加上宽高浏览器就会预留一个位置给图片这样就避免了重新排布 回流重排reflow 上文中将到的重新排布就是回流网页加载慢有一部分原因就是回流因为浏览器要耗更多的时间去重新排布渲染但回流也是不可避免的因为网页中的一些效果如鼠标滑过、点击效果等引起了页面上某些元素的占位面积、定位方式、边距包括浏览器的伸缩等的变化都会发生回流。但也有些事可以避免的例如上文中说的给图片定死宽高。 重绘repaint 有个和 reflow 看上去差不多的术语repaint中文叫重绘。如果只是改变某个元素的背景色、文字颜色、边框颜色等等不影响它周围或内部布局的属性将只会引起浏览器 repaint。repaint 的速度明显快于reflow $(img).css(width,200px)//重排
$(body).css(backgroud,#fff)//重绘 window.onload()与$(document).ready()的区别 理解了浏览器是如何渲染页面之后我们再来比较这两者就很好理解了 执行的时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行不必等到加载完毕。可编写个数不停 window.onload不能同时编写多个如果有多个window.onload方法只会执行一个
$(document).ready()可以同时编写多个并且都可以得到执行 简化缩写 window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});也可写成$().ready()$().load()和window.onload()的区别 这里又会联想到 $().load()和window.onload()有没有区别查看jq文档load()事件的定义是 当指定的元素及子元素已加载时会发生 load() 事件。且$(window).load 方法是 $(window).on(load,handler) 的shortcut 所以$(window).load()和window.onload()是没区别的唯一的小区别就是$(window).load()可以写很多个。 最后来个小练习 如何用原生的JS实现$(doucment).ready()?