SegmentFault 专访云适配:不仅仅是 One Web, Any Device 的网页适配

简介: 如果你苦恼于自己网站的网页无法正常地显示在移动设备上,那么 云适配 会是你的救星。

如果你苦恼于自己网站的网页无法正常地显示在移动设备上,那么 云适配 会是你的救星。

image.png

这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商。可能已经有不少人知道"云适配"这个名字了,因为这家创业公司已经被不少的媒体报道过,曾是微软的内部孵化项目,也获得过诸如"2013中国年度创新成长企业100强"、"2013易观创新之星-移动互联网最具投资价值奖" 等等殊荣。在今年 1 月 28 日,云适配在天津武清与武清商务区正式签约战略合作,共同构建移动互联网产业基地。

云适配所采用的技术是一项基于云计算、利用html5进行网站跨屏适配,它为目标网站开发一行JS代码,并嵌入PC网站,这个JS代码通过对PC网站目标网页数据的分析和抓取,在云端完成用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排及CSS的重新渲染,以适应移动端用户的浏览习惯。这样的做法颇具独创性,这项技术还是他们的自主技术专利。这项技术已在超过4000家知名企业官网得到应用,包括联想、微软亚太研发集团、探路者、中国青年报等等。

云适配要做这些事情,似乎是很自然而然,云适配技术的发明者、云适配创始人兼 CEO 陈本峰,供职过IE浏览器核心研发团队,参与过IE的HTML5引擎的设计和开发以及HTML5标准制定的讨论,还兼任W3C中国区HTML5布道官,其团队也多来自美国微软、Google、哈佛大学、波士顿大学、马里兰大学等知名机构。

image.png

云适配办公室,我们 SegmentFault CEO @高阳Sunny年一月份造访云适配时所

SegmentFault 对云适配的联合创始人高婧做了独家专访。

SegmentFault: 云适配现在的技术团队有多少人?如何分组的?日常有什么福利吗?

高婧:云适配目前技术团队一共30多人,分为项目组和平台组,前者负责企业网站适配工作,后者负责即将发布的平台研发;日常福利和500强公司一样,但是更灵活,社保、体检、旅游等等个个都有,还有免费晚餐、0打卡制度、免费零食等等。

image.png

云适配团队合照,比美食更诱人的是云适配帅气斯文思维open的单身优质技术猿们 ^o^

SegmentFault: 能否简要说说云适配这个平台的技术架构是怎样的?

高婧:云适配基于微软的Azure云计算平台,服务器端采用目前比较新潮的 Node.js进行开发,在浏览器端使用下一代的 Web 开发技术 HTML5 进行渲染。基本上,云适配所有程序员只用一种编程语言: Javascript 。 我们是一家非常专注于 Javascript 开发技术的公司,我们也希望把 HTML/CSS/Javascript 发挥到极致。

SegmentFault: 在云适配做技术,最具有吸引力的地方在哪里?

高婧:云适配的目标是 one web,any device, 大家为了这个看起来不着调却又带着点事关子孙后代幸福的梦想来,云适配的愿景和云适配的团队氛围让技术猿们深感身上的历史责任感,这么牛逼的事情怎么能没有偶们的参与呢,作为光环后的无名英雄,这些技术猿们带着点比尔盖茨当年的孤勇,带着父母的骄傲和自豪,献身云适配,云适配有一句口号:Victory or nothing,这是全体云适配人的心声也是 2014 的方向!

SegmentFault: 刚刚你们提到云适配服务器端采用了Node.js,能否谈下选择Node.js的原因?

高婧:云适配的整个服务器端都是基于 Node.js 的。Node.js 的优势非常明显,简单易用、开发效率高,运行效率高,而且一个 Javascript 程序员能够前后端通吃。 Node.js 这两年在硅谷已经成为最热门的服务器端开发技术,很多创业公司甚至大公司新开发的项目都选择了 Node.js,我坚信 Node.js 会成为主流。

SegmentFault: 能否介绍一下云适配开发团队的开发流程是怎样的?譬如用了什么协作工具/版本控制软件,是否需要远程协作(因为云适配在中、美、香港都有办公地点)?

高婧:我们采用典型的互联网产品开发流程: 敏捷开发、快速迭代。 我们使用 GitHub 作为我们的代码以及 bug 管理工具。

SegmentFault: 资料显示,云适配采用的技术"移动设备上网页的自定义渲染"获得了国际专利,能不能具体地谈谈这项技术的难点?

