分类目录归档:WEB

WEB

获取谷歌电子表格作为JSONP的新版本

< 警告 >
我建议你​​获得额外的谷歌帐户仅用于公众。因为如果你按照我的步骤,您的Gmail地址将是对公共JSONP文件。

< 新版Google表格 >
谷歌电子表格的老版本可以共享电子表格为XML,JSON和某种格式。我想新的版本没有这样的共享功能。但是,我发现谷歌电子表格的新版本很好的解决方案上的StackOverflow的问题的答案。
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( 用英语 )
根据以上的页面,这个API是一种旧的API。没有人知道,当它停止。我不在乎这种情况。但是,如果你不喜欢的情况,我不建议你使用这个API。

< URL格式 >

https://spreadsheets.google.com/feeds/cells/[ 您的电子表格的关键 ]/od6/public/values?min-row=[ 开始行号 ]&max-row=[ 结束行数 ]&min-col=[ 开始列数 ]&max-col=[ 结束列号 ]&alt=json-in-script&callback=[ 回调函数名 ]

< 如何使用它? >
JSONP格式很容易在JavaScript中使用。没有人需要解析器。但我想使用URL生成器来使API更加有用。所以我开发了从转换页面参数到URL参数下谷歌的语法的脚本。

< jQuery插件 >
我开发了一个名为 “generateGoogleJsonpUri” 这个jQuery插件。
generateGoogleJsonpUri – github
我创建示例页面就像一个博客框架来测试我的插件。
https://mecrazy.net/sample/generateGoogleJsonpUri/
如果你愿意,请复制其源作为一个例子。

< 用法 – 铸件 >
铸造语法为

var test = $.genJsonpGDU("<把你的电子表格关键就在这里>");

var test = $.genJsonpGDU({key:"<把你的电子表格关键就在这里>"});

你可以找到一个关键在电子表格中的URL。这是我下面的示例。
spreadsheet_sample_001
关于这个图片,URL是 “https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0″。关键我的电子表格是 “1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw”。请检查您的电子表格的网址,让您的密钥。

< 用法 – 配置寻呼机 >

test.pager({
  startRow:2,//行号开始得到 (需要)
  minCol:2,//列号开始得到 (需要)
  maxCol:7,//最后得到的列号 (需要)
  recsPerPage:5//在一个页面记录 (可选)
});

请比较上面的语法和下表。当你看到下面的表格,请想象一下Excel或任何形式的电子表格。语法上面表示第一页的范围是粉红色的范围,第二页是绿色的范围。 “B2:G2″ 是第一条记录。”B6:G6” 是第五记录。

A1 B1 C1 D1 E1 F1 G1 H1
A2 B2 C2 D2 E2 F2 G2 H2
A3 B3 C3 D3 E3 F3 G3 H3
A4 B4 C4 D4 E4 F4 G4 H4
A5 B5 C5 D5 E5 F5 G5 H5
A6 B6 C6 D6 E6 F6 G6 H6
A7 B7 C7 D7 E7 F7 G7 H7
A8 B8 C8 D8 E8 F8 G8 H8
A9 B9 C9 D9 E9 F9 G9 H9
A10 B10 C10 D10 E10 F10 G10 H10
A11 B11 C11 D11 E11 F11 G11 H11
A12 B12 C12 D12 E12 F12 G12 H12
A13 B13 C13 D13 E13 F13 G13 H13

< 用法 – 获取页面的URL >
这是一个例子,得到第一页的URL。

var pageUrl = test.page(1);

( “test.pager(客体)” 是执行该功能之前需要。 )

< 用法 – 执行Ajax >
参数为 “test.ajax” 相同 “http://api.jquery.com/jQuery.ajax/“。

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
  }
});

如果你想知道当前页面上一页或下一页,请在 success 功能,检查参数使用 “test.get()”。
If you want to know current page has previous page or next page, please use “test.get()” in success function and check parameters.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('当前页面有上一页。');
    }else{
      console.log('当前页面没有上一个页面。');
    }
    if(param.pager.next){
      console.log('当前页面翻页。');
    }else{
      console.log('当前页没有翻页。');
    }
  }
});

