文章分类 -  前端

gulp详细入门教程
摘要：文章来自http://www.ydcss.com/archives/18#lesson1 阅读全文
posted @ 2017-04-07 12:24 花儿香 阅读(83) 评论(0) 推荐(0)
图片懒加载
摘要：jqery图片懒加载 js图片懒加载 图片的动态加载就是通过读取li元素，然后获得li元素的data-src属性的值赋予动态创建的图片的src，从而实现了图片的创建。 那么怎么识别是否在可视区域呢？这里需要一个函数，能够实现获得当前元素距离网页顶部的距离！ 当网页的滚动条滚动时要时时判断当前li的位 阅读全文
posted @ 2017-03-28 20:08 花儿香 阅读(85) 评论(0) 推荐(0)
详说 Cookie, LocalStorage 与 SessionStorage
摘要：来自于https://segmentfault.com/a/1190000002723469 阅读全文
posted @ 2017-03-28 18:11 花儿香 阅读(93) 评论(0) 推荐(0)
让iframe自适应高度 兼容多种浏览器随着窗口大小改变
摘要：首先设置样式 body{margin:0; padding:0;} 如果不设置body的margin和padding为0的话，页面上下左右会出现空白。 <iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" onload=" 阅读全文
posted @ 2017-03-28 18:01 花儿香 阅读(158) 评论(0) 推荐(0)
cookie、 sessionStorage 、localStorage之间的区别和使用
摘要：1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3s 阅读全文
posted @ 2017-03-13 20:02 花儿香 阅读(93) 评论(0) 推荐(0)
各种浏览器的内核是什么
摘要：一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、G 阅读全文
posted @ 2017-03-13 19:01 花儿香 阅读(96) 评论(0) 推荐(0)
一次完整的HTTP事务是怎样一个过程？
摘要：当我们在浏览器的地址栏输入 www.linux178.com ，然后回车，回车这一瞬间到看到页面到底发生了什么呢？ 以下过程仅是个人理解： 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析ht 阅读全文
posted @ 2017-03-13 16:59 花儿香 阅读(219) 评论(0) 推荐(0)
如何有效减少网页加载时间？20个提高网站访问速度的方法
摘要：1、减少页面HTTP请求数量 比较直接的理解就是要减少调用其他页面、文件的数量。 A.我们在使用css格式控制的时候，经常会采用background载入很多图形文件，每个background的图像至少产生1次HTTP请求，一般我们为了让页面生动活泼会大量使用background来加载背景图，要改善这 阅读全文
posted @ 2017-03-13 12:49 花儿香 阅读(202) 评论(0) 推荐(0)
前端性能优化----yahoo前端性能团队总结的35条黄金定律。
摘要：除了自己总结：1. 减少http请求，2.压缩并优化js/css/image 3.尽量静态页面，从简原则 4.代码规范(详见：个人知识体系思维导图) 从yahoo 新学到的： 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascri 阅读全文
posted @ 2017-03-13 12:48 花儿香 阅读(108) 评论(0) 推荐(0)
常见的浏览器兼容性问题及解决方法？
摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前 阅读全文
posted @ 2017-03-13 12:46 花儿香 阅读(242) 评论(0) 推荐(0)
单页面应用！
摘要：https://segmentfault.com/a/1190000000607661 阅读全文
posted @ 2017-03-13 12:43 花儿香 阅读(104) 评论(0) 推荐(0)