今天搬迁博客的时候，在新的VPS中无法正常使用https访问。本来应该不会出错的，因为所有的配置文件都是从原来的环境中搬迁过来的，而且新的VPS也没有什么其它的变更。多次修改配置文件无果后用telnet尝试链接443端口看看。telnet gkc.asia 443执行显示Connection refused.Trying 153.92.43.112...telnet: connect to address 153.92.43.112: Connection refused连接拒绝，应该是防火墙挡住了。去检查一下防火墙的规则发现实际上我已经配置好了443端口，但实际测试规则并没有生效。关掉防火墙后一切访问皆正常了，问题应该在防火墙规则上。分析一下iptables的规则*filter:INPUT ACCEPT [0:0]:FORWARD ACCEPT [0:0]:OUTPUT ACCEPT [6490:2419247]-A INPUT -i lo -j ACCEPT-A INPUT -m state --state RELATED,ESTABLISHED -j ACCEPT-A INPUT -p tcp -m tcp --dport 80 -j ACCEPT-A INPUT -s 127.0.0.1/32 -p tcp -m tcp --dport 3306 -j ACCEPT-A I ...继续阅读 (478)

对CSS有了解的道友们肯定都知道盒式模型这个概念，对一个元素设置CSS，首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化块级盒子，同样管理inline类型的盒子还有IFC，以及其他的FC。那首先我们就来看一下FC的概念。Formatting Context：指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。BFC：块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。BFC的生成 既然上文提到BFC是一块渲染区域，那这块渲染区域到底在哪，它又是有多大，这些由生成BFC的元素决定，CSS2.1中规定满足下列CSS声明之一的元素便会生成BFC。根元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block、table-cell、table-captionposition的值为absolute或fixed看到有道友文章中把display：table也认为可以生成BFC，其实这里的主要原因在于Table会默认生成一个匿名的table-cell，正是这个匿名的table-ccell生成了BFC BFC的约束规则浏览器对于BFC这块区域的约束规则如下：生成BFC元素的 ...继续阅读 (25)

一、一抹前言没有爱的日子，时间如指尖细沙，不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前，然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么？”后文再介绍的预告。由于自己肚子中的货物不足以撑起一篇足够质量的文章，所以关于“浮动布局更好的替代方案是什么？”的文章一直并未动笔。好在事物总是在发展的，我也是每天都是在进步，对于列表布局的思考也愈发成熟。加上正好前不久又有人询问我“浮动布局的替换方案是什么”，于是觉得介绍“浮动布局的替换方案“的时机成熟了。要注意，本文的布局专指列表布局。就是具有相同DOM结构的水平排列可以repeat出来的列表元素。如QQ校友中的图片列表（图片截自老同学相册，已隐去名字）：二、列表浮动布局的局限列表浮动布局就是指通过使用float属性，让列表元素依次排列的布局（通常是左浮动，float:left）。这是相当常见的也是目前最最主流的列表布局方式，所以这里就不吃咸鱼蘸酱油——多此一举show代码了。对于浮动局部的局限性，想必同行们都知道，就是每个列表元素的高度必须要一致，否则就会像是俄罗斯方块一样，“锯齿相错”，例如一个左浮动列表布局，如果第一行有个列表高度高于其他列表，那就在第二行，第一个元素会沿着最高元素的右侧对齐，此原因是属于恶魔系的f ...继续阅读 (19)

Docker image authors have multiple concerns for their images:Is my image easy to use?Is my image easy to base another image on?Does my image behave in a performant manner?There are many details which can affect the answers to these questions. We’ve created this document to help image authors create images for which the answer is ‘yes’ across the board.Learn About Creating Images with DockerfilesThere are two ways to create a docker image:Create a container and alter its state by running commands in it; create an image with docker commitCreate a Dockerfile and create an image with docker buildM ...继续阅读 (20)

一、使用float的弊端浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间，这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是，由于浮动特性，容器如果没有明确设定高度，会依照普通流内元素高度设置，这样就会导致脱离普通流的浮动元素溢出容器，影响其后元素布局。举例如下：Document.f{ float:left; height:300px; border:solid 1px black; } .nf{ height:100px; border:solid 1px red; } .beF{ border:solid 1px blue; }我是浮动元素我和浮动元素在同一个div可以看到浮动元素已经能够超出了div，并盖住了我效果：二、清除float溢出的方法1.使用 clear 样式清除.clear-float {clear:both;}clear 属性是 CSS 1 就提供的用来清除浮动的样 ...继续阅读 (21)

