稚子的成长博客

Meta标签技巧:拦截搜索引擎,阻止网页被收录

发表于2016 年 3 月 30 日由稚子

今天在整理一个项目时，遇到关于单个网页阻止搜索引擎收录的问题，在网上搜索一翻，现在分享出来，希望对大家有所帮助。

使用<meta>标签拦截或删除网页：在网页的 <head> 部分添加适当的 <meta> 标签。

拦截所有搜索引擎把网页收录：

只是拦截百度蜘蛛爬取网页，而允许其他搜索引擎收录：

允许搜索引擎收录你的网页，但禁止其追踪外部链接（如：zh.wikipedia.org 为了防止链接泛滥采用了此例）：

允许搜索引擎收录你的网页，但禁止其收录网页上的图片：

注：哪一个网页需要拦截或删除，则在那个网页添加<META> 标签，其他页面不会受影响。

发表在 Web前台开发技术 | 标签为 meta, robots | 留下评论

jquery on()方法绑定多个选择器,多个事件

发表于2016 年 3 月 23 日由稚子

on(events,[selector],[data],fn)

•events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。
•selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。
•data:当一个事件被触发时要传递event.data给事件处理函数。
•fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。

这样一个需求，如果用live()方法实现的话非常简单，容易理解。

$('nav li, #sb-nav li, #help li').live('click', function () { 
    // code... 
});

$('nav li, #sb-nav li, #help li').live('click', function () {

// code...

});

jquery在1.7版本后，建议大家用on方法代替之前的bind、live、delegate方法。
那上面一句如果用on的话，怎么写呢？

其实查看live源码就知道，live实际是委托doucment进行事件委派的。

按照这个思路，可以将on方法绑定到document即可。

$(document).on('click', '#header .fixed-feedback-bn, #sb-sec .feedback-bn', function () { 
     // code... 
 });

$(document).on('click', '#header .fixed-feedback-bn, #sb-sec .feedback-bn', function () {

// code...

});

还有一种情况，on()方法绑定多个事件，可以这样写：

$("table.planning_grid").on({ 
    mouseenter: function() { 
        // Handle mouseenter... 
    }, 
    mouseleave: function() { 
        // Handle mouseleave... 
    }, 
    click: function() { 
        // Handle click... 
    } 
}, "td");

