Author: Gideon

那些让人惊叹的的国外创意404错误页面设计

在网上冲浪的时候碰到404错误页面是非常令人沮丧的,随后的一两秒内如果没有什么吸引你的注意力的话,我敢肯定你会离开网站,再也不会回来。 因此,很多网站都会设计一个新颖的错误页面,以吸引用户继续浏览其它的内容。这里收集了45个非常有创意的404错误页面设计作品,一起欣赏:)   1. Batman 2. Godzilla 3. Oroza 4. Ferdaze 5. Suspended Animations 6. War Hammer 7. … Read More

60款很酷的 jQuery 幻灯片演示和下载

jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件,相信里面一定会有你喜欢的。 Cloud Carousel (演示 | 下载) ShineTime (演示 | 下载) Nivo Slider … Read More

【翻译】即学即用的Web前端优化技巧 ( Front-end optimizations you can start doing right now )

英文原文 http://odiseo.net/javascript/front-end-optimizations-you-can-do-right-now-on-your-existing-code 强烈建议各位Web前端开发人员都要“真正”去学习Javascript并且掌握基本的DOM知识。诚然我也不得不赞同,不少基于Javascript特性的小把戏和小技巧根本就不会带来终端用户能明显觉察到的性能提升。话虽如此,我会在这篇文章里分享一些优化技巧,你可以马上在代码里使用这些技巧从而让程序跑的更快。而且从今以后,每当在项目里使用Javascript的时候你都应该想到并实践这些优化。 精明的使用选择器 Use selectors wisely 假设程序里有一个id为#profile-container的div, 你想在其内部选择一个或多个class为myClass的input元素。你可能会很快写出下面这样一个jquery选择器: $('#profile-container input.myClass')   这句可以满足需求,但并不是最好的方法。事实上,$(‘#profile-container’).find(‘input.myClass’)会比上面那句更快。为什么呢?这需要了解下Jquery选择器机制。首先,$(‘#profile-container’)这个选择器可以很快的获得要选取的部分,这样当使用find()的时候,就会限制在一个很有限的查找范围,从而提升了性能。可以参开Jquery源码。 Rob Tarr的文章给出的一些测试结果可以印证这点,他还发现如果链式的使用find()逐层查找会更快,比如$(‘.container’).find(‘.main’).find(‘ul.list-1′).find(‘li’) seesparkbox.com给出的选择器测试比较的结果 另一种精明的使用选择器提高性能的办法就是明确的的声明需要查找的元素类型。比如,如果我们知道要选择的元素类型的话,$(‘ul.todo’)明显会比$(‘.todo’)快的多。 缓存jQuery选择器的结果… Read More

部分国行Android手机缺少谷歌GMS服务包导致HTML5 Geolocation无法定位的问题

