云速建站,为什么程序员都喜欢用Chrome浏览器?
在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。
在Chrome出来的时候,我就喜欢上它的简洁、快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现在的FireFox4也比之前的FireFox3有很大的进步)。不过当时由于Chrome的开发者工具还不是很完善,而我又不是很熟悉,加之对于Firebug的好感和依赖,当时还是用回FireFox作为我的主浏览器。
后来由于开发Chrome的插件(现在的FaWave),就一直使用Google Chrom作为我的主浏览器,渐渐熟悉Chrome的开发者工具,而Chrome也一直在快速迭代,快速进步中,到现在,Chrome已经绝对成为我的主浏览器,Chrome的开发者工具,我也认为比Firebug更好用。
得益于Google V8的快速,和对HTML5和CSS3的支持也算比较完善,html类的富客户端应用Chrome上无论是流畅性还是呈现的效果,都是比较出色的,这对于开发者,特别是对于那些喜欢研究前沿技术的前端开发者来说,是很重要的。
对于本文,作为一个Web开发人员,除了上面的原因以外,与我们开发相关的,就是Chrome的开发者工具。而本文,就是要详细说说Chrome的开发者工具,说说我为什么认为它比Firebug要好用。
怎样打开Chrome的开发者工具?
你可以直接在页面上点击右键,然后选择审查元素:
或者在Chrome的工具中找到:
或者,你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。
打开的开发者工具就长下面的样子:
不过我一般习惯与点左下角的那个按钮,将开发者工具弹出作为一个独立的窗口:
下面来分别说下每个Tab的作用。
Elements标签页这个就是查看、编辑页面上的元素,包括HTML和CSS:
左侧就是对页面HTML结构的查看与编辑,你可以直接在某个元素上双击修改元素的属性,或者你点右键选"Edit as Html"直接对元素的HTML进行编辑,或者删除某个元素,所有的修改都会即时在页面上得到呈现。(注:看到上面右键菜单的最后一个选项"审查元素"了么?这是不是说明这个开发者工具的页面也是HTML来的呢?你点一下就知道了哦,嘿嘿)你还可以对某个元素进行监听,在JS对元素的属性或者HTML进行修改的时候,直接触发断点,跳转到对改元素进行修改的JS代码处:
Elements标签页的右侧可以对元素的CSS进行查看与编辑修改:你还可以通过这里看到各CSS选择器设置的CSS值的覆盖情况。下面的Metrics可以看到元素占的空间情况(宽、高、Padding、Margin神马的):
注意到上面的Properties没有?这个很有用哦,可以让你看到元素具有的方法与属性,比查API手册要方便得多哦(要注意某些方法和属性在IE、FireFox等其他浏览器下面的支持情况哦)。
Resources标签页Resources标签页可以查看到请求的资源情况,包括CSS、JS、图片等的内容,同时还可以查看到存储相关的如Cookies、HTML5的Database和LocalStore等,你可以对存储的内容编辑和删除。这里的CSS文件有一个好玩的特性,你可以直接修改CSS文件,并且修改即时生效哦:
Network标签页Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用,特别是在查看Ajax类请求的时候,非常有帮助。注意是在你打开Chrome开发者工具后发起的请求,才会在这里显示的哦。点击左侧某一个具体去请求URL,可以看到该请求的详细HTTP请求情况:
我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息,对于开发、调试,都是很有用的。
Scripts标签页很明显,这个标签页就是查看JS文件、调试JS代码的,直接看下图的说明:
还有你可以打开Javascript控制台,做一些其他的查看或者修改:
你甚至还可以为某一XHR请求或者某一事件设置断点:
Timeline标签页注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看),这个Timeline指的JS执行时间、页面元素渲染时间:
点击底部的Record就可以开始录制页面上执行的内容。(这个不熟悉,请参考文末链接)
Profiles标签页这个主要是做性能优化的,包括查看CPU执行时间与内存占用:
这个也不熟悉,不多说,还是请参考文末链接吧。
Audits标签页这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow):
点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了:
它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦:
Console标签页就是Javascript控制台了:
这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外,还可以当作Javascript API查看用。例如我想查看console都有哪些方法和属性,我可以直接在Console中输入"console"并执行:
怎么样,一目了然了吧 ?再例如我想查看日期函数都有哪些方法:
(注:注意在这里看到的某些方法和属性是ES5新增的,记得兼容其他浏览器的支持情况哦)
结语
Google Chrome除了简洁、快速,现在的Chrome的插件也非常的丰富了。而对于web开发者来说,Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的,而且Chrome的开发者工具我个人认为真的非常好用,这就是为什么我向web开发者推荐使用Chrome的原因。
对网站有什么影响?
《CDN有一个通用的中文姓名--网络内容共享加速系统》
“CDN”虽然专业了点,但是这个CDN无一为了网民们奉献着贴心的服务。“CDN”的全称是贡英文"Content Delivery Network"的首字母缩写,中文直译应该最为妥贴的说法当然应该是"内容分发网络"。但是这样的叫法其实并不能反应出CDN的功能!如果用中文在大白话一样表达,那还是叫做"网络内容共享加速系统”比较好。
一、CDN的网张力内容加速基本原理;
CDN系统有至少有两种作用,一种是为客户的上网用户提高网络浏览的上网快捷性体验。另一种作用则可以为服务器一侧分担访问压力。
图:我们最初上网的网络信息流经路途
在无CDN的情况下,ABC三个人都访问服务器的内容,都必须自行独立重复前往服务器下载。
CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
图:使用CDN的情况后,ABC可以共享一次远程内容的下载,而不需三次。
只要abc三人中有一个激发对图中对应的服务器内容访问,那么同在一个cdn旁边的人都可以直接从就近的cdn服务。
虽然CDN的原理极为简单,但真实的实现却格外复杂。最著名的系统莫过于SQUID,然后还有nginx、haproxy等等。而在笔者使用中,还是apache Trafficserver效率最高!
二、CDN的效果与实现方法;CDN算是网络世界的一项核心技术。在网络世界,如果没有CDN技术来为我们提供服务,估计我们的"互联网+"也没那么好的体验,当然也不会就那么多小姑娘与女士"追剧"了的,当然也不会有那么多人开始他们的互联网创业!也许我们可以稍作夸疑惑一点地说:“CDN技术推动着中国互联网”成就了中国最大的铁路12306中国高铁售票网.......当然隐藏着的CDN技术也成就了很多游戏,坏了很多孩子的眼睛!
图:业界多样化的CDN方案
CDN的当初基本思想很简单,无非把给一些人用过网络内容也发送给有同样需求的人。
而CDN的核心思想其实也是一种分布式服务的编程思想的体现,而其中还有“人人为我,我为人人”的哲学思想。想当初,12306网上售票系统第一年上网时,动辄宕机,其中的原因,大中国的人多,而后台服务器硬件系统能力太差,我们总不能不让人买票吧!
CDN技术实际上就是将一台服务器的工作任务分摊给批量的服务器去工作。
待续......
5G之后要不要换手机?
换5G手机是肯定的,对于普通人而言,5G手机是我们了解5G时代的窗口。
5G手机在功能上最直观的体现是超高的网络传输速度,在5G网络下,下载一部高清电影仅需几秒钟,闪速加载多人在线云游戏,将计算资源存储在云端,通过5G网络将高质量 的游戏画面传输到手机终端,打造更好的游戏体验。而且5G手机在AI,AR等方面有着广泛的应用,比如3D动态视频通话,可以清楚的看到朋友的音容笑貌,让视频通话更互动形象。
什么时候换5G手机?什么时候换5G手机,这对不同地区不同人是有不一样答案的。
目前5G手机应用状况:
大部分地区都没有覆盖5G信号
流量消耗极快,目前套餐价格相比4G套餐偏贵同等配置下,5G手机价格偏贵,耗电量更快所以,目前大部分地区是不需要换5G手机的,等到5G网络覆盖你的大部分生活范围,换5G手机最合适。
换什么5G手机?其实跟换4G手机是一样的选择模式,根据个人需求,在外观、soc配置、续航、屏幕、相机、价格等方面选择适合自己的就好。
总结等到5G网络覆盖你的生活范围,再换适合自己的5G手机。
欢迎点赞、评论留言一起交流。
如何使用速发淘客?
现在用的懒懒淘客工具, 有移动淘客APP,另外淘客相关的软件都有哦,发单助手,分销系统,商品库建站等都是有的 ,而且还要免费试用一段时间。
机房的辐射对我们有影响吗?
应邀回答本行业问题。
居民楼里的2楼是联通机房,机房的辐射不会对四楼有什么影响,对二楼也不会有什么影响。
机房进居民楼,其实也是运营商的无奈之举。早期的运营商的机房,都是在一些运营商自有的楼宇之中,或者是一些企事业单位内部。不过由于现在中国到处都在发展房地产,导致了很多企事业单位卖掉城区之中的地块,搬迁到更便宜的地方,这也导致了运营商的机房找不到合适的地方建设。
如果是全部依靠在城市里的灯杆塔,也很难完成对居民区的覆盖,目前的城市里建设的灯杆塔,基本都是在25米高度左右,而目前由于城市的建筑物越来越高,很多都要远高于这些灯杆塔,导致了运营商的信号阻挡严重,也不得不建设一批在居民区楼顶的天线,天线在楼顶,机房也就只能在楼内了。
其实现在很多的地方的居民,是即要求小区内有信号,有要求运营商不能再周边,小区内部建设基站,这个就无法实现了。
而且,以现在运营商的4G使用的频率而言,联通电信移动的城市主要覆盖的基站频率也都基于在1.8Ghz以上,联通主覆盖的是1.8Ghz的1650频点,电信主覆盖的是1.8Ghz的1825频点。1.8Ghz信号,正面穿透一堵居民楼之后,基本上信号就衰减的非常厉害了,使用体验就非常差了,对于很多居民小区来看,如果不再小区内部部署基站的话,除了临街的那栋楼还信号不错,里边的信号都会比较差。
运营商的机房也好,基站也好,辐射都是符合国家的标准的,都是要经过环评测试的,不会对人体产生什么危害。运营商在居民区之中的机房,主要安置的是一些基站的BBU部分,光端机等设备,本身功率很小,也没有什么辐射。
小区内部的机房建设,会有的不良影响主要其实是在两个方面,一个是在楼顶上安装天线或者是增高架,可能由于施工问题破坏防水,导致顶楼渗漏。另外一个就是机房内部的设备的噪音问题。
运营商基站的发射部分,主要是在楼顶的天线这块,不过就是天线部分的辐射,也是有国家相应的标准来限制的,运营商建设的基站投入使用都需要经过环评测试,而且就全球来看,中国对于辐射的标准要求也是高于欧美相关的标准的。
相比之下,如果小区内部没有基站的话,可能辐射反而会更大一些。手机和基站之间是需要数据交互的,如果某区域的缺少基站覆盖,手机就需要以更大的发射功率才能够和基站之间保持连通,而这样会导致手机的辐射增加。而手机距离人体更近,相比之下反而会辐射更高。
而且,现在即使是小区内部没有基站,各家个户也都有无线路由器,而通常的无线路由器的信号接收强度还要高于基站的信号的接受强度,如果真要较真的话,也就只能搬到人迹罕至的大森林去过一个原始社会的生活了。
总而言之,居民区内部的机房不会有什么辐射,而且现在居民区内部的基站,也是手机信号良好保证的必须。
以上个人浅见,欢迎批评指正。喜欢的可以关注我,谢谢!
认同我的看法的请点个赞再走,再次感谢!