$("table.planning_grid").on({

mouseenter: function() {

// Handle mouseenter...

mouseleave: function() {

// Handle mouseleave...

click: function() {

// Handle click...

}

}, "td");

最后，用on()方法绑定多个选择器，多个事件则可以这样写：

$(document).on({ 
    mouseenter: function() { 
        // Handle mouseenter... 
    }, 
    mouseleave: function() { 
        // Handle mouseleave... 
    }, 
    click: function() { 
        // Handle click... 
    } 
}, '#header .fixed-feedback-bn, #sb-sec .feedback-bn');

$(document).on({

mouseenter: function() {

// Handle mouseenter...

mouseleave: function() {

// Handle mouseleave...

click: function() {

// Handle click...

}

}, '#header .fixed-feedback-bn, #sb-sec .feedback-bn');

发表在 Web前台开发技术 | 标签为 jQuery, on | 留下评论

PhpStorm-2016.1 汉化注册版

发表于2016 年 3 月 18 日由稚子

JetBrains PhpStorm(智能PHP编辑器) 注册版是一个轻量级且便捷的PHP IDE，其旨在提供用户效率，可深刻理解用户的编码，提供智能代码补全，快速导航以及即时错误检查。尤其是该软件提供智能代码补全，快速导航以及即时错误检查等功能，是众多开发者选择它的主要原因。JetBrains 的所有产品都是非常棒的，如果你是程序员，果断需要用一用！

PhpStorm 的首次出现填补了 PHP 开发智能 IDE 的长期空白，它提供了必不可少的工具，如自动化重构、深层代码分析、联机错误检查和快速修复。基于众多尝试这款突破性 IDE 的开发者的反馈，PhpStorm 关注于更多的智能性、更好的代码质量保证，并支持最新的 PHP 趋势。JetBrains 团队负责人 Alexey Gopachenko 表示：“我们增加了对今天 PHP 开发中经常使用的 PHP 命名空间和封包的支持，大大提高了代码分析能力。此外，此次重要版本发布使得 PHP 调试成为‘轻而易举的工作’，无需任何配置。”

智能PHP编辑器：

-PHP代码补全。
-智能的重复编码检测器。
-PHP重构。
-支持Smarty和PHPDoc。
-支持多语言混合。Java Script 编辑器：
-基于DOM/指定浏览器完成。
-代码导航和用法查找。
-JavaScript 重构。
-JavaScript调试器。

HTML/CSS编辑器：

-支持HTML5。
-支持Zen编码。
-检验和快速修正。
-显示应用的外观。
-提取嵌入样式。

轻量级IDE：

-易于安装。
-可在Windows, Mac OS X, Linux上运行。
-项目配置简单-可在任意地方打开代码开始工作。
-性能优先。

智能的环境：

-可视化PhP单元测试运行期。
-VCS支持SVN, Git, Mercurial等。
-支持FTP和远程文件同步。
-可记录本地修改。
-可视化调试。
-无需任何配置的调试器。
-支持在PHP，JS，HTML中设置断点。
-观察变量，窗口。
-批量代码分析。
-集成分析器。

PhpStorm-2016.1 汉化注册版下载地址：

https://pan.baidu.com/s/1c0QBVLu

发表在应用工具软件 | 标签为 2016.1, phpstorm | 留下评论

PHP7.0 Redis扩展dll下载

发表于2016 年 3 月 4 日由稚子

PHP7.0.0正式版发布有一段时间了，但是与之对应的扩展组件非常之少，特别是windows上用PHP7搭建开发平台，组件太少肯定是影响开发的。

目前PHP官网的PECL上日常用到的大部分PHP扩展组件都没有适配PHP7的，这源于PHP7的一些新特性与依赖关系和PHP5有很多不同之处，所以很多组件都需要开发者们经过一段时间的开发以适配PHP7。

以下是现在php pcel上的redis组件，目前只有php5.3-php5.6的：

今天特别为大家补充一款PHP7 Redis扩展组件：

注：php7目录下有php7.dll的选择nts版本；有php7ts.dll的选择ts版本。

使用教程：
选择对应版本redis组件解压得到php_redis.dll文件，拷贝到php7的ext目录下，打开php.ini配置文件，增加

extension=php_redis.dll

1	extension=php_redis.dll

重启下webserver或者phpfpm生效。

以下是php7 redis组件在php探针上的显示：

已更新至1512.17，基于PHP7.0.1版本重新编译：

zzstudio_php_redis-7.0-ts-vc14-x64

zzstudio_php_redis-7.0-ts-vc14-x86

zzstudio_php_redis-7.0-nts-vc14-x64

zzstudio_php_redis-7.0-nts-vc14-x86

发表在应用工具软件 | 标签为 php7, php_redis, redis | 留下评论

php $_SERVER信息分析整理

发表于2016 年 2 月 26 日由稚子

php $_SERVER信息分析整理类库

<?php
/**
 * Use : (请求来源)客户端信息
 * File: Client.php
 */
  
// namespace environment;
  
  
/**
 * 客户端信息 Client
 */
class Client extends AbstractEnv
{
    /**
     * @inherit
     * @var array
     */
    static public $config = [
  
        // $_SERVER['REMOTE_ADDR']
        'addr'      => 'REMOTE_ADDR',
  
        // $_SERVER['REMOTE_PORT']
        'port'      => 'REMOTE_PORT',
  
        /**
         * 客户端(与服务端)连接
         * $_SERVER['HTTP_CONNECTION'] = close
         * @var string
         */
        'conn'      => 'HTTP_CONNECTION',
  
        /**
         * 可接受资源类型
         * $_SERVER['HTTP_ACCEPT']
         * @var string
         */
         // e.g. text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
        'accept'    => 'HTTP_ACCEPT',
  
        /**
         * 客户端可接受的资源（压缩）编码
         * $_SERVER['HTTP_ACCEPT_ENCODING'];
         * e.g. gzip, deflate, sdch
         * @var string
         */
        'acceptEncoding'  => 'HTTP_ACCEPT_ENCODING',
  
        /**
         * 客户端默认接受的语言
         * $_SERVER['HTTP_ACCEPT_LANGUAGE'];
         * e.g. zh-CN,zh;q=0.8
         * @var string
         */
        'acceptLang'      => 'HTTP_ACCEPT_LANGUAGE',
  
        /**
         * 用户代理 (通常是浏览器)
         * $_SERVER['HTTP_USER_AGENT']
         * e.g. Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36
         * @var string
         */
        'userAgent' => 'HTTP_USER_AGENT',
    ];
  
    protected $data = [
  
        'isPc'     => false,
        'isMobile' => false,
  
        'isUnix'    => false,
        'isLinux'   => false,
        'isWin'     => false,
        'isMac'     => false,
        'isAndroid' => false,
    ];
  
    // 是移动端
    // protected $isMobile = false;
    // protected $platform;
  
    public function init()
    {
        parent::init();
  
        // Parse the HTTP_ACCEPT.
        if ($this->accept) {
            $this->data['accepts'] = $this->_handlerInfo($this->accept);
        }
  
        // Parse the accepted encodings.
        if ($this->acceptEncoding) {
            $this->data['encodings'] = $this->_handlerInfo($this->acceptEncoding);
        }
  
        if ($this->acceptLang) {
            $this->data['langs']     = $this->_handlerInfo($this->acceptLang);
        }
  
        $this->data['isSslConnect'] = $this->isSSLConnection();
        $this->data['ip']           = $this->getIp();
  
        $this->_userAgentCheck();
    }
  
    protected function _handlerInfo($info)
    {
        return array_map(function($val)
        {
            return trim(strpos($val,';') ? strchr($val,';', true) : $val);
        },
        (array) explode(',', $info)
        );
    }
  
    /**
     * Determine if we are using a secure (SSL) connection.
     * @return  boolean  True if using SSL, false if not.
     */
    public function isSSLConnection()
    {
        return (!empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) != 'off');
    }
  
    /**
     * user-Agent 信息分析
     * @return bool
     */
    protected function _userAgentCheck()
    {
        if (empty($_SERVER['HTTP_USER_AGENT'])) {
            $this->data['os'] = $this->data['browser'] = 'Unknown';
  
            return true;
        }
  
        $agent = strtolower($_SERVER['HTTP_USER_AGENT']);
  
        /* @link http://detectmobilebrowser.com/mobile */
        if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i',$agent)
            || preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($agent,0,4) ) ) {
            $this->data['isMobile'] = true;
        } else {
            $this->data['isPc']     = true;
        }
  
        //// system check
        $isUnix = $isLinux = $isMac = $isAndroid = false;
  
        if (preg_match('/win/i', $agent)) {
  
            $this->data['isWin'] = true;
  
            if (preg_match('/nt 6.0/i', $agent)) {
                $os = 'Windows Vista';
            } else if (preg_match('/nt 6.2/i', $agent)) {
                $os = 'Windows 8';
            } else if (preg_match('/nt 6.3/i', $agent)) {
                $os = 'Windows 10';
            } else if (preg_match('/nt 6.1/i', $agent)) {
                $os = 'Windows 7';
            } else if (preg_match('/nt 5.1/i', $agent)) {
                $os = 'Windows XP';
            } else if (preg_match('/nt 5/i', $agent)) {
                $os = 'Windows 2000';
            } else {
                $os = 'Windows other';
            }
  
        } else if (strpos('linux', $agent)) {
  
            if (strpos('android', $agent)) {
                $os                      = 'Android';
                $this->data['isAndroid'] = true;
            } else {
                $os                    = 'Linux';
                $this->data['isLinux'] = true;
            }
  
        } else if (strpos('android', $agent)) {
            $os                      = 'Android';
            $this->data['isAndroid'] = true;
        } else if ( strpos($agent,"iphone") ) {
            $os                  = 'Ios';
            $this->data['isIos'] = true;
        } else if (strpos('ubuntu', $agent)) {
            $os                    = 'Ubuntu';
            $this->data['isLinux'] = true;
        } else if (strpos('mac', $agent)) {
            $os                  = 'Mac OS X';
            $this->data['isMac'] = true;
        } else if (strpos('unix', $agent)) {
            $os                   = 'Unix';
            $this->data['isUnix'] = true;
        } else if (strpos('bsd', $agent)) {
            $os = 'BSD';
        } else if (strpos('symbian', $agent)) {
            $os = 'SymbianOS';
        } else {
            $os = 'Unknown';
        }
  
        $this->data['os'] = $os;
  
        //// browser check
        $browser = 'Unknown';
  
        // myie
        if(strpos($agent, 'myie')){
            $browser = 'Myie';
  
        // Netscape
        } else if(strpos($agent, 'netscape')) {
            $browser = 'Netscape';
  
        // Opera
        } else if(strpos($agent, 'opera')){
            $browser = 'Opera';
  
        // netcaptor
        } else if(strpos($agent, 'netcaptor')) {
            $browser = 'NetCaptor';
  
        // TencentTraveler
        } else if(strpos($agent, 'tencenttraveler')) {
            $browser = 'TencentTraveler';
  
        // Firefox
        } else if(strpos($agent, 'firefox')) {
            $browser = 'Firefox';
  
        // ie
        } else if(strpos($agent, 'msie')) {
            $browser = 'IE';
  
        // chrome
        } else if(strpos($agent, 'chrome')) {
            $browser = 'Chrome';
        }
  
        $this->data['browser'] = $browser;
  
        return true;
    }
  
    /**
     * get client Ip
     * @from web
     * @return void
     */
    public function getIP()
    {
        if (getenv('HTTP_CLIENT_IP')) {
            $ip = getenv('HTTP_CLIENT_IP');
        } elseif (getenv('HTTP_X_FORWARDED_FOR')) {
            $ip = getenv('HTTP_X_FORWARDED_FOR');
        } elseif (getenv('HTTP_X_FORWARDED')) {
            $ip = getenv('HTTP_X_FORWARDED');
        } elseif (getenv('HTTP_FORWARDED_FOR')) {
            $ip = getenv('HTTP_FORWARDED_FOR');
        } elseif (getenv('HTTP_FORWARDED')) {
            $ip = getenv('HTTP_FORWARDED');
        } else {
            $ip = $_SERVER['REMOTE_ADDR'];
        }
  
        return $ip;
    }
  
}// end class Client

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

<?php

/**

* Use : (请求来源)客户端信息

* File: Client.php

// namespace environment;

/**

* 客户端信息 Client

class Client extends AbstractEnv

{

/**

* @inherit

* @var array

static public $config = [

// $_SERVER['REMOTE_ADDR']

'addr' => 'REMOTE_ADDR',

// $_SERVER['REMOTE_PORT']

'port' => 'REMOTE_PORT',

/**

* 客户端(与服务端)连接

* $_SERVER['HTTP_CONNECTION'] = close

* @var string

'conn' => 'HTTP_CONNECTION',

/**

* 可接受资源类型

* $_SERVER['HTTP_ACCEPT']

* @var string

// e.g. text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8

'accept' => 'HTTP_ACCEPT',

/**

* 客户端可接受的资源（压缩）编码

* $_SERVER['HTTP_ACCEPT_ENCODING'];

* e.g. gzip, deflate, sdch

* @var string

'acceptEncoding' => 'HTTP_ACCEPT_ENCODING',

/**

* 客户端默认接受的语言

* $_SERVER['HTTP_ACCEPT_LANGUAGE'];

* e.g. zh-CN,zh;q=0.8

* @var string

'acceptLang' => 'HTTP_ACCEPT_LANGUAGE',

/**

* 用户代理 (通常是浏览器)

* $_SERVER['HTTP_USER_AGENT']

* e.g. Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36

* @var string

'userAgent' => 'HTTP_USER_AGENT',

];

protected $data = [

'isPc' => false,

'isMobile' => false,

'isUnix' => false,

'isLinux' => false,

'isWin' => false,

'isMac' => false,

'isAndroid' => false,

];

// 是移动端

// protected $isMobile = false;

// protected $platform;

public function init()

{

parent::init();

// Parse the HTTP_ACCEPT.

if ($this->accept) {

$this->data['accepts'] = $this->_handlerInfo($this->accept);

}

// Parse the accepted encodings.

if ($this->acceptEncoding) {

$this->data['encodings'] = $this->_handlerInfo($this->acceptEncoding);

}

if ($this->acceptLang) {

$this->data['langs'] = $this->_handlerInfo($this->acceptLang);

}

$this->data['isSslConnect'] = $this->isSSLConnection();

$this->data['ip'] = $this->getIp();

$this->_userAgentCheck();

}

protected function _handlerInfo($info)

{

return array_map(function($val)

{

return trim(strpos($val,';') ? strchr($val,';', true) : $val);

(array) explode(',', $info)

);

}

/**

* Determine if we are using a secure (SSL) connection.

* @return boolean True if using SSL, false if not.

public function isSSLConnection()

{

return (!empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) != 'off');

}

/**

* user-Agent 信息分析

* @return bool

protected function _userAgentCheck()

{

if (empty($_SERVER['HTTP_USER_AGENT'])) {

$this->data['os'] = $this->data['browser'] = 'Unknown';

return true;

}

$agent = strtolower($_SERVER['HTTP_USER_AGENT']);

/* @link http://detectmobilebrowser.com/mobile */

|| preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($agent,0,4) ) ) {

$this->data['isMobile'] = true;

} else {

$this->data['isPc'] = true;

}

