rem在响应式布局中的应用

by Liu Yue/2017-07-09

rem在响应式布局中的应用最近做了一些响应式的页面，遇到了一些问题，想了些解决方法，在这里总结一下。目前响应式的主流实现方式是百分比布局，加上媒体查询@media screen。关于媒体查询还有媒体查询的一些兼容性问题，网上介绍的很多其实响应式布局中主要困扰我们的问题还是元素的等比缩放。目前的元素的等比缩放主要有以下两种解决方案。实现等比缩放的一些方案1. 利用img元素的等比缩放特点这种情况最为常见，只需要百分比设置img元素的宽度，img元素的高度就会随着宽度等比缩放。这也是我们在响应式界面......
了解更多

自适应与响应式的异同

by Liu Yue/2017-01-27

      目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。在这先说明下这两者的异同：自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone/iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。于是，很早就有人设想，......
了解更多

移动布局方案(转载)

by Liu Yue/2017-03-22

layout viewport和visual viewport移动端浏览器和PC最大的不同在于大小（废话= =），那么怎样让网页友好的展示在移动端呢。很显然的，如果不做任何处理，很多页面的展示必然会乱掉。Apple也发现了这个问题，并定义了一个viewport meta标签，用来创建一个虚拟的**layout viewport**（布局视图），这个视图的分辨率接近pc，Apple将其定义为**980px**，其他厂商可能不同，感兴趣的可以自己写页面测试下。这就很好的解决了早期的页面在手机上显示的......
了解更多

响应式设计笔记

by Liu Yue/2017-02-21

HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表。比如，一个页面在屏幕上显示时使用无衬线字体，而在打印时则使用衬线字体。screen和print是两种已定义的媒体类型。媒体查询让样式表有更强的针对性，扩展了媒体类型的功能。下面的css是应用在宽度小于等于960px的屏幕上：@media screen and (max-width: 960px) {     body { background-color: red; } } 此外，......
了解更多

15个在github上最受欢迎的py框架,记录一下

by Liu Yue/2014-09-13

1. Django: Python Web应用开发框架　　Django 应该是最出名的Python框架，GAE甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只需要使用起ORM，做简单的对象定义，它就能自动生成数据库结构、以及全功能的管理后台。　　2. Diesel：基于Greenlet的事件I/O框架　　Diesel提供一个整洁的API来编写网络客户端和服务器。支持TCP和UDP。　　3. Flask：一个用Python编写的轻量级Web应用框......
了解更多

Python 的 MySQLdb 模块的 autocommit

by Liu Yue/2012-05-20

最初在使用python读写数据库的时候，发现select语句可以读取到数据，insert语句执行后，数据库中却没有数据。将sql语句在mysql命令行直接执行是完全没有问题的，为什么使用MySQLdb执行insert语句会没有数据呢？   看起来像是没有提交，立刻想到了mysql的autocommit，是不是没有提交事务？想到后立刻进行了验证，在执行insert语句后，又加了一行程序提交事务：connection.commit()。果然，insert语句生效了，数据库中有了数......
了解更多

代码检查工具

by Liu Yue/2012-03-20

python哪儿都好，但是缩进太多，嵌套过多容易产生难以检查的语法错误，所以我们需要一款静态检查软件这里引入一个静态检查利器: flake8.flake8介绍它是以下三工具的包装:PyFlakes: python源码检查: 多余import; 重复定义函数; 变量名冲突...Pep8: 代码风格检查Ned Batchelder’s McCabe script: 代码复杂度检查三大功能：python代码风格检查，使工程项目满足良好的代码风格，容易发现问题。一些基本的代码检查。git集成flake8......
了解更多