Author: Gideon
刚刚在收集各个移动平台浏览器的User-Agent(参见这里: 收集几个移动平台浏览器的User-Agent)的时候,遇到了这3个网站,觉得以后还是会用得到的,这里收藏一下,检测浏览器User-Agent信息的网站,如果你手里有不同的上网设备,通过这3个网站(其中之一就可以)来检测下该设备浏览器的User Agent,欢迎留言给我,我更新到 收集几个移动平台浏览器的User-Agent这篇文章里,争取收集更多的设备User Agent。
这3个检测浏览器User-Agent信息的网站为:
1. http://whatsmyuseragent.com/
2. http://whatsmyua.com/
3.…
Read More
Total Video Converter 是瘟到死中知名的音视频转换软件,很多 Linux 用户也在寻找类似软件。
那,Linux 中有这样的软件吗?
当然有~,Winff 就是这样的软件,图形界面,操作简单。
官方网站:http://winff.org/html_new/
项目主页:http://code.google.com/p/winff/
Ubuntu 中的安装方法:
代码:
sudo add-apt-repository ppa:paul-climbing/ppa
sudo apt-get update
sudo apt-get install ffmpeg winff libx264-dev libfaac-dev libavcode…
Read More
格式转换 (将file.avi 转换成output.flv)
#ffmpeg -i file.avi output.flv
-i 表示输入文件
:现在有个视频video.avi,有个音频 audio.mp3,将其合并成output.avi
两个命令(file.avi 是中间文件,用完可删)
#ffmpeg -i video.avi -vcodec copy -an video2.avi
#ffmpeg -i video2.avi -i audio.mp3 -vcodec copy -acodec copy output.avi
-i 表示输入文件
-vcodec copy 表示 force video codec (‘copy’ to copy stream) 这个不知怎么译…
Read More
两天,jnj在本站发布了《如何在低速率网络中测试 Web 应用》,那是测试网络不好的情况。而下面是十个免费的可以用来进行Web的负载/压力测试的工具,这样,你就可以知道你的服务器以及你的WEB应用能够顶得住多少的并发量,以及你的网站的性能。我相信,北京奥组委的订票网站的开发团队并不知道有这样的测试工具。
Grinder – Grinder是一个开源的JVM负载测试框架,它通过很多负载注射器来为分布式测试提供了便利。 支持用于执行测试脚本的Jython脚本引擎HTTP测试可通过HTTP代理进行管理。根据项目网站的说法,Grinder的 主要目标用户是“理解他们所测代码的人——Grinder不仅…
Read More
有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明。
onload方法
通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码。如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将图片显示出来。
<img class="pic1" onload="get(this)" src="..." style='display:none' />
<…
Read More
「等高响应式布局」是什么?介绍它之前,我们先回忆一下它的近亲「等宽响应式瀑布流」。
回忆一下,Pinterest、Google+、花瓣网、美丽说等是否让你沉浸于不断往下拉体验丰富的图片阅览?
那种感觉就像逛街,让所有商品呈现在网页上,只需要往下拉鼠标就能逐个浏览,不断加载,他们简洁同时整齐,原因是他们的宽度相等,但是高度不一。
这就是所谓的「等宽响应式瀑布流」,它的特点如下:
1.响应式,适应PC端以及移动端各设备呈现不同的宽度和单列数量;
2.等宽,这样的布局十分适合瀑布流,有不断向下的阅读感;
3.没有脚的小鸟,因为内容是不断向下加载,因此页脚基本是看不到了;
这样的布局引起了一个风潮,然而…
Read More
Jetpack 介绍前言
这周的WordPress基础教学着实让StartPress工作室团队伤脑筋,我们一直在想该如何向大家介绍比新手更进阶一层的第二篇教学文,后来我们决定将Jetpack by WordPress.com这款强大工具外挂包推荐给大家。
为什么要将Jetpack 介绍给你们呢? 如它的名称所言,它是一款WordPress.com 官方团队打造的外挂工具包,你只需要安装这款外挂,就能拥有34 种丰富又多功能的外挂。 你可以点击上图连去WordPress 官方外挂网站下载上传安装,也可以直接在你WordPress 网站后台的外挂设定页面输入「Jetpack by wordpress.com」关键字搜寻、直接…
Read More
jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside
ajax.php 代码:
$address = $_GET['address'];
$xml = file_get_contents('https://maps-api-ssl.google.com/maps/api/geocode/xml?address='.urlencode($address).'&sensor=false');
$arr = xml2array($xml);
$output = $arr['GeocodeResponse']['status'];
主要是利用了谷歌接口:https://maps-api-ssl.google.com/maps/api/geocode/xml?address=…
Read More
扫码登录操作过程
浏览器输入:https://wx.qq.com/?lang=zh_CN
手机登录微信,利用“扫一扫”功能扫描网页上的二维码
手机扫描成功后,提示“登录网页版微信”;网页上显示“成功扫描 请在手机点击确认以登录”
手机端点击“登录网页版微信”,网页跳转到用户的微信操作界面
整个扫码登录的操作过程还是挺简单的,而且交互地实时性比较好,如果网络不是非常阻塞,整个过程还是非常快的。
扫码登录原理
扫码登录大概的思路是:微信手机客户端从网页二维码里面得到一些信息,然后发送给网页微信的服务器,网页服务器验证信息并响应。下面,我们借助火狐浏览器提供的Firebug工具看看,到底是怎么一回事儿吧!
1.每次打…
Read More
一句代码:
SELECT FLOOR(10000 + RAND() * 89999) AS random_number
FROM table1
WHERE "random_number" NOT IN (SELECT unique_id FROM table2)
LIMIT 1
随机生成5位数字,并且不重复。上面的代码真是给人无限的联想力。
例如:
function get_unique_username($chance=10,$show_sql=FALSE)
{
global $conn;
// connect db
if(!$conn) connect();
$output = FALSE;
$rand =
Viewport Resizer的开发背景
现在开发人员如果要开发一个同时支持PC端与手机端的网站的话,由于电脑和手机显示屏肯定不一样大小的,所以要跟对手机等移动设备进行单独地测试,而对于 电脑上的浏览器来说,其视角一般比电脑的分辨率稍微小一点,但是肯定比手机设备要大得多了,如果我们每次测试的时候手动地调整浏览器进行缩放的效果和手机 中显示的效果并一定是一样的,因为电脑上的浏览器缩放到一定程度就会出现滚动条,无法达到逼真的测试效果,所以我们需要一款能够改变PC机中浏览器的视角 的谷歌浏览器插件。
Viewport Resizer的简介
Viewport Resizer是一款可以自由调整当前浏览器视角大小的谷歌浏…
Read More
在上一篇文章中,我讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。
查看演示
先还是要说明本例的业务流程:
1、前端用户输入内容,并对输入的内容字数进行实时统计。
2、用户提交数据,jQuery实现通过Ajax向后台发送数据。
3、后台PHP接收提交表单的数据,并对数据进行必要的安全过滤。
4、后台PHP连接Mysql数据库,并将提交过来的表单数据写入到相应的数据表中。
5、后台向返回成功结果数据内容,并通过Ajax将返回的数据内容插入到前端页面中。
上述1、2步在前篇文章:jQuery篇已讲解了,本文将完成剩余的散步…
Read More
我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“查看更多”来加载更多记录。本文我将结合jQuery和PHP给大家讲述如何实现这种应用。
查看演示 下载源码
基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有 个“更多”链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前 台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页。其实就是Ajax分页效…
Read More