//// system check

$isUnix = $isLinux = $isMac = $isAndroid = false;

if (preg_match('/win/i', $agent)) {

$this->data['isWin'] = true;

if (preg_match('/nt 6.0/i', $agent)) {

$os = 'Windows Vista';

} else if (preg_match('/nt 6.2/i', $agent)) {

$os = 'Windows 8';

} else if (preg_match('/nt 6.3/i', $agent)) {

$os = 'Windows 10';

} else if (preg_match('/nt 6.1/i', $agent)) {

$os = 'Windows 7';

} else if (preg_match('/nt 5.1/i', $agent)) {

$os = 'Windows XP';

} else if (preg_match('/nt 5/i', $agent)) {

$os = 'Windows 2000';

} else {

$os = 'Windows other';

}

} else if (strpos('linux', $agent)) {

if (strpos('android', $agent)) {

$os = 'Android';

$this->data['isAndroid'] = true;

} else {

$os = 'Linux';

$this->data['isLinux'] = true;

}

} else if (strpos('android', $agent)) {

$os = 'Android';

$this->data['isAndroid'] = true;

} else if ( strpos($agent,"iphone") ) {

$os = 'Ios';

$this->data['isIos'] = true;

} else if (strpos('ubuntu', $agent)) {

$os = 'Ubuntu';

$this->data['isLinux'] = true;

} else if (strpos('mac', $agent)) {

$os = 'Mac OS X';

$this->data['isMac'] = true;

} else if (strpos('unix', $agent)) {

$os = 'Unix';

$this->data['isUnix'] = true;

} else if (strpos('bsd', $agent)) {

$os = 'BSD';

} else if (strpos('symbian', $agent)) {

$os = 'SymbianOS';

} else {

$os = 'Unknown';

}

$this->data['os'] = $os;

//// browser check

$browser = 'Unknown';

// myie

if(strpos($agent, 'myie')){

$browser = 'Myie';

// Netscape

} else if(strpos($agent, 'netscape')) {

$browser = 'Netscape';

// Opera

} else if(strpos($agent, 'opera')){

$browser = 'Opera';

// netcaptor

} else if(strpos($agent, 'netcaptor')) {

$browser = 'NetCaptor';

// TencentTraveler

} else if(strpos($agent, 'tencenttraveler')) {

$browser = 'TencentTraveler';

// Firefox

} else if(strpos($agent, 'firefox')) {

$browser = 'Firefox';

// ie

} else if(strpos($agent, 'msie')) {

$browser = 'IE';

// chrome

} else if(strpos($agent, 'chrome')) {

$browser = 'Chrome';

}

$this->data['browser'] = $browser;

return true;

}

/**

* get client Ip

* @from web

* @return void

public function getIP()

{

if (getenv('HTTP_CLIENT_IP')) {

$ip = getenv('HTTP_CLIENT_IP');

} elseif (getenv('HTTP_X_FORWARDED_FOR')) {

$ip = getenv('HTTP_X_FORWARDED_FOR');

} elseif (getenv('HTTP_X_FORWARDED')) {

$ip = getenv('HTTP_X_FORWARDED');

} elseif (getenv('HTTP_FORWARDED_FOR')) {

$ip = getenv('HTTP_FORWARDED_FOR');

} elseif (getenv('HTTP_FORWARDED')) {

$ip = getenv('HTTP_FORWARDED');

} else {

$ip = $_SERVER['REMOTE_ADDR'];

}

return $ip;

}

}// end class Client

<?php
/**
 * Use : ...
 * File: Server.php
 */
  
// namespace environment;
  
/**
 * 服务端信息 Server
 */
