摘要：
【译】Responsive Design常用的媒体查询 Web前端 dwqs 2015-04-27 10:58 3,100 人阅读 0评论 （PS:原文写于2012年，本文参照原文作了适当修改，不当之处请指出） 现在Web朝着响应式的趋势发展，媒体查询在创建响应式网站中起到了主要作用。 没有媒体查询 阅读全文
摘要：
Respond.js，低版本浏览器也能够支持媒体查询 在之前有篇文章也是介绍IE6,7,8支持媒体查询的（查看），Respond.js这个比css3-mediaqueries更为强大一些，它可以支持link标签的媒体查询，下面介绍它的使用方法和注意事项。 案例如下： html 1 2 3 4 5 6 阅读全文
摘要：
响应式布局设计一、布局不变1、布局不变，模块中内容挤压、拉缩（流式布局）2、布局不变，模块中内容换行平铺3、布局不变，模块中内容删除、增加。二、布局改变1、布局改变，模块位置改变。2、布局改变，模块展现方式改变。3、布局改变，模块数量改变。很多时候，单一方式的布局响应无法满足理想效果，需要结合多种组... 阅读全文
摘要：
Hack技术1、IE条件注释法，微软官方推荐的hack方式。只在IE下生效只在IE6下生效只在IE6以上版本生效只在IE7上不生效非IE浏览器生效2、常用的csshack代码样式属性前缀法.csshack{background:blue;background:blue\9;/*allie*/back... 阅读全文
摘要：
图片懒加载插件lazyload使用方法一、如何使用：LazyLoad依赖于jQuery。引入文件图片基本属性的设置最后使用：$(function(){$("img.lazy").lazyload();});二、基本选项：1、设置临界点默认情况下图片会出现在屏幕时加载.如果你想提前加载图片,可以设置t... 阅读全文
摘要：
我们现在在切页面布局的使用常用的单位是px，这是一个绝对单位，webapp的屏幕适配有很多中做法，例如：流式布局、限死宽度，还有就是通过响应式来做，但是这些方案都不是最佳的解决方法。1、流式布局：例如流式布局的解决方案有不少弊端，它虽然可以让各种屏幕都适配，但是显示的效果极其的不好，因为只有几个尺寸... 阅读全文
摘要：
问题：为什么在手机上打开一个PCweb页面，用手机打开一个宽度为980的固定布局页面，页面会默认缩放到刚好满屏显示，并不会出现横向滚动条？一：设备像素和CSS像素区别现代浏览器中实现缩放的方式无怪乎都是「拉伸」像素。所以，元素的宽度并没有从128个像素被修改为256个像素；相反是实际像素被放大了两倍... 阅读全文
摘要：
概念：Web应用程序：WEB应用程序一般是B（浏览器）/S（服务器）模式。Web应用程序首先是“应用程序”，和用标准的程序语言，如C、C++等编写出来的程序没有什么本质上的不同。然而Web应用程序又有自己独特的地方，就是它是基于Web的，而不是采用传统方法运行的。换句话说，它是典型的浏览器/服务器架... 阅读全文
摘要：
OSI七层：OSI七层与ICP/IP概念层的对应：ICP/IP概念层上的网络设备：IP（InternetProtocol网际协议）：计算机之间的通信IP（网络协议）位于网络层，作用是把各种数据包传送给对方，而要保证确实传送到对方那里，则需要满足各类条件，其中两个重要的条件是IP地址和MAC地址。IP... 阅读全文
摘要：
介绍一下MAC地址的知识，MAC地址和IP地址的区别以及MAC地址在实际应用中所涉及到的安全问题。一、基础知识如今的网络是分层来实现的，就像是搭积木一样，先设计某个特定功能的模块，然后把模块拼起来组成整个网络。局域网也不例外，一般来说，在组网上我们使用的是IEEE802参考模型，从下至上分为：物理层... 阅读全文