< 用法 – JSON转换为二维数组 >
“test.jsonToArr” 把来自谷歌的JSON格式,以二维数组。

test.ajax({
  url:test.page(1),
  success:function(json){
    var arr2d = test.jsonToArr(json);
    console.log(arr2d);
  }
});

< 用法 – 变量缓存 >
如果你想使用JavaScript变量来启用分页缓存,请按照下面的语法。

test.set({cache:true});

这种说法切换到使用缓存分页。它会检查更新日期JSONP每20分钟的默认。如果日期改变,它会自动清除缓存。如果你想改变的时间间隔,检查日期。你可以用它代替上面的语法类似下面的语法。

test.set({
  cache:true,
  cacheInterval:{
    sec:0,min:50,hour:0
  }
});

< 后记 >
有新的和旧的谷歌电子表格之间的基本区别。

 
最大的细胞 2000000细胞 400000细胞
最大列 无限 每张256列

我认为新版本是令人难以置信的大,免费的数据库。我想找到新的谷歌电子表格有趣的用法。

对于Bootstrap3基本HTML生成

< 这是什么? >
它产生基本的HTML源Bootstrap 3。您可以选择的选项,当你生成它。我经常用这个自己。如果你愿意,请添加书签。


< 发电机 >
页面标题 :
语言代码 :
版本的Bootstrap级 :
兼容旧的IE浏览器 :
使用固定导航栏 :
使用粘性页脚 :
使用jQuery故障转移 :
使用jQuery UI故障转移 :
使用backbone.js :
使用underscore.js :
使用bootbox :

如果您选择 “兼容旧的IE浏览器”,“是的”,你需要把 “bootstrap.min.css” 和 “respond.min.js” 您的服务器上。基本上是 “respond.min.js” 不正确的CDN和其他服务器的工作。

< Scripts >
您可以下载HTML使用脚本。你可以把你的服务器上,并替换脚本路径。
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( BootstrapRespond.js都需要下载旧IE浏览器。请注意。 )

让STINGER3(WordPress主题)通过WPML兼容(多语言插件)

< 什么是WPML? >
它是一个多语种的WordPress插件。我使用WPML这个mecrazy博客。
WPML的官方网站

< 什么是STINGER3? >
这是一个主题为WordPress。它有许多不错的功能,而无需插件。例如,代码段插入器的广告(如谷歌的Adsense)和酷设计社交按钮。我一直想尝试使用这个主题。
STINGER3的官方网站(日本人页)

< 希望温和的活动 >
STINGER3的开发商是太忙,无法在Twitter上回答,我不知道他能读懂语言日语以外。如果您有关于STINGER3任何问题,我希望你找到对谷歌的答案或自己解决问题。

< 对于谁也看不懂日文的人 >
STINGER3的官方网站是在日本。我认为这是很难找到的主题zip文件的下载链接。你应该找到日语单词“ダウンロード”。这意味着“下载”在中国。请使用 CTRL + F 找到这个词。请查找当前版本的文件名“stinger3ver20140327.zip”。

< 为了兼容代码 >
下面的代码给WPML兼容STINGER3。

<style type="text/css">

.submenu-languages{
  background-color:#f3f3f3;
  border-style:solid;
  border-color:#dedede;
  border-width:0px 1px 1px 1px;
  position:absolute;
  margin-left:-11px;
  margin-top:21px;
  padding-bottom:5px;
  display:none;
}
.submenu-languages > li{
  white-space:nowrap !important;
  float:none !important;
  display:inline-block !important;
}

.iclflag{ vertical-align:middle;position:relative !important;top:-1px !important; }
#lang_sel{ z-index:1000; }
#lang_sel a{ display:block; }
#lang_sel ul,#lang_sel li,#lang_sel a{
  margin:0px;padding:0px;
  width:300px;
  text-align:left;
  white-space:nowrap;
}
#lang_sel ul,#lang_sel li{ margin:0px !important;padding:0px !important; }
#lang_sel a{ margin:0px !important;padding:0px 7px !important; }
#lang_sel li,#lang_sel a,#lang_sel span{
  height:30px !important;
  line-height:30px !important;
  font-size:14px;
}
#lang_sel > ul > li > ul{ top:31px; }