class Server extends AbstractEnv
{
    /**
     * @inherit
     * @var array
     */
    static public $config = [
  
        // $_SERVER['REQUEST_SCHEME'] 架构
        // 'scheme' => 'REQUEST_SCHEME',
  
        // $_SERVER['PATH']
        'path'     => 'PATH',
  
        // $_SERVER['SERVER_PROTOCOL'] 协议 e.g. HTTP/1.1
        'protocol' => 'SERVER_PROTOCOL',
  
        // $_SERVER['SERVER_SIGNATURE'] 签名
        'signature' => 'SERVER_SIGNATURE',
  
        // $_SERVER['SERVER_ADDR']
        'addr'     => 'SERVER_ADDR',
  
        // $_SERVER['SERVER_PORT']
        'port'     => 'SERVER_PORT',
  
        // $_SERVER['SERVER_NAME']
        'name'     => 'SERVER_NAME',
  
        // $_SERVER['SERVER_SOFTWARE']
        'software' => 'SERVER_SOFTWARE',
  
        // $_SERVER['DOCUMENT_ROOT']
        'docRoot'     => 'DOCUMENT_ROOT',
  
        // $_SERVER['SCRIPT_FILENAME']
        'scriptFile' => 'SCRIPT_FILENAME',
  
        // $_SERVER['SCRIPT_NAME']
        'script'     => 'SCRIPT_NAME',
  
        // $_SERVER['PHP_SELF']
        'self'     => 'PHP_SELF',
    ];
  
    public function init()
    {
        parent::init();
  
        // $this->data['uri']       = rtrim($this->data['uri'],'?& ');
        // $this->data['rootUrl']     = $this->scheme . ':/'.'/' . $this->name;
        // $this->data['referer']  = !empty($_SERVER['HTTP_REFERER']) ? $_SERVER['HTTP_REFERER'] : $this->rootUrl;
        // $this->data['entryUrl']    = $this->rootUrl . $this->script;
        // $this->data['currentUrl']  = $this->isUrl($this->uri) ? $this->uri : $this->rootUrl . $this->uri;
  
        $this->data['workDir'] = getcwd();
        $this->data['entry'] = $this->getEntry();
        $this->data['root']  = $this->getRoot();
  
  
        $this->data['isCli'] = $this->isCli();
        $this->data['isWeb'] = $this->isWeb();
  
        // operate system
        $this->data['uname'] = PHP_OS;
        $this->data['os']    = strtoupper(substr($this->data['uname'], 0, 3));
        $this->data['isWin'] = ($this->data['os'] == 'WIN');
        $this->data['isLinux'] = ($this->data['os'] == 'LIN');
        $this->data['isUnix'] = $this->isUnix();
    }
  
    /**
     * getEntry
     * @param   bool $full
     * @return  string
     */
    public function getEntry($full = true)
    {
        $key = $full ? 'scriptFile' : 'script';
  
        $wdir = $this->data['workDir'];
        $file = $this->data[$key];
  
        if (strpos($file, $wdir) === 0) {
            $file = substr($file, strlen($wdir));
        }
  
        $file = trim($file, '.' . DIRECTORY_SEPARATOR);
  
        if ($full && $this->isCli()) {
            $file = $wdir . DIRECTORY_SEPARATOR . $file;
        }
  
        return $file;
    }
  
    /**
     * @param  boolean $full
     * @return string
     */
    public function getRoot($full = true)
    {
        return dirname($this->getEntry($full));
    }
  
    /**
     * isWeb
     * @return  boolean
     */
    public function isWeb()
    {
        return in_array(
            PHP_SAPI,
            array(
                'apache',
                'cgi',
                'fast-cgi',
                'cgi-fcgi',
                'srv'
            )
        );
    }
  
    /**
     * isCli
     * @return  boolean
     */
    public function isCli()
    {
        return in_array(
            PHP_SAPI,
            array(
                'cli',
                'cli-server'
            )
        );
    }
  
    /**
     * isUnix
     * @see  https://gist.github.com/asika32764/90e49a82c124858c9e1a
     * @return  bool
     */
    public function isUnix()
    {
        $unames = array('CYG', 'DAR', 'FRE', 'HP-', 'IRI', 'LIN', 'NET', 'OPE', 'SUN', 'UNI');
  
        return in_array($this->data['os'], $unames);
    }
  
    /**
     * check url string
     * @param  string  $str
     * @return boolean
     */
    public function isUrl($str)
    {
        $rule = '/^(http|https|ftp):\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?\/?/i';
  
        return preg_match($rule,$str)===1;
    }
}// end class Server

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

<?php