高婧:网页处理的主要问题就是网页信息缺乏语义化,我们需要去克服各种各样非规范、无语义的网页带来的困难。

SegmentFault: 从云适配这项技术的产生,到项目团队的组建的过程中,有没有一些故事可以分享一下?譬如初创成员是怎么走到一起的?

高婧:我们是一对男女搭配的组合,但是和很多创业公司的夫妻档不同,我们不是夫妻档,俗话说男女搭配干活不累,除此外,我们也是文理搭配的组合,陈本峰弥补了我在理科和逻辑思维方面的不足,而我刚好在商务方面比陈本峰要灵活一些,陈本峰之前在微软美国总部做IE浏览器,他将全球第一的企业文化和企业思维带给我,和我的哈佛思维结合,我们将这些组合思维带到云适配,带给我的队员。

我和陈本峰本是香港科技大学的校友, 我从美国回到香港之后,将美国波士顿的一个创业教程 Startup Leadership Program (SLP)引进了香港,创办 SLP 香港分部。 在一次港科大创业校友活动上与本峰认识,和很多狗血的大师兄和小师妹的情节不同,我只是忽悠本峰成为了SLP学员,我当时刚好有机会进入投行,陈本峰以彼之道还彼之身,我被成功忽悠加入了他香港的公司,负责商务。基于长期的合作与信任,我和陈本峰在北京共同创办了云适配;第三个被忽悠进云适配的也是个海归儿----我们的首席设计师,来自波士顿大学的硕士,我俩一起游说她加入云适配,还有很多类似的故事,以后有机会可以和大家多讲讲。

image.png

云适配办公室一角,同@高阳Sunny 所摄

SegmentFault: 云适配的工作、文化环境和BAT等大型企业会有不同么?

高婧:互联网公司太多了,平均生存周期不超过3年,除了BAT挤压,还有林立的好产品和虎视眈眈的眼睛,竞争很激烈,淘汰更激烈,在这个圈子里求生存需要很多的勇气,还需要坚持,更需要团队,团队是云适配的生存之本,我们的 HR 的口头禅是“急员工所急,时刻走在员工前面”,另外,追求卓越是我们的企业文化,云适配有一句口号:Victory or nothing,我们的团队成员很多人拥有海外工作留学背景,来自美国微软、Google、哈佛大学、波士顿大学、马里兰大学等。我们一直相信人以群分,我和我的创始人陈本峰都有海外求学和工作的经历,相同的经历让我们和队员更有共同的话题,云适配曾经做过一个很有意思的调查:你的爸爸妈妈知道你在云适配做什么吗?为你做这么牛逼的事情感到骄傲吗?

团队成员疯了一样,春节回家各回各家各找各妈找答案去了,队员们爸爸妈妈还有爷爷奶奶以及小伙伴们的答案让我惊呆了,让我觉得云适配是个多么骄傲、多么让人幸福的事情,没错,我们是在做一个让团队幸福感倍增的事业,带着云适配人幸福感做出来的东西,衷心的希望云适配的用户和伙伴们能体会到这种幸福感!

SegmentFault: 我们知道,云适配 CEO 陈本峰先生本身已经对云适配这个项目的技术有很多学术上的研究,能否请 CEO 说说如何看待走出学术领域出来创业的优势和劣势?其中会有一些思维的转变吗?

高婧:之前本峰曾经为《对话 CTO》一书做过推荐序,就像在那本书里提到的,技术猿创业看起来是一个很高大上的事情,有技术,有背景,对产品把握有先天优势,但是缺陷往往和优势并存,比如技术猿创业面临的员工管理问题,资金管理问题,风险规避问题等等,都是挑战,都需要从0开始;现在也有不少技术猿创业成功的例子,但是能坚持5年、10年后还存在的公司和产品并不多,竞争很激烈,淘汰速度太快不是关键,往往更多的失败是败在管理上,使一个好的产品没有最终在市场上应用开来。我希望我和本峰能够坚持到最后,这一年多的创业经历,伴随着公司的成长,我们成长了很多,也学会了很多,我们收获了很多荣誉、很多的客户,也获得了很多宝贵的经验和老师的指点,我们会一直踏踏实实,一步一个脚印走下去!

image.png

云适配 CEO 陈本峰

image.png

云适配获奖留影

