- 博客(61)
- 收藏
- 关注
原创 读取二维码 How to decode QR code ( HTML5 QR Code Reader )
DescriptionThis is a cross platform jQuery library to create a QRcode reader for HTML5 compatible browser.The decoder used for the QRcode reading is from LazarSoft https://github.com/LazarSoft/j...
2015-05-30 01:34:44 1489
原创 jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。 遇到问题1、我一开始用swipeup和swipedown来做,发现因为有滚动条,不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势,后面的文章会介绍,欢迎关注!2、通过上滚下滚来让底部导航显示或者因此,安卓上面的浏览器都可以,但是苹果safa...
2015-05-30 01:32:22 294
原创 js网页顶部线性页面加载进度条,jquery头部线性进度条总结
前言网页顶部加载进度条,近年来很流行,很多网站都采用了这种加载方式。网上也有这样类似的插件,今天我们总结一下网页顶部线性页面加载进度条。 头部LoadingBar线性进度条总结上面的代码只是静态效果,没有和网页加载联系在一起,要和网页加载联系在一起,今天推荐几个插件。 插件一:LoadingBarLoadingBar.js的地址是:http://www.onextr...
2015-05-30 01:29:39 426
原创 重新拎一遍js的正则表达式
前言js的正则表达式是前端中比较重要的部分,加入你要去面试,正则的题目必不可少。我之前的这篇文章中提及过。具体可以看:http://www.haorooms.com/post/qianduan_mianshi 正则表达式规则 一、普通字符字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字符"。表达式中的普通字符,在匹配一个字符串的时候,匹配...
2015-05-30 01:26:52 70
原创 jQuery模拟原生态App上拉刷新下拉加载效果代码
以下任意均可: 1. jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用。原文:http://www.sucaijiayuan.com/Js/other/1055.html下载:jQuery模拟原生态App上拉刷新下拉加载效果代码 2. jquery iscroll上拉 下拉加...
2015-05-30 01:25:03 516
原创 js页面文字选中后分享到新浪微博实现
一、功能简述正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。我的站点每篇文章的底部有一些分享的链接:不过我觉得这些分享基本上就是聋子的耳朵——摆设。除非这篇文章惊天地、泣鬼神,痛彻心扉,穿越前世今生。但是,如果有更加方便快捷的分享方式,这种冷淡得让人结冰的场面或许就不会经常出现。一般翻译软件都有划词翻译功能...
2015-05-28 06:44:18 197
原创 谷歌地图查询两地开车路线 Google Maps API V3: DirectionsService (Driving Directions) example...
In this article I will explain with example and attached source code, how to use the Google Maps API V3 to plot driving directions and route on Google Maps using the DirectionsService. HTML Marku...
2015-05-28 06:39:52 903
原创 谷歌地图添加点击事件 Google Maps API V3: Add click event listener to all (multiple) marker
代码:<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script><script type="text/javascript"> var markers = [ { "tit
2015-05-28 06:38:30 710
原创 谷歌地图添加点击事件 Google Maps API V3: Add click event listener to all (multiple) marker
代码:<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script><script type="text/javascript"> var markers = [ { "tit
2015-05-28 06:37:07 941
原创 WordPress基础教学:绝对必装的JetPack外挂
Jetpack 介绍前言这周的WordPress基础教学着实让StartPress工作室团队伤脑筋,我们一直在想该如何向大家介绍比新手更进阶一层的第二篇教学文,后来我们决定将Jetpack by WordPress.com这款强大工具外挂包推荐给大家。为什么要将Jetpack 介绍给你们呢? 如它的名称所言,它是一款WordPress.com 官方团队打造的外挂工具包,你只需要安装这款...
2015-05-27 00:54:28 3415
原创 javascript 通过地址获取经纬度 get lat long from address
1. 地图版:<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title> - demo</title><script
2015-05-27 00:49:36 741
原创 Google Maps API 以某一经纬度为中心,以某一长度位半径画圆 Draw the radius of a circle...
直接看代码:<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title> - jsFiddle demo</title><
2015-05-27 00:47:42 1259 1
原创 Google谷歌通过地址计算两地距离 HOW TO CALCULATE DRIVING DISTANCE BETWEEN 2 LOCATIONS
1. 通过经纬度,计算直线距离<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script><script>var p1 = new google.maps.LatLng(4...
2015-05-27 00:46:24 501
原创 通过经纬度计算两地距离 calculates the distance between two points via latitude/longitude
Javascript版://::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::://::: ::://::: This routine...
2015-05-27 00:42:51 339
原创 微信扫码登录网页实现原理
扫码登录操作过程浏览器输入:https://wx.qq.com/?lang=zh_CN手机登录微信,利用“扫一扫”功能扫描网页上的二维码手机扫描成功后,提示“登录网页版微信”;网页上显示“成功扫描 请在手机点击确认以登录”手机端点击“登录网页版微信”,网页跳转到用户的微信操作界面整个扫码登录的操作过程还是挺简单的,而且交互地实时性比较好,如果网络不是非常阻塞,整个过程还...
2015-05-23 01:16:20 5406
原创 通过谷歌API验证地址是否存在 How Google’s Geocoding solves Address Validation
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 = xml2arra...
2015-05-23 01:14:46 440
原创 HTML5+PHP+jQuery手机摇一摇换衣
在上一篇文章中,我们了使用HTML5可以侦听到手机晃动从而实现摇一摇效果。手机摇一摇可以应用到很多场景中,如摇一摇换抽奖,摇一摇搜歌等。本文我将给大家介绍如何使用HTML5+PHP+jQuery实现手机摇一摇换衣效果。 查看演示 下载源码 注意,这是一篇WEB知识综合应用的文章,阅读本文前提是,您需要有HTML5,jQuery,PHP,MySQL等相关方面的基础知识。...
2015-05-23 01:13:19 168
原创 HTML5手机重力与方向感应的应用——摇一摇效果
HTML5有一个重要特性:DeviceOrientation,它将底层的方向和运动传感器进行了高级封装,它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。 查看演示 下载源码DeviceOrientation包括两个事件:1、deviceOrientation:封装了方向传感器数据的事件...
2015-05-23 01:13:05 445
原创 [Magento error] The url is not accessible, unable to read response
Today I attempted to setup a fresh Magento installation and got a weird issue, I got this message “The URL http://www.tofuandtomato.com/magento/ is not accessible. Unable to read response, or respon...
2015-05-23 01:12:50 168
原创 滚屏加载--无刷新动态加载数据技术的应用
我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术,必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。查看演示 滚 屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后 台PHP程序,返回相应的数据,并将返...
2015-05-22 01:28:17 211
原创 jQuery+PHP实现浏览更多内容
我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“查看更多”来加载更多记录。本文我将结合jQuery和PHP给大家讲述如何实现这种应用。查看演示 下载源码 基 本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有 个“...
2015-05-22 01:25:36 116
原创 PHP+Mysql+jQuery实现发布微博程序--PHP篇
在上一篇文章中,我讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。查看演示 先还是要说明本例的业务流程:1、前端用户输入内容,并对输入的内容字数进行实时统计。2、用户提交数据,jQuery实现通过Ajax向后台发送数据。3、后台PHP接收提交表单的数据,并对数据进行必要的安全过...
2015-05-22 01:18:54 90
原创 改变浏览器视角大小:Viewport Resizer
Viewport Resizer的开发背景现在开发人员如果要开发一个同时支持PC端与手机端的网站的话,由于电脑和手机显示 屏肯定不一样大小的,所以要跟对手机等移动设备进行单独地测试,而对于 电脑上的浏览器来说,其视角一般比电脑的分辨率稍微小一点,但是肯定比手机设备要大得多了,如果我们每次测试的时候手动地调整浏览器进行缩放的效果和手机 中显示的效果并一定是一样的,因为电脑上的浏览器缩放到一定程...
2015-05-22 01:16:35 354
原创 Mysql 集成随机唯一id mysql unique number generation
一句代码:SELECT FLOOR(10000 + RAND() * 89999) AS random_numberFROM table1WHERE "random_number" NOT IN (SELECT unique_id FROM table2)LIMIT 1 随机生成5位数字,并且不重复。上面的代码真是给人无限的联想力。 例如:function g...
2015-05-22 01:14:38 703
原创 生成二维码的 jQuery 插件:jquery.qrcode.js
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。 jquery.qrcode.js 使用1. 加载 jQuery 和 jquery.qrcode.j...
2015-05-21 01:26:13 445
原创 在web页面上快速生成二维码的两种实用方法
二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~ 方法1:使用新浪提供的服务这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,方法如下:<img src="http://qrcoder.sinaapp.com?t=http://www.gb...
2015-05-21 01:23:47 1169
原创 基于HTML5实现的超酷摄像头(HTML5 webcam)拍照功能 - photobooth.js
在线演示 下载 WebRTC可能是明年最受关注的HTML5标准了,Mozilla为此开发了一套帮助你控制硬件的API,例如,摄像头,麦克风,或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。在今天的这篇文章中,我们将介绍来自Wolfram Hempel开发的Photobooth.js,使用这个类库可以帮助你快速的调用摄像头功能,你可以很容易的添加摄像头功能到网站中...
2015-05-21 01:22:14 2449
原创 magento 设置ssl coufigure magento with ssl
The private SSL certificate is an important upgrade to your website. The basic function of an SSL is to encrypt all communication between the browser and the server, ensuring that all data goes thro...
2015-05-21 01:13:19 214
原创 Note: HTML5 识别语音相关的一些资源
speechRecognition APISpeech API 只支持 Chrome,http://updates.html5rocks.com/2013/01/Voice-Driven-Web-Apps-Introduction-to-the-Web-Speech-APIspeech = new webkitSpeechRecognitionspeech.onresult = ...
2015-05-20 02:00:52 130
原创 jquery:使用 SoundManager 2 创建简单的网页音频播放器
官网:http://www.schillmania.com/projects/soundmanager2/HTML5 标准中加入了两个非常强大的标签 audio 和 video ,让我们在网页中嵌入视频和音频变得非常方便,但是不幸的是目前用户所使用的有很大一部分浏览器都是老版本的,并不支持这两个标签,这使前端开发者们很困扰,这里介绍一款相对来讲支持浏览器比较多的网页音频播放器 ------ ...
2015-05-20 01:58:59 510
原创 精选9个不错的HTML5播放器
HTML5中,除了其他强大的功能外,同时还增加了audio标签,利用audio标签就可以播放音乐。下面是9个不错的HTML5音乐播放器。 Media ElementMediaElement音频视频播放器是纯HTML5和CSS编写的。同时为很多不同的开源系统提供插件,如WordPress,Drupal,Joomla等网址:http://mediaelementjs.com/ S...
2015-05-20 01:56:30 475
原创 PHP 国家时区 PHP List of timezones (Not sorted by country)
代码:<?php$timezones[] = array("abbr"=>"ACDT","name"=>"Australian Central Daylight Time","offset"=>"+10:30");$timezones[] = array("abbr"=>"AC
2015-05-20 01:54:43 317
原创 PHP 国家电话区号 PHP Countries and their call codes with two letter abbreviations
代码:<?php$countries = array();$countries[] = array("code"=>"AF","name"=>"Afghanistan","d_code"=>"+93");$countries[] = array("code"=>"AL&qu
2015-05-20 01:52:42 9755
原创 jQuery: 仿select下拉框效果,点击空白关闭弹出层,判断是否被mouseover
1. 方法一<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g..
2015-05-19 07:53:17 329
原创 css 多栏文字流 css two columns text flow
1. 方法一 : CSS3<!DOCTYPE html><html><head><style> .newspaper { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ ...
2015-05-19 07:48:23 107
原创 大小不固定的图片和多行文字的垂直水平居中
本文综述想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。 关于图片垂直居中显示,想必很多写css的人都研究过,或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法, 用font-size解决IE下垂直居中的问题,是个好方法吗?是的,方法是不错,可是问题也很多:不支持...
2015-05-19 07:43:25 118
原创 我所知道的几种display:table-cell的应用
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈 现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性 的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用。我们都 知道,单元格有一些比较特别的属性,例如元素的垂直居中对齐,关联伸缩等,...
2015-05-19 07:42:07 76
原创 jQuery : ddSlick 自定义select下拉框 custom drop down with images and description.
ddSlick 是一个轻量级的 jQuery 插件用来实现定制的下拉组件。 主要特点: Adds images and description to otherwise boring drop downs. Uses JSON to populate the drop down options. Uses Minimum css and no external stylesheets to ...
2015-05-19 07:36:36 259
原创 php获取推特feed twitter timeline feed
1. https://apps.twitter.com/申请 consumer_key, consumer_secret,oauth_access_token,oauth_access_token_secret 2. 下载项目:https://github.com/kmaida/twitter-timeline-php下载:twitter-timeline-php-master...
2015-05-16 05:12:38 260
原创 使用HTML5开发手机离线应用
本来这篇文章想叫《挺起你的HTML5》或者《让HTML5飞》或者神马其他的,但是为了更好的体现主题,我就用这个直白点的题目吧 ~随 着各种智能手机(iPhone、Android)大行其道,App模式的应用开发变得热火朝天,反观Web领域则黯然失色。然而即将(或者说已 经)到来的HTML5,又为Web注入了新鲜的鸡血,让我等Web码农再次激动不已——我们可以用HTML、CSS、Jav...
2015-05-16 05:09:22 492
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人