/**

* Use : ...

* File: Server.php

// namespace environment;

/**

* 服务端信息 Server

class Server extends AbstractEnv

{

/**

* @inherit

* @var array

static public $config = [

// $_SERVER['REQUEST_SCHEME'] 架构

// 'scheme' => 'REQUEST_SCHEME',

// $_SERVER['PATH']

'path' => 'PATH',

// $_SERVER['SERVER_PROTOCOL'] 协议 e.g. HTTP/1.1

'protocol' => 'SERVER_PROTOCOL',

// $_SERVER['SERVER_SIGNATURE'] 签名

'signature' => 'SERVER_SIGNATURE',

// $_SERVER['SERVER_ADDR']

'addr' => 'SERVER_ADDR',

// $_SERVER['SERVER_PORT']

'port' => 'SERVER_PORT',

// $_SERVER['SERVER_NAME']

'name' => 'SERVER_NAME',

// $_SERVER['SERVER_SOFTWARE']

'software' => 'SERVER_SOFTWARE',

// $_SERVER['DOCUMENT_ROOT']

'docRoot' => 'DOCUMENT_ROOT',

// $_SERVER['SCRIPT_FILENAME']

'scriptFile' => 'SCRIPT_FILENAME',

// $_SERVER['SCRIPT_NAME']

'script' => 'SCRIPT_NAME',

// $_SERVER['PHP_SELF']

'self' => 'PHP_SELF',

];

public function init()

{

parent::init();

// $this->data['uri'] = rtrim($this->data['uri'],'?& ');

// $this->data['rootUrl'] = $this->scheme . ':/'.'/' . $this->name;

// $this->data['referer'] = !empty($_SERVER['HTTP_REFERER']) ? $_SERVER['HTTP_REFERER'] : $this->rootUrl;

// $this->data['entryUrl'] = $this->rootUrl . $this->script;

// $this->data['currentUrl'] = $this->isUrl($this->uri) ? $this->uri : $this->rootUrl . $this->uri;

$this->data['workDir'] = getcwd();

$this->data['entry'] = $this->getEntry();

$this->data['root'] = $this->getRoot();

$this->data['isCli'] = $this->isCli();

$this->data['isWeb'] = $this->isWeb();

// operate system

$this->data['uname'] = PHP_OS;

$this->data['os'] = strtoupper(substr($this->data['uname'], 0, 3));

$this->data['isWin'] = ($this->data['os'] == 'WIN');

$this->data['isLinux'] = ($this->data['os'] == 'LIN');

$this->data['isUnix'] = $this->isUnix();

}

/**

* getEntry

* @param bool $full

* @return string

public function getEntry($full = true)

{

$key = $full ? 'scriptFile' : 'script';

$wdir = $this->data['workDir'];

$file = $this->data[$key];

if (strpos($file, $wdir) === 0) {

$file = substr($file, strlen($wdir));

}

$file = trim($file, '.' . DIRECTORY_SEPARATOR);

if ($full && $this->isCli()) {

$file = $wdir . DIRECTORY_SEPARATOR . $file;

}

return $file;

}

/**

* @param boolean $full

* @return string

public function getRoot($full = true)

{

return dirname($this->getEntry($full));

}

/**

* isWeb

* @return boolean

public function isWeb()

{

return in_array(

PHP_SAPI,

array(

'apache',

'cgi',

'fast-cgi',

'cgi-fcgi',

'srv'

)

);

}

/**

* isCli

* @return boolean

public function isCli()

{

return in_array(

PHP_SAPI,

array(

'cli',

'cli-server'

)

);

}

/**

* isUnix

* @see https://gist.github.com/asika32764/90e49a82c124858c9e1a

* @return bool

public function isUnix()

{

$unames = array('CYG', 'DAR', 'FRE', 'HP-', 'IRI', 'LIN', 'NET', 'OPE', 'SUN', 'UNI');

return in_array($this->data['os'], $unames);

}

/**

* check url string

* @param string $str

* @return boolean

public function isUrl($str)

{

$rule = '/^(http|https|ftp):\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?\/?/i';

return preg_match($rule,$str)===1;

}

}// end class Server

发表在 BS架构后台语言 | 标签为 $_SERVER, php | 一条评论

考虑到 PHP 5.0~5.6 各版本兼容性的 cURL 文件上传

发表于2016 年 2 月 25 日由稚子

最近做的一个需求，要通过PHP调用cURL，以multipart/form-data格式上传文件。

不同版本PHP之间cURL的区别

PHP的cURL支持通过给CURL_POSTFIELDS传递关联数组（而不是字符串）来生成multipart/form-data的POST请求。

传统上，PHP的cURL支持通过在数组数据中，使用“@+文件全路径”的语法附加文件，供cURL读取上传。这与命令行直接调用cURL程序的语法是一致的：

curl_setopt(ch, CURLOPT_POSTFIELDS, array(
    'file' => '@'.realpath('image.png'),
));
equals
$ curl -F "file=@/absolute/path/to/image.png"

curl_setopt(ch, CURLOPT_POSTFIELDS, array(

'file' => '@'.realpath('image.png'),

));

equals

$ curl -F "file=@/absolute/path/to/image.png"

但PHP从5.5开始引入了新的CURLFile类用来指向文件。CURLFile类也可以详细定义MIME类型、文件名等可能出现在multipart/form-data数据中的附加信息。PHP推荐使用CURLFile替代旧的@语法：

curl_setopt(ch, CURLOPT_POSTFIELDS, [
    'file' => new CURLFile(realpath('image.png')),
]);

curl_setopt(ch, CURLOPT_POSTFIELDS, [

'file' => new CURLFile(realpath('image.png')),

]);

PHP 5.5另外引入了CURL_SAFE_UPLOAD选项，可以强制PHP的cURL模块拒绝旧的@语法，仅接受CURLFile式的文件。5.5的默认值为false，5.6的默认值为true。

但是坑的一点在于：@语法在5.5就已经被打了deprecated，在5.6中就直接被删除了（会产生 ErorException: The usage of the @filename API for file uploading is deprecated. Please use the CURLFile class instead）。

对于PHP 5.6+而言，手动设置CURL_SAFE_UPLOAD为false是毫无意义的。根本不是字面意义理解的“设置成false，就能开启旧的unsafe的方式”——旧的方式已经作为废弃语法彻底不存在了。PHP 5.6+ == CURLFile only，不要有任何的幻想。

我的部署环境是5.4(仅@语法)，但开发环境是5.6(仅CURLFile)。都没有压在5.5这个两者都支持过渡版本上，结果就是必须写出带有环境判断的两套代码。

现在问题来了……

环境判断：小心魔法数字！

我见过这种环境判断的代码：

if (version_compare(phpversion(), '5.4.0') >= 0)

1	if (version_compare(phpversion(), '5.4.0') >= 0)

我对这种代码的评价只有一个字：屎。

这个判断掉入了典型的魔法数字陷阱。版本号莫名其妙的出现在代码之中，不查半天PHP手册和更新历史，很难明白作者被卡在了哪个功能的变更上。

代码应该回归本源。我们的实际需求其实是：有CURLFile就优先采用，没有再退化到传统@语法。那么代码就来了：

if (class_exists('\CURLFile')) {
    $field = array('fieldname' => new \CURLFile(realpath($filepath)));
} else {
    $field = array('fieldname' => '@' . realpath($filepath));
}

if (class_exists('\CURLFile')) {

$field = array('fieldname' => new \CURLFile(realpath($filepath)));

} else {

$field = array('fieldname' => '@' . realpath($filepath));

}

建议明确指定的退化选项

从可靠的角度，推荐指定CURL_SAFE_UPLOAD的值，明确告知php是容忍还是禁止旧的@语法。注意在低版本PHP中CURLOPT_SAFE_UPLOAD常量本身可能不存在，需要判断：

if (class_exists('\CURLFile')) {
    curl_setopt($ch, CURLOPT_SAFE_UPLOAD, true);
} else {
    if (defined('CURLOPT_SAFE_UPLOAD')) {
        curl_setopt($ch, CURLOPT_SAFE_UPLOAD, false);
    }
}

if (class_exists('\CURLFile')) {

curl_setopt($ch, CURLOPT_SAFE_UPLOAD, true);

} else {

if (defined('CURLOPT_SAFE_UPLOAD')) {

curl_setopt($ch, CURLOPT_SAFE_UPLOAD, false);

}

cURL选项设置的顺序

不管是curl_setopt()单发还是curl_setopt_array()批量，cURL的选项总是设置一个生效一个，而设置好的选项立刻就会影响cURL在设置后续选项时的行为。

例如CURLOPT_SAFE_UPLOAD就和CURLOPT_POSTFIELDS的行为有关。如果先设置CURLOPT_POSTFIELDS再设置CURLOPT_SAFE_UPLOAD，那么后者的约束作用就不会生效。因为设置前者时cURL就已经把数据实际的识读处理完毕了！

cURL有那么几个选项存在这种坑，务必小心。还好这种存在“依赖关系”的选项不多，机制也不复杂，简单处理即可。我的方法是先批量设置所有的选项，然后直到curl_exec()的前一刻才用curl_setopt()单发设置CURLOPT_POSTFIELDS。

实际上在curl_setopt_array()用的数组中，保证CURLOPT_POSTFIELDS的位置在后边也是可靠的。PHP的关联数组是有顺序保障的，我们也可以假设curl_setopt_array()内部的执行顺序一定是从头到尾按顺序[注A]，所以尽可放心。

我的做法只是在代码表现上加个多余的保险，突出强调顺序的重要性防以后手贱。

命名空间

PHP 5.2或以下的版本没有命名空间。代码中用到了空间分隔符\就会引发解析器错误。要照顾PHP 5.2其实容易想，放弃命名空间即可。

要注意的反倒是有命名空间的PHP 5.3+。无论是调用CURLFile还是用class_exists()判断CURLFile的存在性，都推荐写成\CURLFile明确指定顶层空间，防止代码包裹在命名空间内的时候崩掉。

发表在 BS架构后台语言 | 标签为 curl文件上传 | 留下评论

查看CentOS版本方法

发表于2016 年 2 月 24 日由稚子

有以下命令可以查看：

# lsb_release -a
LSB Version:    :core-3.1-ia32:core-3.1-noarch:graphics-3.1-ia32:graphics-3.1-noarch
Distributor ID: CentOS
Description:    CentOS release 5.4 (Final)
Release:        5.4
Codename:       Final

# lsb_release -a

LSB Version: :core-3.1-ia32:core-3.1-noarch:graphics-3.1-ia32:graphics-3.1-noarch

Distributor ID: CentOS

Description: CentOS release 5.4 (Final)

Release: 5.4

Codename: Final

这个命令适用于所有的linux，包括Redhat、SuSE、Debian、Centos等发行版。

root@MyMail ~ # uname
Linux
root@MyMail ~ # uname -r
2.6.18-164.el5
[root@localhost ~]# uname -a
Linux localhost.localdomain 2.6.18-194.el5 #1 SMP Fri Apr 2 14:58:35 EDT 2010 i686 i686 i386 GNU/Linux

root@MyMail ~ # uname

Linux

root@MyMail ~ # uname -r

2.6.18-164.el5

[root@localhost ~]# uname -a

Linux localhost.localdomain 2.6.18-194.el5 #1 SMP Fri Apr 2 14:58:35 EDT 2010 i686 i686 i386 GNU/Linux

以下二种方法适用于RedHat,CentOS

root@MyMail ~ # cat /etc/redhat-release
CentOS release 5.4 (Final)

1 2	root@MyMail ~ # cat /etc/redhat-release CentOS release 5.4 (Final)

登录到linux执行rpm -q redhat-release

#rpm -q redhat-release

1	#rpm -q redhat-release

或CentOS

root@MyMail ~ # rpm -q centos-release
centos-release-5-4.el5.centos.1

1 2	root@MyMail ~ # rpm -q centos-release centos-release-5-4.el5.centos.1

当前centos 版本与redhat对应的版本的命令

# cat /proc/version
Linux version 2.6.9-78.ELsmp (mockbuild@builder16.centos.org) (gcc version 3.4.6 20060404 (Red Hat 3.4.6-10)) #1 SMP Fri Jul 25 00:04:28 EDT 2008

1 2	# cat /proc/version Linux version 2.6.9-78.ELsmp (mockbuild@builder16.centos.org) (gcc version 3.4.6 20060404 (Red Hat 3.4.6-10)) #1 SMP Fri Jul 25 00:04:28 EDT 2008

发表在操作系统相关 | 标签为 CentOS, 版本 | 留下评论

textarea 的 placeholder 如何进行换行?

发表于2016 年 2 月 17 日由稚子

在 HTML5 placeholder 中，意为占位符。常会在表单中用一些简单的单词进行提示，友好的提示用户录入数据。

在 W3C 中，定义占位符为一个简单的提示（一个词语或一个短语），在帮助用户进行数据录入。若想录入较长的提示，建议在当前操作旁注明提示信息，而不是使用 placeholder。

倘若硬是想在 textarea 标签中使用 placeholder 属性去实现换行文字提示的话，有什么办法实现呢？

首先

<textarea placeholder="this is line 1\n this is line 2\n this is line 3"></textarea>

1	<textarea placeholder="this is line 1\n this is line 2\n this is line 3"></textarea>

这种写法是无效的。

经过各种试验得出了如下几种解决方法：

1、万能的 CSS

/* WebKit browsers */
::-webkit-input-placeholder {
    color: transparent;
}
::-webkit-input-placeholder:before {
    display: block;
    color: #999;
    content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
    color: transparent;
}
:-moz-placeholder:before {
    display: block;
    color: #999;
    content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
    color: transparent;
}
::-moz-placeholder:before {
    display: block;
    color: #999;
    content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {
    color: transparent;
}
:-ms-input-placeholder:before {
    display: block;
    color: #999;
    content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";
}

/* WebKit browsers */

::-webkit-input-placeholder {

color: transparent;

}

::-webkit-input-placeholder:before {

display: block;

color: #999;

content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";

}

/* Mozilla Firefox 4 to 18 */

:-moz-placeholder {

color: transparent;

}

:-moz-placeholder:before {

display: block;

color: #999;

content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";

}

/* Mozilla Firefox 19+ */

::-moz-placeholder {

color: transparent;

}

::-moz-placeholder:before {

display: block;

color: #999;

content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";

}

/* Internet Explorer 10+ */

:-ms-input-placeholder {

color: transparent;

}

:-ms-input-placeholder:before {

display: block;

color: #999;

content: "第一行文本提示 \A 第二行文本提示 \A 第三行文本提示 \A";

}

2、万能的 CSS

* WebKit browsers */
::-webkit-input-placeholder:after {
    display: block;
    content: "第二行文本提示 \A 第三行文本提示 \A";
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder:after {
    display: block;
    content: "第二行文本提示 \A 第三行文本提示 \A";
}

/* Mozilla Firefox 19+ */
::-moz-placeholder:after {
    display: block;
    content: "第二行文本提示 \A 第三行文本提示 \A";
}

/* Internet Explorer 10+ */
:-ms-input-placeholder:after {
    display: block;
    content: "第二行文本提示 \A 第三行文本提示 \A";
}

* WebKit browsers */

::-webkit-input-placeholder:after {

display: block;

content: "第二行文本提示 \A 第三行文本提示 \A";

}

/* Mozilla Firefox 4 to 18 */

:-moz-placeholder:after {

display: block;

content: "第二行文本提示 \A 第三行文本提示 \A";

}

/* Mozilla Firefox 19+ */

::-moz-placeholder:after {

display: block;

content: "第二行文本提示 \A 第三行文本提示 \A";

}

/* Internet Explorer 10+ */

:-ms-input-placeholder:after {

display: block;

content: "第二行文本提示 \A 第三行文本提示 \A";

}

3、万能的 JavaScript

// required jQuery

var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示';
$('textarea').val(placeholder);
$('textarea').focus(function() {
    if ($(this).val() == placeholder) {
        $(this).val('');
    }
});

$('textarea').blur(function() {
    if ($(this).val() == '') {
        $(this).val(placeholder);
    }
});

// required jQuery

var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示';

$('textarea').val(placeholder);

$('textarea').focus(function() {

if ($(this).val() == placeholder) {

$(this).val('');

}

});

$('textarea').blur(function() {

if ($(this).val() == '') {

$(this).val(placeholder);

}

});

发表在 Web前台开发技术 | 标签为 html5, placeholder | 留下评论

Modernizr的介绍和使用

发表于2016 年 2 月 6 日由稚子

传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能，而是令你通过创建可选风格配置修改页面设计。它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能。

什么是Modernizr？

Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的控制。

当你在网页中嵌入Modernizr的脚本时，它会检测当前浏览器是否支持CSS3的特性，比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等，同时也会检测是否支持HTML5的特性——比如audio、video、本地储存、和新的 <input>标签的类型和属性等。在获取到这些信息的基础上，你可以在那些支持这些功能的浏览器上使用它们，来决定是否创建一个基于JS的 fallback，或者对那些不支持的浏览器进行简单的优雅降级。另外，Modernizr还可以令IE支持对HTML5的元素应用CSS样式，这样开发者就可以立即使用这些更富有语义化的标签了。

Modernizr 简单易用，但不是万能的。成功使用 Modernizr 很大程度上取决于你的 CSS 和 JavaScript 技能。

使用HTML 5和CSS 3的主要问题不是普及程度和浏览器之间的差异，而在于首先了解这些差异是什么。一旦搞清楚，开发人员就能够采用优雅降级(graceful degradation)技术解决这些局限性。为此，许多开发人员求助于开源项目Modernizr。

Modernizr不是检测user-agent字符串，而是使用一系列测试来判断浏览器的特性。在几毫秒内它就能够执行超过40种测试并将结果作为属性记录在名为Modernizr的对象中。开发人员可以通过这些信息检测他们准备使用的某特性是否被浏览器支持并作出相应的处理。

在Modernizr 2.0版中，它增加了一个针对JavaScript和CSS的条件资源加载器(conditional resource loader)。该资源加载器接受三个参数，第一个是表达式，列举了所需的特性。第二个参数是如果表达式返回true则加载的JavaScript和 CSS文件列表。第三个参数是所需特性不存在的情况下备用的文件列表。

除了优雅降级，加载器还可用于引入polyfill。请允许我向那些还不太熟悉pollyfill的朋友解释一下，pollyfill是“一种JavaScript垫片(shim)，为老版本浏览器模拟了标准API”。虽然这种方式不总是值得推荐，但是pollyfill能够用来添加（Modernizr检测到的）大多数HTML 5特性的支持。这里，polyfill 用来填补浏览器功能上的漏洞。有时，Modernizr 可无缝地执行这项任务。但本质上，这只是一种修补工作，所以，不能依赖它产生无漏洞浏览器所实现的完全相同结果。

为了改进性能，开发人员可以定制Modernizr来执行网站所需的测试。这可以通过Modernizr下载页面来完成，该页面同时显示了能够检测的特性列表。在github网站上还标有无法检测的特性和可能的解决办法。

Modernizr是基于渐进增强理论来开发的，所以它支持并鼓励开发者一层一层的创建他们的网站。一切从一个应用了Javascript的空闲地基开始，一个接一个的添加增强的应用层。因为使用了Modernizr，所以你容易知道浏览器都支持什么。

Modernizr的原理

Modernizr 使用 JavaScript 检测浏览器所支持的功能，但是，它并不是使用 JavaScript 动态地加载不同的样式表，而是使用非常简单的技术将类添加到页面的<html>标签。然后作为设计者由你决定使用 CSS 层叠为目标元素提供合适的样式。

例如，如果页面支持 box-shadow 属性，那么 Modernizr 会添加 boxshadow 类。如果不支持，那么它用 no-boxshadow 类作为替代进行添加。

由于浏览器忽略它们无法识别的 CSS 属性，因此你可以放心地按照你的基本样式规则使用 box-shadow 属性，然而需要按照下面的格式为旧版本的浏览器添加单独的 descendant selector ：

.no-boxshadow img { /* styles for browsers that don’t support box-shadow */ }

只有不支持 box-shadow 的浏览器才会有 no-boxshadow 类，因此其它的浏览器不会应用这个样式规则。

下表列举了 Modernizr 使用的类名称以表明对 CSS3 的支持。如果某个功能不支持，那么相应类的名称用no-作前缀。

CSS 功能	Modernizr 类（属性）
@font-face	fontface
::before and ::after pseudo-elements	generatedcontent
background-size	backgroundsize
border-image	borderimage
border-radius	borderradius
box-shadow	boxshadow
CSS animations	cssanimations
CSS 2D transformations	csstransforms
CSS 3D transformations	csstransforms3d
CSS transitions	csstransitions
flexible box layout	flexbox
gradients	cssgradients
hsla()	hsla
multi-column layout	csscolumns
multiple backgrounds	multiplebgs
opacity	opacity
reflection	cssreflections
rgba()	rgba
text-shadow	textshadow

无论在哪对特定的CSS属性进行测试，类的名称和属性名称都是一样的，然而这要求去除任何连字号或是括号。其它类是按照它们参考的CSS3模块而命名。

Modernizr的使用

1. 下载

首先从www.modernizr.com下载Modernizr的最新的稳定版。把它加入页面的<head>区域：

&lt;script src="modernizr-1.5.min.js"&gt;&lt;/script&gt;

1	<script src="modernizr-1.5.min.js"></script>

2. 向<html>元素添加“no-js”的类

<!DOCTYPE HTML>

当Modernizr运行的时候，它会把这个“no-js”的类变为“js”来使你知道它已经运行。Modernizr并不仅仅只做这一件事情，它还会为所有它检测过的特性添加class类，如果浏览器不支持某个特性，它就为该特性对应的类名加上“no-”的前缀。
添加no-js class到html元素下，是告诉浏览器是否支持JavaScript，如果不支持就显示no-js，如果支持就把no-js删掉

此时如果使用Dreamweaver 的Live Code，可以看到Modernizr添加了大量的表明浏览器功能的类，如下图

如图所示， no-js 类已经被js类替代，这表明 JavaScript 已经启用。

如果你的 Dreamweaver 版本没有 Live Code（或者你正使用不同的 HTML 编辑器），那么你可以使用大多数新式浏览器提供的开发工具或者 Firefox 浏览器提供的 Firebug 检查生成的代码。

3. 使用案例1——在支持shadow阴影的浏览器显示shadow，不支持的浏览器显示标准的边框

.boxshadow #MyContainer { border: none; -webkit-box-shadow: #666 1px 1px 1px; -moz-box-shadow: #666 1px 1px 1px;
} .no-boxshadow #MyContainer { border: 2px solid black;
}

