主流web前端框架都通过不同方式模拟了switch控件，本文仅介绍使用方法，具体实现原理后续介绍；...
分类：
其他好文 时间：
2014-07-30 23:53:25
阅读次数：
236
淘宝前端工程师推荐书笔籍大集合，强烈推荐前端开发的同学有时间多看看 :D。
分类：
其他好文 时间：
2014-07-30 23:38:55
阅读次数：
349
由于之前写了一个局部刷新的分页，为了自己以后工作方便所以再上传一个通用的分页，基于bootstrap的分页，引用和上次写的局部刷新一样，在这里就不写了js代码 在页面加载的时候执行 var options = { bootstrapMajorVersion: 3,/...
分类：
其他好文 时间：
2014-07-30 17:13:44
阅读次数：
213
一直很纠结的一个问题,网络上也有很多方案,但总感觉不完美.之前的方案1.在setting.py中
STATIC_ROOT=‘static/‘
STATIC_URL=‘static/‘
2.在模板页面中
<linkrel="stylesheet"href="{{STATIC_URL}}css/bootstrap.css">
<scripttype="text/javascript"src="{{STATIC_URL..
分类：
其他好文 时间：
2014-07-30 15:01:24
阅读次数：
186
在bootstrap-responsive.css这个CSS样式表中已经为我们设定好了几个实用的类： .visible-phone: 在智能手机设备上显示这个元素，在其他设备上隐藏该元素 .visible-tablet: 在平板电脑上显示这个元素，在其他设备上隐藏该元素 .vi...
分类：
其他好文 时间：
2014-07-30 12:09:23
阅读次数：
220
首先引入文件bootstrap-responsive.css bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计： 比如： 分辨率宽度1200像素以上的屏幕上，网格的宽度会由60px变为70px，且网格与网格之间的距离由20px...
分类：
其他好文 时间：
2014-07-30 11:45:53
阅读次数：
226
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就...
分类：
移动开发 时间：
2014-07-30 11:29:43
阅读次数：
276
旨在优化不同上网设备中页面显示的优化 响应式布局：就是根据浏览窗口的尺寸，改变页面的变化 原理：利用css的media-queries判断浏览窗口的尺寸，在CSS样式表中设置一些规则！ 例如： 在标签中输入如下css3的格式实现： 解读：上面的代码的意思是实现，当浏览窗口尺寸小于767...
分类：
其他好文 时间：
2014-07-30 09:58:13
阅读次数：
205
嵌套布局： 在一行中，有三列，每一列都有对应的BS栅格系统中的格子，以下例中因为 .row中的div对应的class分别是span4,span4,span4,所以其每一列对应的格子数是 4,4,4 现在有一个需求，要在第三列中另外再布局出2列，且这2列宽度相同那么操作如下：看彩色部分 ...
分类：
其他好文 时间：
2014-07-30 03:16:22
阅读次数：
278
1、 布局 使用bootstrap网格系统布局网页 得到如图所示： 2、给需要的元素添加一个容器，使其居中显示 布局 使用bootstrap网格系统布局网页 得到如图所示：如果需要更确切的效果请自行给上面的div设置border查看，是否是.container容器使...
分类：
其他好文 时间：
2014-07-30 00:58:22
阅读次数：
277
