Home Brew 常用命令总结

  Home Brew是基于Ruby的一款软件管理器,非常好用,有点类似python的pip,这里总结一下常用的命令,以备不时之需。  安装软件:brew install 软件名,例:brew install wget  搜索软件:brew search 软件名,例:brew search wget  卸载软件:brew uninstall 软件名,例:brew uninstall wget  更新所有软件:brew update  更新具体软件:brew upgrade 软件名 ,例:brew......

关于Django2.0跨域问题

  首先,明确一个问题,就是跨域需要服务端支持才行,而不是靠前端修改代码可以解决的,无论你用jquery axios fetch都是如此。  这里介绍一下,如果使用的是Django2.0本身作为web服务端,该如何处理跨域请求问题。  1 安装插件  pip install django-cors-headers  2 编辑配置文件(settings.py)  INSTALLED_APPS = [    ''''''''''''    ''''''''''......

Flask 在虚拟环境之中做开发

  虚拟环境可以搭建独立的python运行环境, 使得单个项目的运行环境与其它项目互不影响 比如一些项目基于python2.0,而另外一些项目却基于python3.0,同时这些项目必须在同一台服务器上部署,使用virtualenv就可以完美解决这个问题虚拟环境安装命令pip install virtualenv进入项目安装虚拟目录的命令virtualenv venv激活虚拟环境activate离开虚拟环境 ......

将博客迁移阿里云并且切换成https解析的过程

  过年了,既然https是大势所趋,所以我也要将技术博客切换成https,同时迁移到国内的阿里云服务器上,这样网站会更加的稳定并且速度更快,怎么买服务器和备案就按下不表了,网上有一大堆的教程,最关键其实是阿里云并没有免费的ssl证书,去各大网站上查了一圈,只有腾讯云有免费的一年期ssl的证书,去腾讯云申请一下就可以了,然后将证书下载下来,并且解压后有三个文件,将这三个文件上传到服务器上。   修改apache服务器的httpd.co......

我在优酷这几年(大误)

  我在优酷这几年   2012年初,春寒料峭,我刚从中进名车离职,无意中看到了优酷在豆瓣上发布的招聘信息,python后台开发,当时使用python的公司还很少,但是我知道这是我的机会必须抓住。   第一次走进中关村的中钢大厦,面试出人意料的顺利,虽然薪资并不算太高,但是对于当时我这样一个python初学者来说,也算是一份满意的工作了,当二面结束我走出大楼的时候,我绝对不会想到我将在这座大楼度过将近六年的时光。   一开始的一两年说实话工作相当轻松,在优酷的移动后台负责c......

rem在响应式布局中的应用

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

移动布局方案(转载)

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(入口),会大大增加架构设计的复杂度。于是,很早就有人设想,......