.boxshadow #MyContainer { border: none; -webkit-box-shadow: #666 1px 1px 1px; -moz-box-shadow: #666 1px 1px 1px;

} .no-boxshadow #MyContainer { border: 2px solid black;

}

因为如果浏览器支持box-shadows的话，Modernizr就会将boxshadow class添加到<html>元素，然后你可以将它管理到一个相应的div的id上。如果不支持，Modernizr就会将no- boxshadow class添加到<html>元素，这样显示的就是一个标准的边框。这样我们就可以很方便地在支持CSS3特性的浏览器上使用CSS3新功能，不支持的浏览器上继续使用以前的方式。

4. 使用案例2——对本地存储进行测试

Modernizr除了添加相应的class到<html>元素以外，还提供一个全局的Modernizr JavaScript对象，该对象提供了不同的属性来表示某种新特性在当前浏览器下是否支持。例如，下面的代码可以用于判断浏览器是否支持canvas和 local storag。对于多个开发人员在多版本浏览器下开发测试的时候很有好处的。

<script> window.onload = function () { if (localStorageSupported()) {
            alert('local storage supported');
    }
};

　　function localStorageSupported() {
    　　try { 　　return ('localStorage' in window && window['localStorage'] != null);
    　　}catch(e) {}
   　　 return false;
} </script>