一、使用float的弊端浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间，这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是，由于浮动特性，容器如果没有明确设定高度，会依照普通流内元素高度设置，这样就会导致脱离普通流的浮动元素溢出容器，影响其后元素布局。举例如下：Document.f{ float:left; height:300px; border:solid 1px black; } .nf{ height:100px; border:solid 1px red; } .beF{ border:solid 1px blue; }我是浮动元素我和浮动元素在同一个div可以看到浮动元素已经能够超出了div，并盖住了我效果：二、清除float溢出的方法1.使用 clear 样式清除.clear-float {clear:both;} clear 属性是 CSS 1 就提供的用来清除浮动的 ...继续阅读 (16)

在各种计算机体系结构中，对于字节、字等的存储机制有所不同，因而引发了计算机通信领 域中一个很重要的问题，即通信双方交流的信息单元（比特、字节、字、双字等等）应该以什么样的顺序进行传送。如果不达成一致的规则，通信双方将无法进行正 确的编/译码从而导致通信失败。目前在各种体系的计算机中通常采用的字节存储机制主要有两种：Big-Endian和Little-Endian，下面先 从字节序说起。一、什么是字节序字节序，顾名思义字节的顺序，再多说两句就是大于一个字节类型的数据在内存中的存放顺序(一个字节的数据当然就无需谈顺序的问题了)。其实大部分人在实际的开 发中都很少会直接和字节序打交道。唯有在跨平台以及网络程序中字节序才是一个应该被考虑的问题。在所有的介绍字节序的文章中都会提到字 节序分为两类：Big-Endian和Little-Endian，引用标准的Big-Endian和Little-Endian的定义如下：a) Little-Endian就是低位字节排放在内存的低地址端，高位字节排放在内存的高地址端。b) Big-Endian就是高位字节排放在内存的低地址端，低位字节排放在内存的高地址端。c) 网络字节序：TCP/IP各层协议将字节序定义为Big-Endian，因此TCP/IP协议中使用的字节序通常称之为网络字节序。1.1 什么是高/低地址端首先我们要知道我们C程序映像中内存的空间布 ...继续阅读 (37)

Qt是面向对象语言C++的一个非常强大的库，而zlib是C语言写的。要想在Qt中使用zlib就必须将Qt的中的一些对象转换成C语言的表现形式，而且不能丢失数据。比如，Qt中的QString是可以国际化的，在QString内部中，字符是以UTF-16的方式存储的。但是，C类型字符是以ASCII或本地字符集的方式存储的，当将QString转换成C类型字符时必定要将之转换成一种通用格式，UTF-8是最好的选择。而且要用QByteArray来存储压缩和解压缩的数据，这样就不需要自己管理内存。使用自编译的zlibQString source = "要压缩的数据"; QByteArray ba = source.toUtf8(); uLong lenOfDest = compressBound(ba.size()); uLong destLen = lenOfDest; QByteArray encrypted; encrypted.resize(lenOfDest); compress((Bytef*)encrypted.data(), &destLen;, (Bytef*)ba.data(), ba.size()); encrypted.resize(destLen);在QString的toUtf8()方法会将UTF-16转换为UTF-8存储在QByteArray变量中。QByteArra ...继续阅读 (120)

关于UPXUPX是一款先进的可执行程序文件压缩器。压缩过的可执行文件体积缩小50%-70% ，这样减少了磁盘占用空间、网络上传下载的时间和其它分布以及存储费用。 通过 UPX 压缩过的程序和程序库完全没有功能损失，和压缩之前一样可正常地运行。对于支持的大多数格式没有运行时间或内存的不利后果。（以上来自百度百科）下载地址： http://upx.sourceforge.net/用UPX压缩Qt应用程序用Qt编写程序的好处是显而易见的，但是在编写小型程序时需要附加大量的DLL，这样程序的体积就很大。通常直接用静态编译的方法就可以缩减很大部分，但依然要5+MB。用UPX压缩后体积可以小到原来的30%。在Qt项目中，将以下语句添加到.pro文件中，就可以在编译的时候自动压缩。-9是压缩率，最低是1Release:QMAKE_POST_LINK += upx -9 $(DESTDIR_TARGET)D:\Qt\build-QtUdpTest-Qt5_3_1Static32bit-Release\release>upx -9 QtUdpTest.exe Ultimate Packer for eXecutables Copyright (C) 1996 - 2013 UPX 3.91w ...继续阅读 (29)

