文档章节

跨屏框架的一些感受

亚林瓜子
 亚林瓜子
发布于 2018/08/03 10:21
字数 638
阅读 17
收藏 0

背景

额,我是一名Java程序猿,不是专业前端工程师,尽管我弄过Android,想要制作一个web页面,想要兼容桌面端和移动端。嗯,目的很美好!

过程

项目经理说:

“我们来找一款跨屏的前端HTML5框架吧”。

带着这个想法,问了问以前的前端同事,他们的回复基本上是:

“现在不使用JQuery了,都使用Vue了。”

这个时候,以为Vue能够解决跨屏的问题。使用VueJS了一段时间后,发现VueJS是对JQuery的替代,VueJS和JQuery并不是一个时代的产物(原谅我肤浅的前端理解,毕竟我不是专业前端工程师)。如同VueJS官网首页,所说

The Progressive JavaScript Framework

它还只是一个JavaScript框架而已,并不能解决产品经理想要解决掉跨屏问题。 VueJS首页 还是不死心,翻看了一下VueJS推荐的一些优秀的资源发现了:vuetifyjs,它自己的介绍中一段文字吸引了我,如下:

Vuetify supports all modern browsers, including IE11 and Safari 9+ (using polyfills). From mobile to laptop to desktop, you can rest assured that your application will work as expected. Interested in the bleeding edge? Try the vue-cli Webpack SSR (Server side rendered) template and build websites optimized for SEO.

大概的意思就是vuetify支持所有现代浏览器,包括桌面端和移动端。看到这里的时候,很是激动,终于找到了跨屏框架了(其实,这里vuetify都说了是现代浏览器,这意味着旧的机型是不支持的)。用这个vuetify搞了个页面,在桌面端和iOS都没有问题,最终vuetify面对老旧的米3机型,还是跪了。 vuetify不过确实很优秀,遵循Google的 **Material Design Spec**的设计风格,然后,只需要在它的自定义组件上面稍加类似Android对屏幕宽度配置就可以解决了跨屏问题,这其实就是Google一直都遵循的Material设计规范来包装多屏体验一直的跨屏方案,也就是再产品平面和交互设计阶段已经对多屏进行了设计风格约束。

参考: Vuejs vuetifyjs vuetify Material Design Spec mint-ui framework7

© 著作权归作者所有

共有 人打赏支持
亚林瓜子

亚林瓜子

粉丝 21
博文 180
码字总数 62931
作品 0
长沙
高级程序员
私信 提问
中国首个开源HTML5 跨屏前端框架Amaze UI

云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商。云适配所采用的技术是一项基于云计算、利用html5进行网站跨屏适配,它为目标网站开发一行JS代...

panpanhtai
2014/06/26
16
0
Amaze UI——可能是最好用的 HTML5 前端框架

Amaze UI 是一个针对 HTML 5 开发的轻量级、模块化、移动优先的跨屏前端框架,通过拆分、封装了一些常用的网页组件,比如轮播图框、文字框等等组件,让前端开发者只用复制代码便可以将这些跨...

oschina
2014/09/17
31.5K
39
[Amaze UI] 如何推进 mobile first 的前端 Web 方案

背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希...

陈本峰
2014/07/18
0
0
各位大神给甄别甄别 云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI

今天在SF上看到这个帖子,不知道坛子里面大神能不能甄别下真伪? 云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商。云适配所采用的技术是一项基...

国境之境
2014/06/30
771
0
拼图 Pintuer-国产跨屏响应式前端框架

当前,移动互联多的兴起,在建立PC端网站的同时,商家也有建立手机网站的强烈需求,因屏幕大小和分辨率不同,手机网站需重新建立,投入了更多的人力及成本,据于此现象,拼图发布了国内首页跨...

拼图
2014/07/09
2
0

没有更多内容

加载失败,请刷新页面

加载更多

Java引用传递和JVM堆栈的关系说明

通过代码说明 Java 引用传递在堆栈上的关系。 可以从JVM的内存空间存放上说明,值传递 和引用传递。 堆(线程共享):对象、对象的全局变量、数组 栈(线程私有):声明为局部变量的 基本数据...

冷基
9分钟前
0
0
直接插入排序

直接插入排序的基本操作是将一个记录插入到已经排好序的有序表中,从而得到一个新的、记录数增1的有序表。直接插入排序的时间复杂度为O(n^2),但性能比冒泡排序和简单选择排序的性能要好一点...

niithub
10分钟前
0
0
data.world

产品思路: 1、共享数据集。 2、数据结构化。 3、数据展示。 https://data.world

colin_86
40分钟前
2
0
Akka实战:HTTP大文件断点上传、下载,秒传

访问:https://github.com/yangbajing/scala-applications/tree/master/file-upload 获取本文所述完整源码,包括Akka HTTP后端和HTML5实现的前端。 在很多应用里面都会有类似大文件上传的需求...

羊八井
今天
5
0
node:event-loop & 宏任务 & 微任务

event-loop(事件轮询) 代码进入执行栈后会判断当前代码是同步任务还是异步任务,如果是同步任务则会将任务调到主线程同步执行,如果是异步任务则会将任务调到异步队列中。 主线程同步任务执...

小草先森
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部