HTML
Topepy
不积跬步,无以至千里; 不积小流,无以成江海
展开
-
减少HTTP请求之合并图片详解(大型网站优化技术)
一、相关知识讲解 看过雅虎的前端优化35条建议,都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。 减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时转载 2016-01-20 22:43:50 · 772 阅读 · 0 评论 -
前端开发的45个经典技巧
1、首次给变量赋值是切记使用var关键字(闲谈:清楚的记得有次去面试前端,一个项目经理同时面我和另外一个人,面试官开始就是要我们俩手写一个数组去重函数,哗哗的一下写完交了,面试官看来下之后直接给了一旁的竞争对手,叫她给我指出我代码的错误,才知道刚才忘记写var声明变量,瞬间脸红走了)=。=~~回归正题:变量没有声明直接赋值的话,默认会作为一个全局变量(一切无主的都是window的),要尽量避免原创 2016-04-01 17:52:45 · 6796 阅读 · 1 评论 -
Cookie与Session的区别
本文分别对Cookie与Session做一个介绍和总结,并分别对两个知识点进行对比分析,让大家对Cookie和Session有一个更深入的了解,并对自己的开发工作中灵活运用带来启示。一、Cookie机制 Cookies是服务器在本地机器上存储的小段文本并随每一个请求发送至同一个服务器。IETF RFC 2965 HTTP StateManagement Me原创 2016-04-18 15:29:46 · 4365 阅读 · 1 评论 -
HTML5新特性之离线缓存技术
一、离线缓存的起因:HTML5之前的网页,都是无连接,必须联网才能访问,这其实也是web的特色,这其实对于PC是时代问题并不大,但到了移动互联网时代,设备终端位置不再固定,依赖无线信号,网络的可靠性变得降低,比如坐在火车上,过了一个隧道(15分钟),便无法访问网站,这对于web的伤害很大。而离线web应用允许我们在脱机时与网站进行交互。二、什么是离线Web应程序?为什么要开发离原创 2016-04-12 16:34:32 · 22132 阅读 · 6 评论 -
HTML5新特性之WebSocket
一、WebSocket简介: 谈到Web实时推送,就不得不说WebSocket。在WebSocket出现之前,很多网站为了实现实时推送技术,通常采用的方案是轮询(Polling)和Comet技术,Comet又可细分为两种实现方式,一种是长轮询机制,一种称为流技术,这两种方式实际上是对轮询技术的改进,这些方案带来很明显的缺点,需要由浏览器对服务器发出HTTP request,大量原创 2016-04-15 15:35:39 · 7851 阅读 · 1 评论 -
HTML5新特性之工作线程Web Worker
一、Web Worker的起因:众所周知,在HTML5推出之前的 JavaScript 的运行都是以单线程的方式工作的,虽然有多种方式实现了对多线程的模拟(例如:JavaScript 中的 setinterval 方法,setTimeout 方法等),但是在本质上程序的运行仍然是由 JavaScript 引擎以单线程调度的方式进行的。单线程的不足就是效率低下。HTML5 中引入工作线程原创 2016-04-13 17:11:44 · 766 阅读 · 0 评论 -
前端优化建议
原文来自YAHOO!前端团队,网址请点击1、尽量减少HTTP请求数分类:内容80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢?嗯,确实有鱼和翻译 2016-03-18 16:43:09 · 2076 阅读 · 0 评论 -
String与JSON的转换和Array转String
1、String转JSON:(1)方法一:json.parse()函数; 注意:json字符串的格式一定要标准,key和value一定要用双引号包括,否则会出线解析异常! 例如:var use = {"name":"god"};var used = JSON.parse(use);(2)方法二:eval()函数处理: 注意:①格式为:var data=eva原创 2016-01-27 12:25:02 · 3950 阅读 · 0 评论 -
Meta 标签与搜索引擎优化
当谈及到标签对搜索引擎排名的影响,很多人都存在误解。在过去,许多已经失去作用的标签仍然被频繁使用。所以哪些标签对搜索引擎优化(SEO)有作用,哪些没有呢?什么是Meta标签Meta标签给搜索引擎提供了许多关于网页的信息。这些信息都是隐含信息,意味着对于网页自身的访问者是不可见的。你可以在网页的 元素中发现标签。在过去,有人曾经问我它是否可转载 2016-01-19 21:34:07 · 1052 阅读 · 0 评论 -
js页面跳转的实现
一、总结可以实现页面跳转和刷新的方法:1、使用超链接,如:2、表单提交,如3、js实现,如1.window.location.href方式 window.location.href="url"; 2.window.navigate方式跳转 window.navigate("url");3原创 2016-01-13 22:43:29 · 748 阅读 · 0 评论 -
iframe使用利弊以及部分解决方案
1、iframe的优点:①、页面重载是无需重载整个页面,秩序重载iframe中的数据.(减少了请求的数据量)②、易于使用,如导航栏、广告的使用。2、iframe的劣势:①、搜索引擎"蜘蛛"无法读取,影响搜索结果的排列名次。②、链接导航问题:无法后退,只能离开。③、增加HTTP请求(注意:页面的请求次数比请求的数据量相比,前者耗时大得多);④、阻塞主页面的onload事件原创 2016-01-12 11:36:18 · 4676 阅读 · 0 评论 -
淘宝双飞翼布局,两边固定中间自适应布局。中间内容先显示。
1、淘宝双飞翼的优点: ①、重要的内容先加载; ②、兼容目前所有的主流浏览器,包括IE6。 ③、方便整体样式修改,不同的布局框,可以通过调整.col-sub、.col-extra、.col-main、.col-main .main-wrap的相关CSS属性即可实现。2、实现:淘宝的页面布局中,最经典的应该是它的 【子列】 【主列】 【附加列】这三个概念转载 2016-01-25 11:55:09 · 1808 阅读 · 0 评论 -
URL、URI和URN三者之间的区别
一、名词含义URI = Universal Resource Identifier 统一资源标志符URL = Universal Resource Locator 统一资源定位符URN = Universal Resource Name 统一资源名称二、区别URI分为三种,URL or URN or (URL and URI)换言之,URL和URN都是URI,但是URI转载 2017-09-18 09:00:51 · 1224 阅读 · 0 评论