摘要: HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要。这 阅读全文
posted @ 2016-11-11 16:11 happiness木木 阅读(550) 评论(0) 推荐(0) 编辑
摘要: 有这样一段div布局 <div class="clearfix"> <p class="left c"> <span>456</span> </p> <p class="left cd"> <span style="float: left;">789</span> <span>vs</span> < 阅读全文
posted @ 2016-11-10 15:00 happiness木木 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 添加HTML内容与文本内容以前用的是innerHTML与innerText方法, 最近发现还有insertAdjacentHTML和 insertAdjacentText方法, 这两个方法更灵活,可以在指定的地方插入html内容和文本内容。 insertAdjacentText方法与 insertA 阅读全文
posted @ 2016-11-10 14:16 happiness木木 阅读(3553) 评论(0) 推荐(2) 编辑
摘要: 提高网页显示速度最有效的一个方法是减少页面的HTTP请求次数,为了减少HTTP请求次数,最直接有效的方法是使用精灵图片(CSS sprites),精灵图片是把许多图片放到一张大图片里面,通过CSS来显示图片的一部分。 在网站全部完成后,你的CSS和图片也都已经创建好了,这时候你再使用CSS精灵,也就 阅读全文
posted @ 2016-11-07 11:06 happiness木木 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 因为yslow暂时不支持 Firefox 36以上版本。建议您可以使用它的书签版。访问这里 http://yslow.org/mobile/把页面最后的那个 Desktop Bookmarklet Installation Instructions 里的 Yslow 按钮拖拽到火狐的书签工具栏即可。 阅读全文
posted @ 2016-11-04 18:48 happiness木木 阅读(1549) 评论(0) 推荐(0) 编辑
摘要: 一:发现问题 原有可能是网站内挂了一个百度的ua自动转向js,手机访问的话会被自动转到feiyujd.com,然后又被转到www点feiyujd点com,这样反复死循环.就形成了一直在刷新,网站一闪一闪打不开的现象. 如果大家以后自己网站有遇到这个问题可以参考下. 1,http://www.genb 阅读全文
posted @ 2016-11-02 17:53 happiness木木 阅读(10558) 评论(0) 推荐(0) 编辑
摘要: 一 //平台、设备和操作系统 var system = { win: false, mac: false, xll: false, ipad:false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; 阅读全文
posted @ 2016-11-02 16:00 happiness木木 阅读(626) 评论(0) 推荐(0) 编辑
摘要: 认识网页前小图标 1、能在浏览器标签、地址栏左边和收藏夹栏显示小图标的网站,其网站都是使用了其名称为“favicon.ico”图标文件,格式为ico格式,图标大小一般为16*16,32*32像素。这种图标是不仅可以是网站的缩略标志,也可以是展示网站个性的缩略logo标志,甚至也可以说是网站头像。如果 阅读全文
posted @ 2016-11-01 16:53 happiness木木 阅读(1317) 评论(0) 推荐(0) 编辑
摘要: 如果你是一名前端开发工程师,一般px和em使用频率比较高。但是今天的重点是介绍一些我们使用很少、甚至木有听说过的单位。 一、em <style type="text/css"> body {font-size: 12px;} div {font-size: 1.5em;} </style> <bod 阅读全文
posted @ 2016-10-21 10:58 happiness木木 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 如何有效布局网站 http://www.uisdc.com/content-heavy-website-designs 《Bootstrap》、《css3》、《EasyUI》、《JavaScript 语言参考》、《W3C HTML 5 中文手册》chm版 供自学h5免费下载学习 http://www 阅读全文
posted @ 2016-10-18 15:18 happiness木木 阅读(185) 评论(0) 推荐(0) 编辑