1. 移动前端开发和 Web 前端开发的区别是什么
前端是个很大的概念,我的理解是用户能够看到,直接接触到的层面都算是前端,比如IOS客户端界面,安卓客户端界面,网页界面,甚至PC/MAC 桌面端软件界面;现在最常见的说法一般是指Web前端,也就是针对于网页端开发的工作。
也有个说法就是前端就是大前端嘛,如果你的工作真的那么赞的话,那就包括了web啦安卓啦ios啦甚至pc mac客户端的界面啦。但我觉得现在一般大家都还是有专攻的。
Web App指的是【Web application】,也就是以浏览器作为客户端的软件。比如你要写文档,一般会打开Office 2012之类的本地软件;但是你也可以选择在浏览器里输入一个网址,比如我很喜欢StackEdit — *smart* markdown editor ,然后直接在里面写东西直接发布到gist上; 再比如用桌面客户端来收发邮件,但你也可以直接用浏览器登陆gmail亦或者QQ邮箱,直接把这个当客户端用。总之就是使用网页版代替本地软件。
Mobile Web App 当然就是指在手机端打开的Web App啦。我推荐看看Gmail的移动版。
感觉楼主问的问题还挺模糊的,所以我大概照我的理解依次解释下:
移动客户端的开发类型(因为我是个前端所以我是站在前端立场上来说的哈),主要是三种:
Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iPhone iPad就是纯Object-C,安卓就是纯JAVA, 就是用户看到的界面啦体验到的交互啦都是原生的。这是性能最棒的开发方式,但灵活性就没下面的好。
Web App, 这个就是在移动浏览器里打开的,纯HTML+CSS+JS,说白了就是个网页,只不过非常的富应用,比如手机浏览器访问的GMAIL啥啥的。但说白了就是在浏览器里打开的页面。。IOS支持可以在桌面创建访问的快捷方式,但是说到底还是打开Safari跑。。而且对设备硬件的接口什么的挺薄弱。
Hybrid App.[HTML5 in mobile devices] 我觉得这个更为合适一些。实际上是使用原生写了一个容器,然后使用HTML+CSS+JS来实现用户界面和交互。Web App的短处便可以克服(因为自己写的容器可以辅助暴露偏底层的接口,比如本地存储或者麦克风控制之类),同时比起纯原生的java或者object-c开发灵活性要高(更新可以更快更迅速,也不依赖于市场,因为说白了,就是自己下载更新网页资源。。)实际上这种方式已经不限于移动端。。豌豆荚其实是个pc端的hybrid app 哇~~~ 而且说实在的,桌面开发的性能就现在来说要比移动好很多。。
以上三种开发方式的比较和分析谷歌里面一搜一大堆我就不废话啦哈。我记得2011年的Google io上就有一场talk是android native和web app等开发方式的大PK。。看俩工程师吵还是很有意思的。
2. web前端开发框架有哪些
常见的web前端开发框架如下:
1、Bootstrap:
主流框架之一,Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。
2、html5-boilerplate:
该框架可以快速构建健壮,且适应力强的web app或网站。
3、Meteor:
Meteor是新一代的开发即时web应用的开源框架,它能在较短时间内完成开发。
4、Materialize:
基于材料设计的现代化响应式前端框架。可提供默认的样式,自定义组件。此外,Materialize还改进动画和过渡,为开发人员提供流畅的体验。
5、Amaze UI:
国内首个开源HTML5跨屏前端框架产品系列,中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。
(2)手机web前端模版扩展阅读:
web框架程序的作用:
Web框架使得在进行Web应用开发的时候,减少了工作量。Web框架主要用于动态网络开发,动态网络主要是指现在的主要的页面,可以实现数据的交互和业务功能的完善。
使用Web框架进行Web开发的时候,在进行数据缓存、数据库访问、数据安全校验等方面,不需要自己再重新实现,而是将业务逻辑相关的代码写入框架就可以。也就是说,通过对Web框架进行主观上的“缝缝补补”,就可以实现自己进行Web开发的需求了。
以PHP为例,PHP可以在apache服务器上进行Web开发,而不必使用框架。使用PHP进行开的时候,在不适用框架的情况下,数据库连接就需要自己来实现,页面的生成和显示也是一样。比如框架的话可以完成避免sql注入的工作,而使用PHP在不用框架的情况下,这部分要自己做。
参考资料来源:网络-前端开发
3. 移动webapp前端ui用哪个框架好
WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是腾讯社交用户体验设计 - 增值UI开发团队一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,
做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。
FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范,基本样式使用离线包的方式减少请求,并提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件,更优雅地在移动端上呈现更灵动的动画效果。
FrozenJS 是针对移动端开发的 js 组件库,其依赖 zepto.js 和 FronzenUI。
FrozenJS 的所有组件均以 zepto 的插件的形式存在。
阿里开源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。并参考 Ratchet、Fastclick 开源库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。
对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了Zepto/jQuery 风格的API,你将会非常熟悉这种方式。
开发团队:阿里巴巴共享业务事业部UED团队
网络系
GMU
GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!
Jingle
Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。
丰富的UI组件提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件,简单适用,
前后端分离支持前端模板渲染,模板按需自动加载,完善的事件机制。
轻量级基于Zepto开发,依赖了iscrol
purecss
purecss采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。Purecss小的没有节操,全部模块gzip压缩后才 4.4KB* 。 考虑到移动端,保持文件尽量小对我们来说非常重要,每一行CSS都经过深思。如果你只用部分模块,简直小的忽略。
Pure基石,Pure基于Normalize.css添加了HTML元素的布局和样式,以及常用的UI组件。全是精华,木有糟粕。
移动端是初衷,Pure是响应式的盒子模型,适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。
写出你自己的样式,Pure提供最基础的样式,鼓励你基于此写出自己的样式。它被设计为容易覆写,且不影响你自己的样式。
ionic
基于angular2,丰富的UI组件,大大改进的编程模型,非常适合快速开发。
jquery mobile
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
Bootstrap
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。
wex5
国产的ui,支持打包。
前端UI:完全恪守html5+css3+js,干净纯洁设备api:采用业界主流Phonegap/Cordova
向导、模板:简单定义,即可轻松制作向导和模板
主题、样式:海量bootstrap资源引入和定制
UI组件:纯H5+CSS3,轻松引入第三方UI组件
插件:轻松对接即时通讯、推送、支付等各类插件
后端:轻松调用后端组件和api,并实现可视化
4. 移动web和web有哪些区别
移动web和web有哪些区别体现在以下几点:
1.比如说具体的应用在不同地方的形态。
一款计算器:
web app: 其实就是在网页上的应用。这个很广泛,只不过大家平时都不这么叫而已,你在 网页上使用一款计算器都可以称作web app。
mobile web app:额,就是能在手机浏览器中打开使用的计算器,只不过根据手机的屏幕,调整了 自己的按键大小,布局等等。
mobile app: 你在应用商店下载了一个计算器。
2.比如说如何用代码编写:
web前端:
基本上就是html+css+javascript。至于html5,css3什么的就是具体到你应该用什么规则的代码去写了。这个如果楼主想要入门学习的话,推荐w3school 在线教程(中文)。
mobile web 前端:
其实还是那套东西,但是加入了一个叫做响应式设计的东西。而且据我了解,这个概念还要从html 5标准的普及说起,说通俗点就是屏幕多大的时候布局,字体是什么样的。网上有很多前端模板都提供了这个功能。比如比较火的Bootstrap中文网(中文)深层次点,比如通过html5的API调用手机的硬件等。
mobile 前端:
这个目前还分两大阵营,一个是Android,一个是iOS。而且就我的了解,web前端有专门的岗位叫前端攻城师,但是很少听说过只写mobile前端的移动工程师,至少我至今没有听到过。
Android:
静态的话就是xml,动态的话就是android的layout那堆东西。
https://developer.android.com/guide/topics/ui/declaring-layout.html(可能需要翻墙)
比较简单的layout,比如:
Linear Layout(可能需要翻墙)
FrameLayout | Android Developers(可能需要翻墙),想学习的话可以参考下。
还有一些动画效果。
https://developer.android.com/guide/topics/graphics/index.htmll(可能需要翻墙)
当然,提到Android的UI,不得不提的是那坑爹的适配。只能说,学习Android UI需谨慎。
iOS:
UIKit那套东西,其实现在感觉如果不是太复杂,.xib直接拖界面也还可以。UIKit Framework Reference 。storyboard就算了,不是太推荐。简单的页面还可以,想试也可以试试。反正我用的不是很舒服。当然还有一些动画效果。Graphics and Animation
3.比如说其他区别:
其实最显着的区别就是,web app是不依赖于具体的设备的,通用性较强,只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备,一旦更换设备,需要重新下载才能继续使用。
5. java web前端(总结)前端要求和流行几个框架
1. 掌握各种修图软件,如PSFireworksAI,不要求专业设计师水平,但要会用会改,今天是一专多能的时代,光会编程讨不好饭碗的;
2. 精通JavaScript、jQuery、vue、 react、angular等页面效果框架,这是前端工程师的最核心技能,是专做页面效果的技术。其实精通了JavaScript,后端编程语言,如.NET、PHP、Ruby都很容易掌握,因为其原理是一样的;
3. 精通一二种模板语言,并能修改,如织梦或wordpress的模板;
4. 掌握thinkphp与zend框架,能修改此类开源源码;
5. 掌握html5与sencha,这是做手机等移动设备的页面前端技术;
6. 掌握一二种后端编程语言,如PHP、.NET、JAVA,能读懂后端源码,实际上其原理跟JS差不多;
7. 掌握node.js,熟悉各种自动化部署工具;
8. 前端是重视用户体验的,不是靠美工给的页面 做出来就行了,那样不是一个合格的前端。
6. 手机端的页面怎么开发,和web html有区别吗
两者之间没有区别。
有许多方法可以在手机上开发网页。 目前,html5的发展还不够平衡,导致主要浏览器对h5的支持不尽人意。 但是,其添加了@media属性(属于css3,html5和css3的名称在这里没有严格区分,实际上,是两种不同的技术)。
从那时起,网页创建可以根据用户所持有的设备的像素宽度来识别是否正在使用移动电话,从而在用户正在使用移动设备时下载移动页面。 但是,其存在某些缺点。 在这个阶段,手机的标准还很不规范。
(6)手机web前端模版扩展阅读:
目前现阶段的手机网页开发,主要的手段是:
其一,在meta标签中添加关于像素宽度的限制语句,然后实现css的相对宽度。 但是,界面会显得杂乱无章,因此很少使用此方法。
其二,这种方法是最常见的。 网站页面分为两个部分,分别面向计算机和手机。 当用户请求页面时,标题信息用于确定其是否是计算机浏览器,然后针对不同的请求发送不同的网页文件。 这样的网页通常不是静态的。
另外,开发移动网页时,可以使用Chrome的开发人员工具。 Chrome开发人员工具可以模拟手机页面的开发,还可以模拟许多设备,方便用户开发。
7. 下载web前端oa系统模板,一般去哪些网站呢谢谢啦
oa类的系统模板一般要去模板素材类的网站,开创者素材、17素材这些网站都有很多oa系统模板提供下载的
8. web前端主流框架主要有哪些
1、Bootstrap
AUI是最近流行起来的,作者声称是专为APIClound设计的一套框架,解决了许多移动端开发实际中遇到的许多问题,是一个纯CSS框架。使用容器+布局+模块的构建方式,JS辅助,更自由更灵活更易于扩展使用。遵循Google Material设计规范,完美适配各个机型。面向HTML5,使用CSS3实现动画交互,轻量级高性能。AUI是使用MIT License授权,你可以复制、出售。目前最新版本2.0。
8、Amaze UI
这是称为妹子UI的开源框架,据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念,从小屏逐渐到大屏,实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件,更有多个包含不同主题的Web组件。相比国外框架,妹子UI关注中文排版提供本地化支持。面向HTML5开发,使用CSS3来实现动画交互,轻量级高性能。
9、Frozen UI
Frozen UI是一款开源,简单易用,轻量敏捷的移动端框架。基于手Q样式规范,目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽,社区活跃,组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然,根据网友反映,也存在大大小小的bug。不过总体来说,还是值得一用的。奇怪的是,Github上显示的最后更新时间是一年前,难道已经没人维护了吗?
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
还有一个相似的命令 df(Disk Free),使用df会返回有关可用磁盘空间的各种信息。
9. web前端有模板开发需要多久
不定。
Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征,在互联网的演化进程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发。