2018年3月17日
清除浮动
摘要： 为什么清除CSS浮动？ 因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。 解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 总结8种清除浮动的 阅读全文
posted @ 2018-03-17 12:18 spksth 阅读(125) 评论(0) 推荐(0) 编辑
何时使用 em 与 rem
摘要： 你可能已经很熟练使用这两个灵活的单位，但你可能不完全了解何时使用 rem ，何时使用 em。 本教程将帮你弄清楚! Em 和 rem都是灵活、 可扩展的单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem，它可以被浏览器翻译成 从16px到 160px 阅读全文
posted @ 2018-03-17 02:16 spksth 阅读(114) 评论(0) 推荐(0) 编辑
rem自适应布局（转）
摘要： 原文链接：http://caibaojian.com/web-app-rem.html rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of  阅读全文
posted @ 2018-03-17 01:57 spksth 阅读(1490) 评论(0) 推荐(0) 编辑
2018年3月16日
使用JavaScript判断手机处于横屏还是竖屏
摘要： 移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange，进行执行就可以了。 在ipad、iphone网页开发中，我们很可能需要判断是横屏或者竖屏。 阅读全文
posted @ 2018-03-16 23:19 spksth 阅读(148) 评论(0) 推荐(0) 编辑
html5 viewport适配移动屏幕
摘要： 随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的 阅读全文
posted @ 2018-03-16 22:53 spksth 阅读(125) 评论(0) 推荐(0) 编辑
2018年3月15日
:before :after伪类实现鼠标悬浮动画
摘要： 需要注意的是，使用伪类选择器：.class:hover:before； .class:hover:after ； 而不是 .class:before:hover .class:after:hover 这样的选择器是无效的。（过渡动画需要对浏览器进行兼容性适配的，这里仅仅是为了演示。） 实现效果： 阅读全文
posted @ 2018-03-15 01:44 spksth 阅读(202) 评论(0) 推荐(0) 编辑
http-equiv精确地显示网页内容
摘要： http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 引用 meat标签的http-equiv属性语法格式是：＜meta http-equiv=" 阅读全文
posted @ 2018-03-15 01:22 spksth 阅读(141) 评论(0) 推荐(0) 编辑
2018年3月14日
一次完整的HTTP事务是怎样一个过程？
摘要： 当我们在浏览器的地址栏输入 www.linux178.com ，然后回车，回车这一瞬间到看到页面到底发生了什么呢？ 以下过程仅是个人理解： 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析ht 阅读全文
posted @ 2018-03-14 23:52 spksth 阅读(1568) 评论(0) 推荐(1) 编辑
JS事件冒泡和事件捕获
摘要： 他们是描述事件触发时序问题的术语。事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true,事件捕获；false,事件冒泡。默认false,即事件冒泡。Jquery的e 阅读全文
posted @ 2018-03-14 23:13 spksth 阅读(496) 评论(0) 推荐(0) 编辑
2018年3月11日
应该避免的前端实践
摘要： 这几天在产品的某个模块上上添加新功能，该模块之前是由其他同事维护。也就是说，需要在同事原有代码的基础上进行修改。过程中遇到了一些坑，主要是由一些不合理的代码实践导致的。 这里抛开大的设计话题，仅挑出其中一些自己认为不是很合理的代码细节。原因很简单：当我们在审视别人代码的时候，总会看到这样那样的不合理 阅读全文
posted @ 2018-03-11 23:10 spksth 阅读(232) 评论(0) 推荐(0) 编辑