alert('local storage supported');

}

};

　　function localStorageSupported() {

　　try { 　　return ('localStorage' in window && window['localStorage'] != null);

　　}catch(e) {}

　　 return false;

} </script>

大家可以统一代码

$(document).ready(function () { if (Modernizr.canvas) { //Add canvas code  } if (Modernizr.localstorage) { //script to run if local storage is  else { // script to run if local storage is not supported
    }  }
});

$(document).ready(function () { if (Modernizr.canvas) { //Add canvas code } if (Modernizr.localstorage) { //script to run if local storage is else { // script to run if local storage is not supported

} }

});

全局的Modernizr对象也可以用来探测是否支持CSS3特性，下面的代码用于测试是否支持border-radius 和CSS transforms:

$(document).ready(function () { if (Modernizr.borderradius) {
        $('#MyDiv').addClass('borderRadiusStyle');
    } if (Modernizr.csstransforms) {
        $('#MyDiv').addClass('transformsStyle');
    }
});

$(document).ready(function () { if (Modernizr.borderradius) {

$('#MyDiv').addClass('borderRadiusStyle');

} if (Modernizr.csstransforms) {

$('#MyDiv').addClass('transformsStyle');

}

});

audio 和 video 而言，返回值是一个字符串，它表明着浏览器能够处理特定类型的置信水平。根据 HTML5 规范，空的字符串表示该类型不支持。如果支持该类型，那么返回值是“maybe”或是“probably”。例如：