我们可以为zlib编译两种版本，MINGW和VS。zlib源码： http://www.zlib.net/MINGW先安装MINGW编译器http://www.mingw.org/如果有装MINGW编译版的Qt开发环境的话可以直接使用附带的MING编译器，路经一般是：QTDIR/Tools/mingw482_32/bin将这个路径加入PATH中，也可以在CMD中用如下命令临时加入到PATH中(自行改为MINGW的正确路径)path=E:\Programming\Qt\Qt5.3.1.mingw\Tools\mingw482_32\bin设置好路径后，切换到zlib源码目录下执行如下命令就可以完成编译：mingw32-make -f win32/makefile.gcc看到下面输出就大功告成了~gcc -O3 -Wall -c -o adler32.o adler32.c gcc -O3 -Wall -c -o compress.o compress.c gcc -O3 -Wall -c -o crc32.o crc32.c gcc -O3 -Wall -c -o deflate.o deflate.c gcc -O3 -Wall -c -o gzclose.o gzclose.c gcc -O3 -Wall -c -o gzlib.o gzlib.c gcc -O3 ...继续阅读 (220)

最近爆出一个比“心脏出血”漏洞更严重的漏洞。漏洞参考https://access.redhat.com/security/cve/CVE-2014-6271提醒各位站长尽快升级到最新版本。Bash版本为4.2.45-5.el7_0.4以上就可以了。CentOS修复方法：yum clean all yum makecache yum -y update bash ...继续阅读 (21)

最近爆出一个比“心脏出血”漏洞更严重的漏洞。漏洞参考https://access.redhat.com/security/cve/CVE-2014-6271提醒各位站长尽快升级到最新版本。Bash版本为4.2.45-5.el7_0.4以上就可以了。CentOS修复方法：yum clean all yum makecache yum -y update bash ...继续阅读 (17)