作为一个负责任且勇敢的小编,必须告诉大家,接受我们专访的云适配联合创始人高婧,就是上图最右那位人比花娇的大美女。据云适配团队人员透露,这位大美女经常被新來的员工误认为前台,常常要担心被员工卖掉,咳咳,据说追她会比追胡一菲容易!联系方式?告诉大家好了:www.yunshipei.com。小编只能帮到这里了。

相关文章
|
7月前
|
监控 Linux 调度
Veeam ONE 13 之初见 - Web 控制台和 Veeam 监控的未来
Veeam ONE 13 之初见 - Web 控制台和 Veeam 监控的未来
192 1
Veeam ONE 13 之初见 - Web 控制台和 Veeam 监控的未来
|
7月前
|
Web App开发 前端开发 JavaScript
鸿蒙5开发宝藏案例分享---Web适配一多开发实践
这是一份实用的鸿蒙Web多设备适配开发指南,针对开发者在不同屏幕尺寸下的布局难题提供了解决方案。文章通过三大法宝(相对单位、媒体查询和窗口监听)详细介绍如何实现智能适配,并提供了多个实战案例,如宫格布局、对话框变形和自适应轮播图等。此外,还分享了调试技巧及工具推荐,帮助开发者快速上手并优化性能。最后鼓励读者实践探索,并提示更多官方资源等待发现。
|
8月前
|
人工智能 搜索推荐 IDE
突破网页数据集获取难题:Web Unlocker API 助力 AI 训练与微调数据集全方位解决方案
本文介绍了Web Unlocker API、Web-Scraper和SERP API三大工具,助力解决AI训练与微调数据集获取难题。Web Unlocker API通过智能代理和CAPTCHA绕过技术,高效解锁高防护网站数据;Web-Scraper支持动态内容加载,精准抓取复杂网页信息;SERP API专注搜索引擎结果页数据抓取,适用于SEO分析与市场研究。这些工具大幅降低数据获取成本,提供合规保障,特别适合中小企业使用。粉丝专属体验入口提供2刀额度,助您轻松上手!
414 2
|
前端开发 JavaScript 开发者
探索Web设计新纪元:CSS3的革新特性如何重塑我们的网页视觉体验?
【8月更文挑战第26天】随着Web技术的发展,CSS3为前端开发带来了众多激动人心的新特性,极大提升了网页设计的视觉效果与创意空间。本文通过对比CSS3与CSS2,详细介绍了CSS3在选择器增强、圆角阴影处理、渐变背景应用、转换动画实现、文字效果优化、媒体查询支持及多列布局方面的显著改进,展示了CSS3如何助力开发者打造更具吸引力和互动性的网页体验。
154 1
|
9月前
|
移动开发 前端开发 API
鸿蒙web加载本地网页资源异常
在鸿蒙NEXT Api 12中,为解决Web组件加载本地资源(如图片、CSS等)失败的问题,我们采用拦截机制。具体步骤如下: 1. **替换路径**:通过正则表达式将HTML和CSS中的资源路径替换为带有标记的URL(如`http://local`),以便后续识别。 2. **拦截与返回**:在资源加载时,拦截带有标记的URL,读取对应的本地文件并返回给Web组件。此过程确保了本地资源能正确加载和显示。 代码实现包括路径替换、资源拦截及响应构建,确保Web页面能够顺利加载本地资源。
507 7
|
Web App开发 前端开发 安全
2024年新一代WebOffice内嵌网页组件,Web网页在线编辑Word/Excel/PPT
WebOffice控件面临兼容性、用户体验和维护难题。随着浏览器更新,依赖插件的技术不再适用,如Chrome不再支持NPAPI和PPAPI。产品普遍不支持多版本Office并存,定制能力弱,升级复杂。猿大师办公助手提供了解决方案,它兼容多种浏览器,包括最新版和国产浏览器,不依赖插件,支持文档对比,具有丰富的功能和接口,兼容多种Office版本,允许源码级定制,提供终身技术支持,并实现静默在线升级。适用于多种行业和操作系统。
1020 107
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
JavaScript API 开发工具
(H5-Web3D-ThreeJS)在网页三维CAD中绘制窗户模型
本文介绍了如何使用mxcad3d在网页中创建一个简单的三维窗户模型。通过官方教程搭建环境,编写绘制窗户模型的代码,并在点击按钮后展示模型效果。最终模型包括窗框和玻璃部分,具备丰富的三维建模功能和便捷的API支持。
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
204 1
|
SQL 安全 搜索推荐
Web安全-伪静态网页
Web安全-伪静态网页
190 4