web开发者系统密切监视 现代Web应用结构栈的变换发现客户对服务器端HTML推理特别有趣
过去几年里,我们看到客户端JS/CoffeeScriptMVVM解决方案大增Backbone.js等热门库努力为客户端应用添加基本结构,全通通特效库管理全客户端栈,并配有数据绑定客户端服务器模型同步、依赖跟踪、模板等高知名度公司和个人参与市场也令人着迷,介于两者之间
击败JS微软提供Google支持
角形和Yehuda Katz
安伯热绝对开
大公司接受概念并视浏览器为存取服务器API的另一设备时,客户端推广极有可能继续增长Twitter公司Twitter工程师一年半前转向客户端编译
大型重新设计工作.并开源全Javscript工具带,
自我们云之旅 长久以来球迷
服务器端渲染首个网络应用开发框架 we've集成云由Ruby-on-rails组成
受公众需求影响,我们真想帮助Javascript开发商简化图像管理-客户端翻接和节点开发商幸运的是,云形技术已经基于简单URL和HTTP接口,这些接口很容易与任何Web-dev框架整合
无需多言,我们想介绍
云化jQuery插件.开源
GitHub可用.
JQuery插件大有计划后续文章里会多讲几句同时,我们想教你们如何轻而易举地整合云性图像使用avascript
举个例子,JPG文件上传云端并配有sample公共标识
优先配置云名
$.cloudinary.config("cloud_name", "your_cloud_name_goes_here");
avascript命令返回 URL 150x100转换版上传图像
sample.jpg {宽度 150高度:100
返回后云式URL遍历AWS云前CDN注意demo应用云名替换
云化jQuery插件中包括
图像显示函数性返回IMG HTML元素可添加到页面中
下例生成150x100PNG版本上传图像,这次带圆角并生成IMG标签并添加HTMLDOM元素
图像显示器'类
$('.image_deserence'.clusion.images/sample.png.{宽度:150高度:100
生成下列HTML元素
.
使用相同方法创建脸书剖面画标签简单指定用户脸书名、fan页名或数字ID和所需格式
举个例子 avascript命令返回Cristiano Ronaldo脸谱图片使用云情
图像变换图片裁剪成80x100像素脸部检测缩图
expacebook-profile_image (Cristiano.jpg) {宽度:80,高度:100
注: '
美联储在所有例子中都可用jQuery取代
Query插件的另一个有用方法就是懒惰加载图像并按需调整大小飞
举例说,在HTML上添加下列图像标签:
指向占位符图像blank.png,但实际图像为uncle.jpgcomple表示先前上传至Cloudinary的图像公有标识所有属性从'开始
数据- '参数云化图像变换引擎
简单运行
云化Query选择器处理所有匹配给定选择器的图像下示例处理所有元素
动态图像类文档准备
$(文档).ready(函数){$});
自动生成变换版例子中115x135圆角缩略图基于脸部检测变换图像通过快速CDN传递IMG标签转换为并显示请求图像
你怎么看?我们想听听你对jQuery插件的反馈 和你的增强思想等一等更新
