Archive for the 'Tips' Category

Surface Pro(win10) 无线投屏与小米盒子3连接不成功的解决方法

前段时间买了surface pro3,用来连接投影做presentation的时候手写比较方便,原来有一个华为荣耀的盒子,尝试了各种方法都无法连接,安卓手机和Apple产品都可以正常连接,但surface不能。于是考虑重新购买一个无线显示适配器,搜索了很多产品,首选应该是买微软官方出品Microsoft Wireless Display Adapter,可以在京东或者亚马逊购买到,价格在400左右,据说也可以考虑ScreenBeam Mini,价格在200左右,两款产品我都没有实测,你可以到京东查看用户的评论。

我选择购买了小米盒子3,从小米官方网站购入,价格299,原因是所有的无线适配器HDMI接口都是公头,也就是说他只能插到带有HDMI的显示设备上,而大部分情况下投影都是VGA接口,因此需要购买一个“HDMI母转VGA母”的转接头,可以通过京东50元左右购买。另外还需要一个USB供电器,例如充电宝,无线适配器需要额外供电。电视盒一般是HDMI母接口,而我手头上正好有一个HDMI公转VGA母的转接线(这个很常用),而电视盒都自己有供电电源,而且电视盒放在家里偶尔还能看看电视(安装泰捷视频),是不是更合适呢?

装上电视盒,打开无线显示,提示等待连接,就OK了,然后就是surface端设置了。surface端可真是令人难受。

