移动布局方案(转载)

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

响应式设计笔记

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

自适应与响应式的异同

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

Mac上配置 Selenium Webdriver

确认Chrome的安装路径Terminal 执行命令/Applications/Google Chrome.app/Contents/MacOS/Google Chrome 应当能够正常启动Chrome浏览器。如果没有,需要 ln -s 创建 Google Chrome 二进制命令的软连接,或者 reinstall将chromedriver放在 /usr/bin目录官网下载地址,下载后执行sudo cp ~/Downloads/chromedriver /usr/bin/或者直接执行b......

Mac 上安装 Scrapy 报错,Operation not permitted

这个问题在 OS X El Capitan 普遍存在,后面会说明原因。前几天在 Mac 上安装 Scrapy,按照官方文档的步骤使用 pip 安装 scrapy 后报一个权限错误OSError: [Errno 1] Operation not permitted: '/var/folders/6t/h404bjcd5tb_4q86tpv_251rv_0h0j/T/pip-sYsqDS-uninstall/System/Library/Frameworks/Python.framework/Ver......

Mysql 对于出现保留关键字的情况要使用双撇号

  今天在操作数据库往表中插入数据时,表中有个key字段,怎么添加都不行,总是报错。  key是mysql关键字insert into tb_config (key,val) values ('vm.0.8','192.168.137.188:9080');一直报错。修改为key二端加撇号(`)insert into tb_config (`key`,val) values ('vm.0.8','192.168.137.188:9080');......

git版本控制图形化界面推荐

  其实呢,有点不太理解为什么有很多人喜欢在命令行下敲命令,尤其是日常工作中使用频率蛮高的git,拉取,合并,切换分支什么的要打很多命令,手速很快的情况下还容易敲错命令导致误操作,推荐一个我日常使用的git图形化界面工具:SourceTree ,非常的轻量化,有非常简单,合并拉取提交什么的只要轻触两下触摸板就搞定了,效率上比敲命令行不知道高到哪里去了,自动化流程就是好啊。......

git版本控制图形化界面推荐

OS X 10.11 El Capitan 如何升级系统预装python

最近升级OSX到El Capitan。发现mvn、Python的配置几乎全部失效了。直接上解决方案安装homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"安装Python3使用homebrew进行下载:brew install python3建立新的命令符号链接# 进入/usr/local/bincd /usr/local/bin# 创建新的命令符号链接l......

在mac上配置rails开发环境

  首先,安装home-brew,并且升级到最新的版本,值得一提的是home-brew个人感觉比port要好用,安装软件也方便一点。ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"        随后brew update 升级到最新  做完上面这一步之后,开始设置gem源,需要说明一下的是,淘宝的gem源早在好几年前就没......

如何在Mac OS上安装pytest、setuptools、wget

本文主要介绍如何在Mac OS上安装pytest,以自己实际安装为例。同时补充介绍了Mac OS上安装setuptools和Mac OS上安装wget的方法Mac OS上安装pytest由于Mac OS上自带python2.7,已是目标版本,不需要更新了,在此基础上介绍安装pytest的主要步骤:安装pip,在终端中输入:sudo easy_install pip接着安装pytest:sudo pip install -U pytest测试是否安装成功:py.test --version在安装过......

关于控件checkbox选择器的问题

    对控件操作一般人喜欢用jquery,但是如果项目里面集成了过多的js库,容易产生各种莫名其妙科学无法解释的玄幻事件(懂的自然懂),所以基础操作我个人还是建议用原声js,比如操作checkbox<input type="checkbox" onclick="checkAll(this, 'NewMainVideoCheckbox1')">function checkAll(e, name) { var items = documen......

python的dict中key为变量的使用技巧

  有的时候,一些代码中需要用到的变量并不是写在代码里或者配置文件中,而是直接写在文件里,比如.thrift文件配置之类的,这时候当我们定义字典时,key有时候就不是定义好的值,而是文件中的变量,使用下面的技巧就可以反向直接使用变量而调用value val = 'aaa' _tc = {val:'身份证'} print _tc['aaa'] ......

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

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