vimploy viewport unit[vw/vh] polyfill，一个HTML5 VW/VH 单位JS兼容包。该版本暂时只支持vw/vh 两个单位。 Viewport unit 介绍 视窗(Viewport)是你的浏览器实际显示内容的区域——换句话说是你的不包括工具栏和按钮的网页浏览器。 这些单位是vw,vh,vmin和vmax。它们都代表了浏览器（视窗(Viewport)）尺寸的比例和窗口大小调整产生的规模改变。 比方说我们有一个1000px（宽）和800px（高）的视窗(Viewport) vw ——代表视窗(Viewport)的宽度为1%，在我们的例子里50vw = 500px。 vh ——窗口高度的百分比 50vh = 400px。 vmin ——vmin的值是当前vw和vh 中较小的值。在我们的例子里因为是横向模式，所以 50vim = 400px。该版本未实现 vmax ——大尺寸的百分比。50vmax = 500px。 该版本未实现 使用条件 页面必须使用 link 方式引入css，所有inline css及@import的css 将不会被处理。 link方式引入的css文件必须要与页面同域，所有外域的css文件将不会被处理。 此 polyfill 不包含media query的兼容处理，所有不支持media query浏览器，需要使用额外的polyfill处理。 使用方法 在源码中已经提供了使用实例放在sample文件夹；dest 文件夹是合并压缩后的单文件包，src 文件夹下源码包。 index.html 文件是单文件的使用方式，直接将文件放到body结束之前即可。 amd.html 文件是使用requireJS的引用方式。使用的时候直接引入 vwpoly 包即可,requirejs.config 方式如下： requirejs.config({…
文章归档
MM Wistia embed
前言 丫的，我再也受不了在wistia上来回切换上传video到wordpress了。 所以我要弄一个能够在wordpress后台直接选wistia video list然后插入到editor的plugin！ 界面 根据惯例还是要+几张界面图的…… 使用 安装好插件之后，先要到设置里面将wistia的API password 及 project id填好， API password 的说明在这里， 一般如果只是读取我们在wistia的数据的话，只需要使用以下密匙即可 （read only） fce4b93e313f9dd14978c807afe4a31146cd65bdfd395c820b66a0a36caffd64 project id就是 在wistia上每个项目页url上的那串hashkey。 配置好之后，editor上就会多了一个wistia embed的按钮，click此按钮，就会将配置了的project下的所有video资料读出来。 只需要选择对应的video，就能自动将video的embed code添加到editor里面。 源码 请checkout SVN http://192.168.33.2/svn/sam/wordpress/plugin/mm-wistia
Mixmedia Gallery
前言 这个是在制作hyatt 网站的时候，帮忙制作的一个相册 plugin，其实在制作mixmedia.com的时候， 也弄了一个的，不过当时图个方便，使用了一个第三方框架 pklist ，由于这个pklist年久失修，所有还是独立搞一个吧。 也不是什么复杂的东西。 界面 根据惯例还是要+几张界面图的…… 安装好插件之后，在post的编辑页面，出现2个新的metabox， 分别是 Mixmedia Gallery 及 Mixmedia Image， 分别对应多张图片的嵌入，与单张图片的嵌入。 使用 在模板使用上，使用一下3个filter 获取相册及图片的内容： apply_filter('mm_gallery', $post_id); //获取相册图片列表 apply_filter('mm_gallery_detail', $post_id); //获取相册图片附件信息列表 apply_filter('mm_image', $post_id); //获取单张图片的地址 mm_gallery_detail filter 会返回上传的图片在多媒体库中的简介及标题，用于获取一些带描述的图片信息。 具体是啥，你dump出来看就知道了…… 另外这个plugin已经集成了 mm-resize 插件，所以如果安装了这个插件，就不需要再安装 mm-resize 了。 源码 请checkout SVN…
[Golang]SVN Export
简介 这个是我为增加MVCTools SVN功能的时候写的了一个SVN wrapper工具，编写语言是Golang。 主要是通过JSON REST风格的API操作SVN client完成一些基本的操作。 由于SVN部分操作比较耗时，所以设计了一个异步返回结果的API。 所有的操作都会即时返回一个task ID，然后根据这个task ID查询对应任务完成的结果/状态。 使用说明 源码里面已经有一个编译好的exe文件及包含了SVN的cli runtime。 由于是一个web service，所以内置了一个静态文件的server，你只需要把html copy到webroot目录下， 就可以当apache使用，不过当然是不支持PHP的…… 直接运行svnexport.exe 用浏览器打开http://127.0.0.1:2345/ 就可以看到具体的调用实例。 源码SVN地址 SVN: http://192.168.33.2/svn/sam/svnexport/dev
Mixmedia Page Cache
起因 妈妈终于不用怕写得很烂的WP的，再慢的WP生成了cache就跟纯静态HTML差不多了…… 源码 秉承一贯的作风，show me the source code, 先提供源码的SVN地址，请自行checkout。 SVN：http://192.168.33.2/svn/sam/wordpress/plugin/mm-cache 使用方法 1.安装插件(地球人请忽略这条) 2.已经好了……请确保uploads 目录下有写的权限。 3.配置： CDN domain： 用于替换掉 css js img的域名，部分站点需要使用CDN加速的时候可以配置这个参数， 然后所有引用的css js img都会替换成CDN 域名加载。 Ignore List： 如果有部分页面你是不想cache处理的，可以直接填到这里，一行一条记录。 clear cache url list: 用户更新cache文件，一行一条记录。按下面clear触发。
Mixmedia Image Resize
起因 我们使用WP的时候，经常需要生成一些的图像规格，虽然WP本身已经自带了的该功能，不过自带生成缩略图的方法需要在上传的时候一次生成，如果后面站点改版或者有新的图片尺寸的话，WP自带的缩图策略就显得很鸡肋了……所以最终我们还是不得不自己实现一套缩略图的方法，这里提供一个比较优(zhuang)雅(B)的方法去实现。 源码 秉承一贯的作风，show me the source code, 先提供源码的SVN地址，请自行checkout。 SVN：http://192.168.33.2/svn/sam/wordpress/plugin/mm-resize 使用方法 1.安装插件(地球人请忽略这条) 2.已经好了……在需要缩放的图片直接改后缀！ 原始代码： 页面效果：看到吗？原图是这么大的。 好了，我们开始+后缀了。宽度缩放 image URL + .w[宽度].jpg 图片根据宽度等比缩放了…… 高度缩放 image URL + .h[高度].jpg 图片根据高度等比缩放了…… 自由缩放模式， image URL + .[宽度]x[高度].jpg 效果，这里采用了裁剪的方案，如果是填充的方案参数太多了，还需考虑填充的背景颜色，你们自己改吧……： 然后你们会发现uploads 目录下多了一堆刚才+后缀的文件……没错，这个插件会自己生成对应的图片的。 原理解释 这里先需要了解apache及多数web server的rewrite过程（资料自己去Google啦）。我们以.htaccess文件作为例子说明。 # BEGIN…
PHPAsync 基于PHP cli的异步调用组件
1.为啥PHP需要异步操作？ 一般来说PHP适用的场合是web页面展示等耗时比较短的任务，如果对于比较花时间的操作如resize图片、大数据导入、批量发送EDM、SMS等，就很容易出现操作超时情况。你可以说我可以设置无限超时时间，等等你也要知道PHP有一个工作模式是fastcgi，PHP无限不超时，不代表fastcgi相应不超时……如果你还想说要fastcgi相应永不超时，我建议你应该跟你们的运维人员讨论去…… 这个时候异步的操作就发挥他的作用了，由于是非阻塞操作，操作会即时返回，然后在后台再慢慢干活。管你超时不超时的，我就没有在当前的进程/线程下干活。看吧是不是很美好，不过其实这也是个坑…… 2.PHP可以实现异步操作吗？ 答案是肯定的，不过网上各种的纯PHP实现得就有点别扭了。socket模式、挂起进程模式、有的还直接fork进程。很好，各路神仙各显神通。如果运维人员看到的话，一定会×××××你们的，不把web server跑死才怪…… 那还有其他更好的方法去实现这个异步操作的可能么？有，现在我们只有想怎么开外挂了。查一下PECL主流的外挂方案有一堆的××MQ（消息队列），所以呢，我们自己开发一个调用程序就好了。 3.基本思路 把执行的任务发出去，然后等待worker去调用PHP cli去运行我们的php代码。我用golang简单的写了一个外挂服务。 4.调用示例 include_once('PHPAsyncClient.php'); class TestClass { static public function TestMedthod($arg) { self::log($arg); } static public function log($error) { file_put_contents('async.log', date('[Y-m-d H:i:s] ').var_export($error, 1)."\n", FILE_APPEND); } } if…
Wechat Post
实现了自动添加回复文本和Post，自定义菜单和用户组（暂时没删除组功能）体验步骤 一、配置里添加好Token Appid Secret 二、去配置菜单里添加，注意先后顺便和一些规则。 三个按钮，实际图： 三、配置下返回Post时，要显示的数量 四、重点 配置相对应的事件，如关注时，要显示什么(文本或者Post)，还有菜单click事件和匹配文本等 查询Post，实现了随机，指定id cat tags 最新天数等，可自由组合条件 配置好的Auto response事例图： 最后以laneige为例，由于它的特殊性特色图是产品图和一些URL的自定义，这只能通过逻辑自己处理，推荐WP内置默认的URL规则，保证谦容。还有其他功能，根据实际需求再开发，现在基本满足普通应用！ 扫描关注时 点选菜单时： 随机返回系列Post： 菜单跳link 体验QR图： SVN: http://192.168.33.2/svn/wp_development/jian/wp/plugins/wechat-post
MM Language Setting
多语言版设置插件，主要功能，可以在后台添加修改删除，设置好textdomain标识，加入相对应的英简繁文本，然后保存为option再生成po和mo文件。 基本用法，先add，我这里以英文为默认，简繁为辅。 修改的话，双击该记录行会弹出窗口，可以删除和修改。 效果预览－简体中文： 效果预览－繁体中文： 前端各类模版用法：应用国际化函数 __() _e() 对应你的domain，可以不用在theme 里的functions.php 中的load_theme_textdomain()函数来加载mo了。 _e('Save', 'lang'); 日后扩展，由于可能会生成N多的po和mo文件，可以再写个管理功能来删除相应多余的po mo文件。 SVN:http://192.168.33.6/svn/wp_development/jian/wp/plugins/mm-language-transform
MixMedia Post To Live
写这插件源于laneige项目发布新post后，还要手工在live上再发布一次，这无疑是重复的劳动！该插件功能主要是把本地post发部到任意wordpress站，当然你的post一些内容（如meta box）要相对应,而category和tags没有的话就会自动添加。 首先上图Remote URL 是WP站的URL，然后管理员的帐号密码，Post Type和Post Status分别可以是自定义的post，或者status,这里可以扩展为page 上图是该插件最要功能之一：查询条件 Post ID可以一次查询多个post id用逗相隔，（如:3477,3421）。Slug可以查询 post slug。Category可以是catgory的name或者 slug，多个请用逗号相隔，至于Tags同理。Date是一段日期范围内。 点击查询后，出现的本地post，然后勾选我们要发布到live站上的 再登陆你的live 站后台查看：（下面以laneige为例） post 列表图： 编辑post图： 重点的meta box图： 最后，一篇完全由Demo2的post克隆到live站上。后续我们可以扩展需求如发布page,上传图片，或者远程获取post,page，然后再编辑。通过xmlrpc API可以实现很多日常所需要的功能！发挥你的想象吧，伙伴们！ 有兴趣的伙伴可以到SVN：http://192.168.33.6/svn/wp_development/jian/wp/plugins/post-to-live