</style>
<script type="text/javascript">
jQuery(function($){
var langMenuObj = $('.submenu-languages').eq(0);
var wpmlMobile = (typeof(window.orientation) != "undefined");
$('.menu-item-language-current').eq(0).on('mouseenter',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeIn('fast');}
}).on('mouseleave',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeOut('slow');}
}).on('click',function(){
langMenuObj.stop(true,true).toggle();
});
$('.icl_lang_sel_current ').parent().click(function(){ return false; });
});
</script>

< 如何插入代码? >
有3个例子的方式来插入代码。请选择其中之一。或者,如果你知道如何自定义WordPress的,你可以手动插入到你的PHP脚本。

< 方法 – 1 >
进入管理员菜单[ 外观 – 小工具 ]。请加“文本”一个有效的区域。请不要输入标题,把脚本只在细节的形式。

< 方法 – 2 >
我开发了一个插件STINGER3 loves WPML。这个插件做同样的事情“方法 – 1”。如果您发现错误,请报告或告诉我在GithubTwitter Google+或。

< 方法 – 3 >
使用WordPress插件”Wp Insert“。它可以插入HTML代码,在您的博客的任何地方。

< 后来 >
我觉得每一个方法都没有那么困难。但STINGER3的当前版本是不符合语言的mo文件兼容。我们只能翻译与WPML的字符串翻译。如果我有空闲时间,我想开发补丁STINGER3与mo文件兼容。

< 更新于2014年6月11日 >
固定 – 它不能处理的Android或iOS的浏览器第一次点击的事件。此页面上的源代码和WordPress插件Github上进行更新。

使用KSWEB在Android上运行WordPress

< 警告 >
你所需要的技能来设置你的Android的IP地址公开。我不写有关网络设置的程序,因为它取决于你的网络硬件,软件和供应商。我很抱歉,但是请检查一下其他网站上。

< 真棒Android的应用程序 >
有关于Google Play一个真棒应用程序。该应用程序的名称是KSWEB。开发者页面在这里。你可以从这个页面或Google Play的下载。

< 要求 >
KSWEB的开发者说用的Android OS版本2.3.3或更高版本以及基于ARM的处理器是必需的设备。我会尝试在 IS05 (日本旧的Android智能手机由夏普),并在此过程运行KSWEB文章是关于此设备。但也许KSWEB可以在这么多种Android设备上运行。请尝试在您有任何设备。

< 从Google Play安装 >
( 如果你想从Google Play安装,请按照以下步骤操作。 )
你只需要去KSWEB – Google Play并安装它。这是所有安装的。

< 从APK文件安装 >
( 如果你想从APK文件安装,请按照以下步骤操作。 )
在安装APK文件,你需要改变你的Android的设置应用程序。你需要允许应用程序从 “unknown sources”(未知来源) 安装。在此之后,请访问 http://kslabs.ru/download/以下载KSWEB的APK文件。
20140531-174245

< 下载WordPress的 >
您可以选择“下载Android上的直接”或“下载PC上,并上传到Android”。我下载的电脑从http://cn.wordpress.org/。我安装AirDroid来我的Android和访问http://web.airdroid.com/以WordPress的ZIP文件上传到我的Android。如果你想“在Android上直接下载”,你只需要通过访问http://cn.wordpress.org/您Android浏览器。

< 安装ZIP提取到您的Android >
您需要提取物对你的Android的WordPress ZIP文件。我安装AndroZip™ File Manager我的Android系统。但也有许多种的ZIP提取对Google Play,你可以选择任何你喜欢的应用程序。

< 解压缩ZIP文件 >
我把ZIP文件的 “wordpress-3.9-zh_CN.zip” SD卡的根目录下。之后,我将其解压缩 “WordPress” 的目录被自动进行。
20140602-221239

