使用rsync发布HTML数据到服务器端

编写HTML网页,想立即让别人看到,需要发布到服务器端。

以下介绍一个简易的方案。

首先,在这个服务器上要开个专门的帐号,比如zhangsan

然后,需要配置比如Nginx服务器,指向到服务器上的某个目录(比如指定用户的目录/home/zhangsan/site),并对应到某个指定的域名上,比如http://www.mysite.com。这里不详细说了,可查阅Nginx手册配置。

下面,要用rsync将本地指定目录的文件同步到该服务器上的指定目录,比如/home/zhangsan/site。如果使用Linux或者Mac,都是自带rsync命令的。我使用的Mac下的。

使用CSS3 steps()实现精灵表

实现了一个这样的动画效果,点击播放按钮后,按钮播放动画:

使用CSS3动画支持,可不必编写JavaScript代码实现这样的功能。

Mac OSX终端启动Sublime

在Mac下编写文本,我一直用Sublimehttp://www.sublimetext.com/),很方便。

安装和配置Sublime

首先,需要下载最新版本的Sublime,目前是这个,3.0beta:http://www.sublimetext.com/3

从14年8月一直没有再更新,我现在用的也是build3065

下载安装过程很简单。就不说了。下面主要说一下怎么配置通过终端(命令行)下使用sublime。

其实,Sublime安装好后,已经有了一个在终端下使用的命令:

1
$ open /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl

使用HTML5的Audio API编写的简单组件

针对客户的需求,要能在手机HTML5页面中播放蜻蜓FM的音频。为此写了个简易的H5组件。

见下面图标,就是这个组件,可点击收听,Hexo的MarkDown写法真方便,可以任意嵌入HTML代码。

使用微信JS-SDK编写的小程序

微信推出了JS-SDK,开放并规范了使用微信浏览器时,客户端JavaScript和微信客户端的交互能力。

本文介绍一个简单的示例,说明它的使用方法。

  • 源代码:https://github.com/MarshalW/WeChatSdkJsDemo/
  • 包括服务器端(nodejs)和客户端代码(web javascript),是的,需要服务器端做点事情
  • 如想使用微信JS-SDK,需要申请微信公众号,而且还必须经过认证,也就是交300元的那个,得是企业帐号,我开始还想用个人的订阅号试试呢,发现没有认证就没有AppID,就没法玩儿。

    本文示例很简单:

主要功能:

  • 服务器端,生成签名相关数据
  • 客户端

    • 使用服务器端签名数据,获得使用微信API许可
    • 使用wx.checkJsApi,判断当前客户端版本是否支持指定JS接口