if (Modernizr.video.h264 == "") { // h264 is not supported }

1	if (Modernizr.video.h264 == "") { // h264 is not supported }

4. 使用案例3——使用 Modernizr 验证 HTML5 必需的表单字段

HTML5 添加了许多新的表单属性，例如 autofocus，当页面第一次加载时它会自动地将光标放在某个指定的字段。另一个有用的属性是 required, 如果某个必需的字段留有空白，那么它将阻止HTML5兼容的浏览器提交表单。

图1. 脚本检测到不支持新属性的浏览器中的必需字段

图2. 脚本检测到不支持新属性的浏览器中的必需字段

提交表单前，HTML5 兼容的浏览器会检查必需字段是否填写

window.onload = function() { // get the form and its input elements  　　var form = document.forms[0], inputs = form.elements; // if no autofocus, put the focus in the first field  　　if (!Modernizr.input.autofocus) { //因如果不支持 autofocus，那么该条件的求值结果为 true，并且 inputs[0].focus() 将光标放在第一个输入字段 　　　　 inputs[0].focus(); }
　　　　// if required not supported, emulate it 　　　　 if (!Modernizr.input.required) { 
　　　　　　form.onsubmit = function() { 
　　　　　　　　var required = [], att, val;
　　　　　　　　// loop through input elements looking for required  　　　　　　　　for (var i = 0; i < inputs.length; i++) {
　　　　　　　　　　 att = inputs[i].getAttribute('required'); 　　　　　　　　　　// if required, get the value and trim whitespace  　　　　　　　　　　　　if (att != null) { 
　　　　　　　　　　　　　　val = inputs[i].value; // if the value is empty, add to required array  　　　　　　　　　　　　　　　　if (val.replace(/^\s+|\s+$/g, '') == '') { 
　　　　　　　　　　　　　　　　　　required.push(inputs[i].name);
　　　　　　　　　　　　　　　　} 
　　　　　　　　　　　　}
　　　　　　　　 } // show alert if required array contains any elements  　　　　if (required.length > 0) { 
　　　　　　alert('The following fields are required: ' + required.join(', ')); 
　　　　　　// prevent the form from being submitted  　　　　　　return false; 
　　　　} 
　　};
　} 
}

window.onload = function() { // get the form and its input elements 　　var form = document.forms[0], inputs = form.elements; // if no autofocus, put the focus in the first field 　　if (!Modernizr.input.autofocus) { //因如果不支持 autofocus，那么该条件的求值结果为 true，并且 inputs[0].focus() 将光标放在第一个输入字段　　　　 inputs[0].focus(); }

　　　　// if required not supported, emulate it 　　　　 if (!Modernizr.input.required) {

　　　　　　form.onsubmit = function() {

　　　　　　　　var required = [], att, val;

　　　　　　　　// loop through input elements looking for required 　　　　　　　　for (var i = 0; i < inputs.length; i++) {

　　　　　　　　　　 att = inputs[i].getAttribute('required'); 　　　　　　　　　　// if required, get the value and trim whitespace 　　　　　　　　　　　　if (att != null) {

　　　　　　　　　　　　　　val = inputs[i].value; // if the value is empty, add to required array 　　　　　　　　　　　　　　　　if (val.replace(/^\s+|\s+$/g, '') == '') {

　　　　　　　　　　　　　　　　　　required.push(inputs[i].name);

　　　　　　　　　　　　　　　　}

　　　　　　　　 } // show alert if required array contains any elements 　　　　if (required.length > 0) {

　　　　　　alert('The following fields are required: ' + required.join(', '));

　　　　　　// prevent the form from being submitted 　　　　　　return false;

　　　　}

　　};

　}

代码产生了一个函数，当提交表单时它能够遍历所有的输入元素，以便于找到具有 required 属性的字段。当它找到某个字段时，它会从值中除去开头和结尾的空白，并且如果结果是一个空的字符串，那么它会把结果添加到 required 数组中。在所有的字段都已经得到检查后，如果数组中包含某些元素，那么浏览器会显示一个与缺失字段名称有关的警告，并阻止提交表单。

创建自定义版本

当你准备好对你的网站进行部署时，推荐创建一个 Modernizr 的自定义 production 版本，它只包含那些你实际需要的元素。这可以按照你所选的功能将 Modernizr 库的大小从 44KB 缩小到 2KB。当前选项的范围如图所示。

如：

单击http://www.modernizr.com/download/. 这将会打开如上图所示的界面。
在 CSS3 分类中，选中box-shadow 和 CSS columns.
在 HTML5 分类中，选中 Input Attributes.
在 Extra 分类中，取消选择 HTML5 Shim/IEPP.
确保 Extra 分类中如下的选项被选中（它们应该已经自动地被选中）。
- Modernizr.load(yepnope.js)
- Add CSS Classes
- Modernizr.testProp()
- Modernizr.testAllProps()
- Modernizr._domPrefixes

单击Generate按钮。
当自定义脚本准备好（一般在一到两秒内）时，在 Generate 按钮旁边会出现一个 Download 按钮。单击 Download 按钮并在范例网站的js文件夹中保存该文件。下载页面会给 production 脚本提供一个文件名，例如 modernizr.custom.79475.js，但是你或许会希望给它一个更加有意义的名称。在范例文件中，我使用的名称是 modernizr.adc.js。
用自定义 production 脚本的链接替换 modernizr.js in css_support.html 和 required.html 的链接。注意 production 脚本只有 5KB，而不是 development 版本的44KB。
单击 css_support.html 中的 Live Code（或者使用你的浏览器中的 development 工具）。现在，如下图所示，开始的<html>标签只有三个类。

参考：

http://www.mhtml5.com/2011/03/676.html
http://www.adobe.com/cn/devnet/dreamweaver/articles/using-modernizr.html
http://zh.wikipedia.org/wiki/Modernizr
http://modernizr.com/docs/

发表在 BS架构后台语言, Web前台开发技术 | 标签为 HTML5&CSS3, JavaScript&jQuery | 留下评论

http 使用curl发起https请求

发表于2016 年 2 月 6 日由稚子

使用curl如果想发起的https请求正常的话有2种做法：

方法一、设定为不验证证书和host。

在执行curl_exec()之前。设置option

$ch = curl_init();

......

curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);

$ch = curl_init();

......

curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);

curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);

方法二、设定一个正确的证书。

本地ssl判别证书太旧，导致链接报错ssl证书不正确。

我们需要下载新的ssl 本地判别文件

https://curl.haxx.se/ca/cacert.pem

或点后面的链接下载 cacert.zip

放到程序文件目录

curl 增加下面的配置

curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,true); ;
curl_setopt($ch,CURLOPT_CAINFO,dirname(__FILE__).'/cacert.pem');

1 2	curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,true); ; curl_setopt($ch,CURLOPT_CAINFO,dirname(__FILE__).'/cacert.pem');

大功告成

发表在 BS架构后台语言, 操作系统相关 | 标签为 curl, HTTPS | 留下评论

不同版本PHP之间cURL的区别

环境判断：小心魔法数字！

建议明确指定的退化选项

cURL选项设置的顺序

命名空间

归档

功能