最近项目上用到HTML5的geolocation用于定位,用Chrome和手头的手机测试好好的功能,到终端用户那里反馈一些手机不能定位,最 后确定出是部分三星、摩托的部分国行Android手机“阉割”了谷歌GMS服务包,导致HTML5的geolocation无法使用wifi和基站定位 服务导致。 值得一提的是前期在stackoverflow和google groups里搜到对症描述的解决方案(貌似Android 2.*或者三星自身的问题)全部失效,因为介是个“中国特色”的问题-_lll 首先介绍下HTML5的Geolocation功能。通常情况下,我们是先判断浏览器是否支持geolocation, 如果不支持,可以提示错误,或者进入其他逻辑处理流程,现在移动端的智能手机浏览器绝大部分都是支持的。 if( navigator.geolocation ){ navigator.geolocation.getCurrentPosition( updateLocation, handleLocationError, {maximumAge:60000, timeout:50000, enableHighAccuracy:true} );… Read More

HTML5 地理位置定位(HTML5 Geolocation)原理及应用 (调用GPS)

地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome 浏览器为例,如果您允许 Chrome 浏览器与网站共享您的位置,Chrome 浏览器会向 Google 位置服务发送本地网络信息,估计您所在的位置。然后,浏览器会与请求使用您位置的网站共享您的位置。 HTML5 Geolocation API 使用非常简单,基本调用方式如下: if… Read More

使用 HTML5 Geolocation 构建基于地理位置的 Web

本文将介绍 HTML5 提供的一个全新功能:Geolocation,它允许用户在 Web 应用程序中共享他们的位置,使其能够享受位置感知服务。首先本文将介绍 HTML5 Geolocation 位置信息的构成:纬度、经度,以及获得这些数据的途径(GPS、Wi-Fi 和蜂窝站点)。然后将讨论 HTML5 地理定位数据的隐私问题,以及浏览器如何使用这些数据。最后本文将探讨它在实际中的应用,演示并让您学会如何使用它构建一个实用的基于地理位置的 Web 应用。 HTML5 中的新功能 HTML5 是最新一代的 HTML… Read More

PHP 判断数组是否为空的5大方法

本文介绍了PHP开发中遇到的数组问题,这里介绍了判断PHP数组为空的5种方法,有需要的朋友可以借鉴参考一下。 1. isset功能:判断变量是否被初始化 说明:它并不会判断变量是否为空,并且可以用来判断数组中元素是否被定义过 注意:当使用isset来判断数组元素是否被初始化过时,它的效率比array_key_exists高4倍左右 <?php $a = ''; $a['c'] = ''; if (!isset($a)) echo '$a 未被初始化' .… Read More

Mysql字符串截取函数SUBSTRING的用法说明

感觉上MySQL的字符串函数截取字符,比用程序截取(如PHP或JAVA)来得强大,所以在这里做一个记录,希望对大家有用。 函数: 1、从左开始截取字符串 left(str, length) 说明:left(被截取字段,截取长度) 例:select left(content,200) as abstract from my_content_t 2、从右开始截取字符串 right(str, length) 说明:right(被截取字段,截取长度) 例:select right(content,200)… Read More

PHP 四种基本排序算法的代码实现

这里介绍冒泡排序,插入排序,选择排序,快速排序四种基本算法,分析一下算法的思路。 前提:分别用冒泡排序法,快速排序法,选择排序法,插入排序法将下面数组中的值按照从小到大的顺序进行排序。 array(1,43,54,62,21,66,32,78,36,76,39); 1. 冒泡排序 思路分析:在要排序的一组数中,对当前还未排好的序列,从前往后对相邻的两个数依次进行比较和调整,让较大的数往下沉,较小的往上冒。即,每当两相邻的数比较后发现它们的排序与排序要求相反时,就将它们互换。 function bubbleSort($arr) { $len = count($arr); // 该层循环控制 需要冒泡的轮数 for ($i=1; $i… Read More

微信红包随机生成算法(PHP版)

最近在研究发红包的功能,于是写了个红包的生成算法。   红包生成算法的需求 预先生成所有的红包还是一个请求随机生成一个红包 简单来说,就是把一个大整数m分解(直接以“分为单位,如1元即100)分解成n个小整数的过程,小整数的范围是[min, max]。 最简单的思路,先保底,每个小红包保证有min,然后每个请求都随机生成一个0到(max-min)范围的整数,再加上min就是红包的钱数。 这个算法虽然简单,但是有一个弊端:最后生成的红包可能都是min钱数的。也就是说可能最后的红包都是0.01元的。   另一种方式是预先生成所有红包,这样就比较容易控制了。我选择的是预先生成所有的红包。 理想的红包生成算法 理想的红包生成结果是平均值附近的红包比较多,大红包和小红包的数量比较少。 可以想像下,生成红包的数量的分布有点像正态分布。   那么如何实现这种平均线附近值比较多的要求呢? 就是要找到一种算法,可以提高平均值附近的概率。那么利用一种”膨胀“再”收缩“的方式来达到这种效果。 先平方,再生成平方范围内的随机数,再开方,那么概率就不再是平均的了。 具体算法:(设置的总钱数,总人数,最大值,最小值要合理)… Read More

5个Pinterest推广技巧帮助你提升流量(附加10+Tips和有用资源)

你是否有兴趣通过pinterest获取流量和提升知名度?你知道哪些pinterest的推广手段的效果好? 我们测试了很多方法,这里推荐以下5种方法,提升pinterest的营销引流效果。 PS:基础的pinterest优化技巧就不介绍了,网上有很多基础介绍。 NO.5:在网站上安装Pin插件 只依靠自己在pinterest建账号 pin 图是比较可惜的做法,因为有将近46%的用户将pinterest作为收藏功能使用,提供便捷的 pin 按钮则可让用户顺利收藏+分享给TA的粉丝,一箭双雕。 大部分人都有从众心理,pin按钮上的数据会让用户觉得该产品/内容是非常受欢迎的,从而增大点击分享的几率。 而pin图的数量除了引诱用户点击分享外,还提示了哪些内容/产品是热门的。 推荐插件:(All free) Pinterest官方:https://developers.pinterest.com/pin_it/ Sharethis:http://www.sharethis.com Worpress Pin it:https://wordpress.org/plugins/tags/pin-it… Read More

Adwords新手入门必须了解的几点(一)

目标和期望 在使用Adwords进行营销之前,需要考虑以下几个问题:   1. Adwords是合适的渠道吗? 尽管Adwords比其他广告平台有更多优势,但是也并不是适合所有行业的,在以下情况下Adwords的效果会不是那么理想: 你的产品或者服务并不被目标群体所注意,因此搜索量很小 你投放的市场属于小众市场(利基市场),以至于无法找到合适的关键词,这种情况常常出现在B2B营销者身上 你的网站非常稀烂   2. 你的目标是什么? 听起来很简单,但是很多广告商在投放广告之前并没有花时间搞清楚他们的目标是什么。获得流量?增加品牌曝光率?获得用户注册?还是获得订单?   3. 你的网站是否在设计的时候考虑到你的目标? 如果你的网站在设计时并没有兼顾业务目标,那么无关Adwords账户管理的好坏,广告效果都不会好。常见问题有,缺少明确的价值定位(没有给潜在 客户解释为什么应该选择你的产品或服务),缺少明确的call… Read More

21个WordPress店铺必备免费工具

WordPress是一款免费的内容管理系统,可以用来搭建店铺,有很多免费的插件和主题可以使用。 如果你想找一个费用低廉且使用灵活的方案来试水,WordPress 绝对是正确的选择。这里给大家介绍21款必备的免费工具:   入门指南: WordPress.org WordPress最初是一个博客系统,现在已经成为一个完善的内容管理系统,我们可以到wordpress.org上免费下载最新版本的WordPress程序。 WordPress Lessons 这里有一些WordPress免费课程,内容从新手到进阶,让你了解网站设计、主题开发和网站开发。 WordPress.com 你也可以直接在WordPress.com上注册账户,建一个免费网站,如果你需要更多的自定义选项和空间,也可以花一些钱升级账户。 WordPress Tutorial: A Guide to WordPress… Read More