Hiheng

Hiheng

生活是件有趣的事情

设计与开发留下评论

移动端WEB开发常见问题

项目的移动端开发工作量剧增，解决各种问题又没有时间去系统整理，在这里先做一个持续的碎片记录笔记。

一、meta标签声明移动端布局
常用的声明方式：

<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" />
  • width：控制 viewport 的大小，可以指定的一个像素值，如“1024”。常用特殊值: device-width （设备的宽度）。
  • height：同 width。
  • minimum-scale：允许用户缩放的最小比例，如：1.0（不可缩放）。
  • initial-scale：初始缩放比例，常用：1.0
  • maximum-scale：允许用户放大到的最大比例。
  • user-scalable：用户是否可以手动缩放。 值：0/1

二、移动端浏览器javascript判断方法：
《javascript判断手机/平板电脑浏览器》

二、微信浏览器的判断方法：
《如何判断微信浏览器？》

三、IOS下表单按钮显示默认风格（如图），无法按设计需求显示。
ios_submit
解决方法，取消IOS默认风格：

input[type=subimt],input[type=button]{-webkit-appearance: none;}

四、移动设备横竖切换时，页面字体变大问题。

CSS
-webkit-text-size-adjust: none;
text-size-adjust: none

未完待续…

阅读乱炖留下评论

【视频】我恨 “帕赫贝尔的卡农”！

作为史上最有名的半曲天王（为什么是半曲天王而非一曲天王，后面会解释）， Pachelbel 一生致力于教会音乐的写作，J.S.巴赫的哥哥曾是他的学生。不过比较遗憾的是，他最传世的作品却是这样一首小曲，不知道 Pachelbel 地下有知的话，是否又会高兴呢？

现在网上所讲的这首「卡农」，正式的名称为 Canon and Gigue in D major。如今大多数人听到的都是卡农的那部分，吉格的那部分现在很少有人听。所以我说 Pachelbel 算是「半曲天王」。

还有，卡农其实是曲式的名称。它是用对位法写的一种复调音乐，一个旋律在数个声部依次出现，交叉进行，互相追逐，到最后的和弦合在一起。
——luckystar

javascript 设计与开发留下评论

如何判断微信浏览器？

最近围绕微信工作平台的需求越来越多，所以就需要判断访问者是否为微信浏览器。

PHP方法：利用PHP的“_SERVER ”数组“HTTP_USER_AGENT”项，获取该页面的用户代理的信息，来完成这个工作。

<?php
echo $_SERVER["HTTP_USER_AGENT"];
?>

【winows/chrome】 输出结果：

weixin

Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36

而【ios7/weixin】下输出结果：

viewfile

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_4 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mobile/11B554a MicroMessenger/5.0.3

在字符串中可以看出“MicroMessenger ”为微信浏览器版本，所以可以使用“MicroMessenger”参数，来判断访问来源是否为“微信浏览器”。

if(strpos($_SERVER['HTTP_USER_AGENT'],"MicroMessenger "))
{
	echo "Hello Weixin";
}

Javascript方法：

function is_weixn(){
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        return true;
    } else {
        return false;
    }
}
单曲循环留下评论

周末,五月天《paradise + 倔强》

周末，有点冷。

今年的冬天来的似乎有点早，我跟一出租车司机闲聊，的哥猛然来了句，你不看还几天就要过年了。我愣了半晌，想这一年很疲惫，总希望赶紧翻篇，这下好了，确实没几天了。

低头看看音乐列表里是五月天“离开地球表面 Jump!”音乐会专辑，在五月天的音乐道路中颇具争议的一张专辑，但我还是挺喜欢“Paradise+倔强”这个串烧，因为有些歌总会带给人力量，就像两首歌的歌词“远方有一个地方，那里种有我们的梦想… 我和我最后的倔强，握紧双手绝对不放…”。

2013，工作生活都颇多无奈感，感谢一切带给我坚韧和力量的事物。

2013，重新思考“梦想”。

五月天《paradise + 倔强》：http://music.163.com/#/m/song?id=385863

（Paradise）

远方有一个地方，那里种有我们的梦想。
某天也许会相遇，相遇在这个好地方。
不要太担心只因为我相信，终会走过这条遥远的道路。

oh para paradise
是否那么重要，是否那么地遥远

….

（倔强）

我和我最后的倔强，握紧双手绝对不放
下一站是不是天堂，就算失望不能绝望

我和我骄傲的倔强，我在风中大声的唱
这一次为自己疯狂，就这一次我和我的倔强！

当我和世界不一样，那就让我不一样
坚持对我来说，就是以刚克刚

我如果对自己妥协，如果对自己说谎
即使别人不原谅，我也不能原谅

最美的愿望一定最疯狂，我就是我自己的神
在我活的地方！

….

阅读乱炖留下评论

关于碎片阅读

12/04 一早起来，手机N多提醒。 原来在 @知乎 吐槽《明史》的回答被选入《 @知乎日报 》，惭愧，我觉得其他人的答案和吐槽更加精彩。

每天早晨都要陷入深度的碎片阅读时间，这是最近半年养成的习惯，这不是一个好习惯。碎片时间+碎片阅读，导致许多能够带来思考或共鸣的文章，总是一睹为快却不能进一步消化，这也不是个好习惯。一直不能找到一个满意的阅读器，固定使用，这更不是一个好习惯。（自己开发一个？）

所以，暂时在博客开一个分类“阅读乱炖”，来收藏一些文章吧。

PS: 豆瓣笔记原本是我最喜欢用的一个读书笔记应用，自从升级IOS7，各种BUG无法使用，实在遗憾。

php 设计与开发留下评论

PHP QR Code类库生成二维码

由于二维码被广泛使用，现在在web开发中不得不经常生成各种二维码。可以利用PHP类库“PHP QR Code”来生成一种常见的二维码——QR码。

类库下载URL: http://phpqrcode.sourceforge.net/

qrlib.php 是完整版，官方的调用实例：

QRcode::png('code data text', 'filename.png'); // creates file 

QRcode::png('some othertext 1234'); // creates code image and outputs it directly into browser

phpqrcode.php 是合并版，只有一个文件，但生成速度较慢且不太准确。使用方法：

//
include "phpqrcode/phpqrcode.php; 

$data=“http://www.hiheng.com”;  //二维码数据

$filename = $errorCorrectionLevel.'|'.$matrixPointSize.'.png'; //生成的文件名

$errorCorrectionLevel = 'L';   //纠错级别 L | M | Q | H
$matrixPointSize = 4;    //每个黑点的像素 1~10
QRcode::png($data,$filename,$errorCorrectionLevel,$matrixPointSize);
//
design 设计与开发留下评论

广告创意中的3B原则

3B原则是从创意入手提出的beauty（美女）、beast（动物）、baby（婴儿），以此为表现手段的广告符合人类关注自身生命的天性，最容易赢得消费者的注意和喜欢。也被称为“ABC原则”，即animal、beauty和child。

Google Images 日本 广告 《Fashion Show with Google》
“谷歌搜索”跟“时尚”有什么关系？ 看日本导演Kosai Sekine用“美女”来解决这个问题的。广告清新亮丽，创意让人眼前一亮，顺便还介绍了Google强大的图片搜素、色彩搜索、相似图片等功能。