摘要: 如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少<meta>元素。对于网页而言,<meta>元素是必不可少的。我们在创建一个html5文档时,就会发现类似于<meta charset="UTF-8">这样的标签,来规定 阅读全文
posted @ 2017-03-16 14:22 千城。 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 在前端开发中,调试技术是必不可少的技能,本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native方法hook 远程映射本地调试 Weinre 在移动上面开发调试是很复杂的,所以就有了weinre。安装weinre可以实现pc来调试手机页面,所以对 阅读全文
posted @ 2016-05-18 09:09 千城。 阅读(1032) 评论(0) 推荐(1) 编辑
摘要: 规则1——减少HTTP请求 只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面。剩下80%到90%的 时间花在为HTML文档所引用的所有组件(图片,脚本,flash,样式表等)进行的HTTP请求上。因此改善响应的最简单途径就是减少组件数量,由此减少HTTP请求的数量。 图片地图 使用 阅读全文
posted @ 2016-05-03 16:28 千城。 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 1.关于减少http请求数 关于减少http请求数,是前端开发性能优化的一个非常重要方面,所以在基本所有的优化原则里,都有这一条原则:减少http请求数. 先不考虑其他的,我们先考虑为什么减少http请求可以优化性能. 减少http请求有这样几个优点: (1) 减少DNS请求所耗费的时间. 且不说对 阅读全文
posted @ 2016-03-04 15:14 千城。 阅读(3675) 评论(0) 推荐(0) 编辑
摘要: 触发回流: 1.调整窗口大小(Resizing the windown); 2.改变字体(changing the font); 3.增加或移除样式表(adding or removing a stylesheet); 4.内容变化,比如用户在input输入框中输入文字(content change 阅读全文
posted @ 2016-03-04 15:01 千城。 阅读(1135) 评论(0) 推荐(0) 编辑
摘要: 1.浏览器把获取到的HTML代码解析成一棵DOM树,HTML中的每个标签(tag)都是DOM树中的一个节点,根节点就是我们常用的document对象。DOM树里包含了HTML所有标签,包括display:none隐藏,还有用JS动态添加的元素等; 2.浏览器把所有样式(用户定义的css和用户代理)解 阅读全文
posted @ 2016-03-04 14:58 千城。 阅读(1985) 评论(0) 推荐(0) 编辑
摘要: HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息,包括浏览器 端,中间缓存服务器端(如:squid等),Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。 HTTP协议中关于缓存的信息头关键字 阅读全文
posted @ 2016-01-26 18:00 千城。 阅读(430) 评论(0) 推荐(0) 编辑
摘要: 中国电信、网通、联通ADSL用户必读:中国电信、网通、联通劫持dns(中国电信、网通、联通劫持ie浏览器)解决方案D... 宽带连接有 也能上网但是本地连接一直显示为受限制的解决方法我的电脑一直显示本地连接受限制或无连接而宽带连接能连上,这是为什么?任务栏里的本地连接的双电脑小图标有一个时候显示连接 阅读全文
posted @ 2016-01-26 17:59 千城。 阅读(6703) 评论(0) 推荐(0) 编辑
摘要: 定位和页面设计: 无论是PC端还是移动端,网站 都要考虑清楚消费群体的定位问题。虽然智能手机用户数量非常普及,但是要明白中国的大部分手机用户使用的还是2G网络,一直高 喊的3G、4G手机用户只有大约15%左右。所以,在页面设计时,要考虑到用户打开网页的时长,一些炫丽的flash、JS等建议还是不用为 阅读全文
posted @ 2016-01-26 10:09 千城。 阅读(731) 评论(0) 推荐(0) 编辑
摘要: lazyload.js是jQuery的一个插件,可以用来实现图片异步加载. lazyload插件如何添加参数: $("img").lazyload({ //参数添加到此位置,建议一行一个,用英文,作间隔 }); 下面对lazyload.js的一些参数进行说明,供使用者做出更贴切的效果。 1,用图片提 阅读全文
posted @ 2016-01-08 15:35 千城。 阅读(477) 评论(0) 推荐(0) 编辑