右侧侧滑出侧边栏,点击连接后能够看到“客厅的小米盒子”,但是始终连接不上,查了很多资料都说连接不上,而且surface pro 3的显卡是Marvell的,网上都说只有显卡和网卡都是intel的芯片才可以,快放弃的时候,尝试关闭surface的防火墙(网络设置->滚动到最下面->windows防火墙->启用和关闭windows防火墙->全部关闭,再次连接“客厅的小米盒子”,等待10s,居然连接上了,无语了,微软客服和小米客服都不能给出解决方案,仅仅是因为防火墙的原因

最后再说下surface pro 3的简单感受,手写方面暂时没有见到比surface更好的产品,如果你不配原装键盘的话,那么surface的最佳用途我觉得就两点:1. 记笔记;2. 讲PPT。如果你要把他当做出行电脑,那么一定要买个原装键盘,我买的是surface pro 4的键盘盖,感觉他可以替代mac air了。

微信浏览器禁止app下载链接怎么办

通过扫描二维码下载APP已成为一个非常方便的方式,微信也成为扫描二维码重要的工具,但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽,导致用户无法正常下载。本文提供两个迂回的解决方案:1.使用腾讯应用宝;2.提示用户使用浏览器打开。
继续阅读 [ 微信浏览器禁止app下载链接怎么办 ]

如何将iPhone的屏幕镜像到Mac,录制iPhone屏幕

我们在演示app的时候,如果能够将手机屏幕同步到投影那是非常好的事情,现阶段这将借助电脑作为中介。原来我们通常需要itools、airserver这样的第三方工具运行在Mac上,但是在Yosemite和iOS8发布之后,这成为意见非常轻松的事情。

通过lightning数据线将iOS8系统的iPhone连接到Yosemite系统的Mac,在Mac上打开QuickTimePlayer,打开“文件->新建影片录制”,默认使用电脑的摄像头准备录制,点击红色录制按钮的右侧白色小三角,可以看到iPhone,点击即可实现屏幕同步,点击录制,既可以录制iPhone的屏幕了。

苹果官网对字体的css

苹果对于细节的追求值得我们学习,其官网的前端代码也是非常出色,在字体上让人有很强的艺术感。那么让我们来看看它是怎么处理的css的?
对于apple.com美国官网其字体看起来是这样的:
apple-font
对于apple.com.cn苹果大陆网站字体看起来是这样的:
apple-font2
分析来看,其CSS是这么设置的:
对于英文站点

body{
color: #333;
font-style: normal;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
font-size: 18px;
line-height: 1.45;
font-weight: 400;
}

对于中文站点

html[lang="zh-CN"] body {
    font-family: "PingHei","Lucida Grande","Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";
}

我们看到苹果中文站点使用了“PingHei”这个字体,“PingHei”有人称之为“平黑”,据传是苹果向华文定制的黑体,其比划表现非常细腻圆滑。但是,平黑并不在Mac Os和Windows被内置,而我们又如何在苹果官网看到这个字体的呢?

CSS3 通过 font-face 实现的 Web Fonts 技术能够下载字体文件解释网页内容,但是中文字体一般都非常庞大,少则几兆,下载耗时太长,因此苹果使用字体子集,将需要的字体打包到字体文件中,因此文件量大大降低。另外,借助CDN加速提升访问速度。

更多关于苹果官网的字体可阅读 如何评价 2014 年 9 月 10 日苹果官网 Apple.com 的改版?

JQuery Mobile开发的移动网页内容链接打不开

Jquery Mobile(简称JQM)对a标签进行了二次处理,默认a标签打开页面使用Ajax方式异步加载打开,而对于一些目标页面的结构并不属于JQM的范畴,会导致页面无法打开,例如,链接到一个外链、PDF文件、Excel文件等等。

为了让a标签在独立窗口中打开,而不是Ajax加载到JQM框架内,需要显式的在a标签中进行表示<a rel=’external’ >。而cms或者blog中创建的文章内容,并不会特殊的针对a标签增加rel属性,而且我们不可能要求用户增加这个属性。因此需要对内容进行二次处理。

这里我们可以采用正则表达式进行处理:

$content = "<a href='http://www.comingx.com'>ComingX</a> and so on";//article content need to be replaced
$pattern = "/(<\s?a)(.*?>)/s";
//<a rel='external' href='http://www.comingx.com'>ComingX</a> and so on
$content = preg_replace($pattern,"$1 rel='external' $2", $content);

如何通过搜索引擎解决技术问题

搜索引擎成为程序猿解决技术问题的主要渠道,本文主要帮助新手找到搜索引擎的感觉,不至于漫无目的的在无数结果中灰心丧气。
这里我们举一个技术问题的例子:
以前我一直是用php开发的,从来没有学过python语言,现在要用python对一个字符串做一个正则表达式的替换,有字符串“<p>&nbsp;&nbsp;文章正文</p>”,我们要把紧跟在<p>标签后的&nbsp;都去掉。
那么在python应该怎么做呢?
继续阅读 [ 如何通过搜索引擎解决技术问题 ]

不用Https如何实现数据传输安全

Web请求的数据都是明文传输的,黑客通过截获数据得到用户的个人数据。为了数据安全一些安全性要求较高的网站采用Https协议,例如支付宝。但是,Https价格是比较昂贵的。我们是否有一些辅助方案来解决一些关键数据的安全问题。下面的架构提出了一个解决思路。

网络安全结构

利用AES对称加密算法加密传输的数据,服务器端利用密钥解密数据。

因为AES是对称加密算法,因此有密钥就可以解密密文。因此密钥不能始终使用同一个,应时刻变化,否则知道密钥轻松解密密文。如果密钥采用随机生成,服务器端就必须得到客户端的密钥,因此借助RSA非对称加密算法用公钥将AES随机密钥传输给服务器端,服务器利用私钥解密得到AES密钥明文,利用AES密钥明文解密数据。

为什么不直接用RSA算法加密数据,服务器用RSA解密?
因为RSA算法对于明文字节长度限制为117字节,解密密文长度128字节,对于web较大数据传输不能胜任。但是对于小数据,例如密码、用户ID等数据是可以的。

这样的思路需要我们具有两方面的工具:JS AES、RSA库和服务器端AES、RSA库。这两方面工具都有智者分享了。

Google搜索结果无法打开解决方法

google搜索结果无法跳转
几年后注:以下方法已无效,请尝试购买VPN或者使用一些google的代理网站,例如glgoo.com
Google搜索时,通常可以得到搜索结果,但是点击搜索结果时,却经常无法到达目标页面。分析其原因:

  • 搜索时可以有结果,因为现在google搜索页面都是用的https协议,可以绕过GFW防火墙。
  • 点击搜索结果却无法到达,因为点击Google的搜索结果不是直接链到目标页面,而是到Google服务器,然后跳转(redirect)到目标页面,因为再google服务器google.com.hk跳转时默认没有采用https协议,因此受到GFW拦截,经常中断,导致无法到达目标页面。

因此解决方法有两种:

  • 强制给Google.com.hk域名增加https协议,实现加密跳转
  • 跳过Google.com.hk的跳转过程,直接链到目标页面

针对这两种方法,基于Firefox浏览器插件实现(两种方法选一即可)

Chrome浏览器也可使用,下载地址如下:

制作网站favicon.ico文件

在浏览器标签选项卡上,你可以为你的网站添加一个好看的图标,让用户在众多标签中,快速的找到它,效果如下:
favicon制作

制作步骤如下:

  1. 一个网站的Logo文件,如果logo元素太复杂,建议截取其中最具有代表性的局部,因为网页图标只能是16px*16px,过细的图像效果较差。
  2. favicon网站,将Logo导入进去,下载favicon.ico文件
  3. 将favicon.ico文件上传到服务器根目录
  4. 在网页头部添加代码
    <link rel='shortcut icon' href='favicon.ico' />

浏览网站,往往需要清空浏览器缓存后能够看到效果。

QQ空间中显示新浪微博,测试可用

新浪微博与QQ空间都是社交网络平台,但是两者有着非常细微的差别,致使两者的定位完全差异。本文不在于讨论两个社交平台的差异,只是解决部分同学希望在QQ空间中展示微博文的需求。

早先,新浪微博提供基于Flash的QQ空间挂件,而QQ空间提供增加自定义模块(Flash模块),这样可以轻松的在QQ空间中显示新浪微博的内容。但是,随着腾讯微博与新浪微博的竞争,QQ空间停止接入来自于weibo.com的Flash,腾讯还为自己找了个借口——为了防止用户帐号被非法Flash盗取。因此,Flash的QQ空间挂件失效了。有热心网友针对此问题,编写了一个软件,用于转换weibo.com的网址,使其成为QQ空间允许的URL范围,此方法未曾尝试。

本文提出的是利用新浪微博另外的一个“签名档”工具,来生成一张图片插入到QQ空间中。它能够显示头像、昵称、最新博文、链接地址。效果如图所示:

继续阅读 [ QQ空间中显示新浪微博,测试可用 ]