相信不少人都用过酷狗音乐这个软件，里面的音乐播放控制条上的小圆点在音乐播放的时候是可以一闪一闪地发光的。其实这个效果用QML实现起来并不复杂。在之前的文章中我就有介绍过使用RectangularGlow作窗口阴影效果，这个效果也可以用于发光。RectangularGlow { anchors.fill: parent glowRadius: 0 spread: 0 color: parent.color cornerRadius: parent.radius }color与要发光的部件的一样，这样效果比较好。cornerRadius与部件一样可以在glowRadius为0时部件显示原本的形状。要产生发光效果就要先确定发光时glowRadius的值，经过我的测试，glowRadius的值为部件的直径时效果良好。也可以自己尝试，选择自己感觉效果比较好的来使用。从原始状态到发光是一个动画效果，闪烁效果是不断地“原始——发光——原始”的过程，可以用QML中顺序动画来实现不断循环的过程。SequentialAnimation on glowRadius { loops: Animation.Infinite alwaysRunToEnd: true PropertyAnimation{ to: 10 duration: 1700 } ...继续阅读 (173)

英文标题：USEFUL ONE-LINE SCRIPTS FOR SED (Unix stream editor)原标题：HANDY ONE-LINERS FOR SED (Unix stream editor)整理：Eric Pement - 电邮：pemente[at]northpark[dot]edu 版本5.5译者：Joe Hong - 电邮：hq00e[at]126[dot]com在以下地址可找到本文档的最新（英文）版本：http://sed.sourceforge.net/sed1line.txthttp://www.pement.org/sed/sed1line.txt其他语言版本：中文 -http://sed.sourceforge.net/sed1line_zh-CN.html捷克语 -http://sed.sourceforge.net/sed1line_cz.html荷语 -http://sed.sourceforge.net/sed1line_nl.html法语 -http://sed.sourceforge.net/sed1line_fr.html德语 -http://sed.sourceforge.net/sed1line_de.html葡语 -http://sed.sourceforge.net/sed1line_pt-BR.html文本间隔：---- ...继续阅读 (25)

英文标题：USEFUL ONE-LINE SCRIPTS FOR SED (Unix stream editor)原标题：HANDY ONE-LINERS FOR SED (Unix stream editor)整理：Eric Pement - 电邮：pemente[at]northpark[dot]edu 版本5.5译者：Joe Hong - 电邮：hq00e[at]126[dot]com在以下地址可找到本文档的最新（英文）版本：http://sed.sourceforge.net/sed1line.txthttp://www.pement.org/sed/sed1line.txt其他语言版本：中文 -http://sed.sourceforge.net/sed1line_zh-CN.html捷克语 -http://sed.sourceforge.net/sed1line_cz.html荷语 -http://sed.sourceforge.net/sed1line_nl.html法语 -http://sed.sourceforge.net/sed1line_fr.html德语 -http://sed.sourceforge.net/sed1line_de.html葡语 -http://sed.sourceforge.net/sed1line_pt-BR.html文本间隔：---- ...继续阅读 (24)

ADM是一款免费且功能强大的广告拦截软件, 可以有效的拦截广告,阻止广告厂商进行跟踪用户行为 保护用户隐私。尤其可以过滤视频广告, 主流的视频网站都可以无视广告,直接进行播放视频. (例如, 优酷土豆,腾讯视频,爱奇艺,ku6 56 乐视 等一系列的主流视频网站)ADM基于开源privoxy引擎,并在其基础上进行了大量的重构和创新, 无论是在系统资源占用,软件兼容性方面,还是在广告过滤效果与用户上网体验等方面做出了大胆深入的优化升级。同时支持Privoxy和ABP规则, 用户可以在不改变任意ABP规则的基础上将原有ABP的规则直接订阅.十分方便.官方QQ群：339349307 官网：www.admflt.com注意:1. ADM 不需要管理员权限运行, 除了开机启动设置需要用管理员运行一次AdmSetting.exe 这个文件.2. ADM 请尽量安装到默认目录下, 安装到其他目录可能会有权限问题导致您不能正常使用,这点要特别注意.ADM也仅仅会在这个目录下生成文件,不会另外在其他目录生成文件. 卸载删除很方便.3. 如果运行时提示错误, 那可能是未安装 vc2008 到此下载安装即可. http://pan.baidu.com/s/1bnvllld4. ADM 小巧,使用很简单, 下载安装即可正常使用. 前提是防火墙和杀软不要捣乱. 请把ADM目录加入到杀软白名单和防火墙放过名单 ...继续阅读 (39)

ADM是一款免费且功能强大的广告拦截软件, 可以有效的拦截广告,阻止广告厂商进行跟踪用户行为 保护用户隐私。尤其可以过滤视频广告, 主流的视频网站都可以无视广告,直接进行播放视频. (例如, 优酷土豆,腾讯视频,爱奇艺,ku6 56 乐视 等一系列的主流视频网站)ADM基于开源privoxy引擎,并在其基础上进行了大量的重构和创新, 无论是在系统资源占用,软件兼容性方面,还是在广告过滤效果与用户上网体验等方面做出了大胆深入的优化升级。同时支持Privoxy和ABP规则, 用户可以在不改变任意ABP规则的基础上将原有ABP的规则直接订阅.十分方便.官方QQ群：339349307 官网：www.admflt.com注意:1. ADM 不需要管理员权限运行, 除了开机启动设置需要用管理员运行一次AdmSetting.exe 这个文件.2. ADM 请尽量安装到默认目录下, 安装到其他目录可能会有权限问题导致您不能正常使用,这点要特别注意.ADM也仅仅会在这个目录下生成文件,不会另外在其他目录生成文件. 卸载删除很方便.3. 如果运行时提示错误, 那可能是未安装 vc2008 到此下载安装即可. http://pan.baidu.com/s/1bnvllld4. ADM 小巧,使用很简单, 下载安装即可正常使用. 前提是防火墙和杀软不要捣乱. 请把ADM目录加入到杀软白名单和防火墙放过名单 ...继续阅读 (39)