< 添加和启用可选功能 >
请点击 [ TOOLS – WebFace – Start ] 使KSWEB Web界面。请点击 [ TOOLS – Main – phpMyAdmin ] 添加phpMyAdmin的。 phpMyAdmin是制作一个数据库MySQL的WordPress的,所以它不是必需的。您还可以通过PHP脚本进行数据库。
20140530-002435

< 通过phpMyAdmin的制作一个数据库 >
请自行(安卓)或 http://< Android的本地IP地址 >:8000/ 从同一网络上的任何计算机访问 http://localhost:8000/
phpMyAdmin_login
您可以登录为 root 没有密码。在我的示例图片,我做了一个数据库“WordPress的”为WordPress。
phpMyAdmin_table

< 改变的lighttpd的WWW根目录 >
请自行(安卓)或 http://< Android的本地IP地址 >:8003/ 从同一网络上的任何计算机访问 http://localhost:8003/ 。这是KSWEB Web界面。默认用户名和密码都是 admin
KSWEB_Web_Interface
请点击 Server settings 。您可以编辑的lighttpd的配置文件。
请找到像下面一条线。

server.document-root = “/mnt/sdcard/htdocs”

这条线到你的WordPress根目录更改路径。
我的新设置如下。

#server.document-root = “/mnt/sdcard/htdocs”
server.document-root = “/mnt/sdcard/wordpress”

改变配置文件后,请重新启动的lighttpd或KSWEB。

< lighttpd的端口设置 >
默认端口设置是象下面这样。
lighttpd_ports
如果你想改变他们,请编辑配置文件。

< 不睡觉! >
基本上,Android智能手机自动休眠。如果你想让它工作24小时,你需要保持它远离睡觉。有许多应用程序,以保持它醒在谷歌播放。请使用 StayAwake , KeepScreen 或另一个你找到Google Play。

< WordPress的开始 >
下一步是WordPress的一般安装相同的程序。请与您的域名访问你的Android。 WordPress的默认安装将开始。享受您的节能WordPress的生活。

关于nginx的上Raspberry Pi的反向代理

< 准备安装 >
您需要Debian wheezy按照我的步骤。不仅为Raspberry Pi的。

< 为什么我用Raspberry Pi的 >
反向代理是简单的功能。基本上它是太容易的事一般个人电脑或服务器。 Raspberry Pi的也不是那么强大,但它的节能电脑。这是不贵。任何人都可以买它遍布世界各地。这足以让在nginx的反向代理。这就是为什么我选择Raspberry Pi的反向代理服务器,并写了这篇文章。

< nginx的安装 >
执行以下命令以root身份。

apt-get install nginx

这就是全部。

< 编辑配置文件 >
编辑默认的配置文件。

nano /etc/nginx/sites-available/default

我的”/etc/nginx/sites-available/default”为象下面这样。

server {
listen 80;
server_name mydomain.net;

location / {
proxy_pass http://127.0.0.1:8080;
}
}

这个配置传输访问”mydomain.net”对Raspberry Pi的本地Apache服务器的8080端口。

< 新增代理配置文件 >
添加代理设置文件。

nano /etc/nginx/conf.d/proxy.conf

我的”/etc/nginx/conf.d/proxy.conf”为象下面这样。

# Header
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# Timeout
proxy_connect_timeout 60;
proxy_read_timeout 90;
proxy_send_timeout 60;

# Buffer
proxy_buffering on;
proxy_buffer_size 8k;
proxy_buffers 100 8k;

# Cache
proxy_cache_path /var/cache/nginx/mydomain.net levels=1:2 keys_zone=cache_$
proxy_temp_path /var/cache/nginx/temp;

proxy_cache_valid 200 2h;
proxy_cache_valid 302 2h;
proxy_cache_valid 301 4h;
proxy_cache_valid any 1m;

你也需要做缓存目录为root。

mkdir /var/cache/nginx

< nginx的开始 >

service nginx start

你如何看待这个过程?那么容易?