移动前端开发项目-1_课程简介及移动端主流框架介绍

author author     2023-03-14     117

关键词:

参考技术A 当前移动端开发主要有以下四个方面:
1)tochweb(手机网站):手机通过手机浏览器打开的网站
2)web-app (touchweb网站通过phoneGap appcan 打包成 安卓apk 和苹果ios格式)
3)hybrid-app (性能较好,开发周期短,当下主流 )
4)native-app (由Android/IOS开发,性能最好,其他三种可以由前端开发)

1)bootstrap: http://www.bootcss.com/ 响应式布局

2)css3 动画

http://www.haorooms.com/uploads/example/Animatecss/

更多框架

http://nec.netease.com/framework

3)icon字体(移动端经常会用到)
http://fontawesome.io/

http://www.iconfont.cn/

4)css的 SASS 和Less框架

1)zeptiojs(比较轻量;但不兼容IE浏览器、 window8系统)

http://zeptojs.com/

2)jGestures

http://jgestures.codeplex.com/

见博客文章: http://www.haorooms.com/post/jquery_jGestures

3)swiper

http://www.swiper.com.cn/

4)iScroll.js
http://cubiq.org/iscroll-5
http://iscrolljs.com/

1)jqueryMobile(功能很强大;但效率不是很高)

http://api.jquerymobile.com/

2) app framework

http://app-framework-software.intel.com/

3)senchtouch

http://www.sencha.com/

4)mobileangularui
http://mobileangularui.com/docs/

5)phonegap
http://phonegap.com/

6)appcan
http://www.appcan.cn/

7)妹子Ui
http://amazeui.org/

8)百度GMU

http://gmu.baidu.com/

我习惯用的是netbeans

前端比较灵活,不会制定具体的IDE,时下比较流行的是sublime

具体可以看下: http://www.haorooms.com/post/sublime_use

前端做好了之后,要根据后台返回的接口来绑定页面(也就是我们通常说的套页面)。

假如后台是java写的,我们要搭建java环境,php写的,我们要搭建php环境。

【本套课程暂时不讲价如何绑定静态页面,因此开发环境也不用搭建。】

web前端之移动端课程开发之06.bootstrap(代码片段)

...平板手机端栅格布局完整的类库jQuery插件不同的使用场景移动设备优先Bootstrap3 查看详情

web前端培训课程需要学习哪些方面的技术

...pt面向对象、JavaScriptDOM和BOM编程、jQuery框架。2、HTML5+CSS3+移动端核心:HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练。3、移动端:移动端核心、移动端适配、移动端特效。4、服务器端:服务器端开发、数据库操作... 查看详情

学习web前端开发,需要掌握哪些知识

...t面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移动端移动端核心、移动端适配、移动端特效阶段4.服务器端服务器端开发、数据库操作、前后... 查看详情

前端技术栈都有哪些

...作与样式设计实现,能够配合UI设计师进行项目开发。2、移动端页面制作与响应式实现讲解移动端布局与设备适配、响应式设计与实现等,获得移动端页面适配工程师技能,主要进行移动端网页的布局制作与样式设计实现。可以... 查看详情

前端学习---移动端vue开发踩坑记

前言:大概两个月前投身于一个项目中去,项目是一个移动端的项目,所选用的框架是时下比较流行的vue。这篇文章也是针对这个项目和以前自己学习时的一些总结,包括一些通用的移动端开发要注意的事项、vue开发遇到的一些... 查看详情

前端vue框架01(代码片段)

...么学习vue:   前台框架:Angular(庞大)、React(精通移动端)、Vue(吸取前两者优势,轻量级)   Vue一手文档是中文   实现前后台分离开发,节约开发成本 4)在哪里使用   前后台分离项目的前台开发(pc、移动端)&... 查看详情

web前端学习分哪些阶段?

...t面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移动端移动端核心、移动端适配、移动端特效阶段4.服务器端服务器端开发、数据库操作、前后... 查看详情

热门移动端h5开源前端开发框架搜集整理

...:这里蚂蚁金服出的一款框架,提供了桌面版和移动版两大块。移动版的首页是:https://mobile.ant.design/index-cn。应用者:蚂蚁金服、阿里巴巴、口碑、滴滴Framework7官网:framework7.taobao.org介绍:出处看官网域... 查看详情

热门移动端h5开源前端开发框架搜集整理

...:这里蚂蚁金服出的一款框架,提供了桌面版和移动版两大块。移动版的首页是:https://mobile.ant.design/index-cn。应用者:蚂蚁金服、阿里巴巴、口碑、滴滴Framework7官网:framework7.taobao.org介绍:出处看官网 查看详情

前端er们如何最快开发h5移动端页面

...ap是目前最流行的前端开发框架,最新出来的Bootstrap3提出移动优先,Bootstrap框架主要针对的是桌面端市场,在布局、版式、控件、特效方面都非常让人满意,能极大丰富界面效果,方便前端工程师开发,目前主流的Firefox,Chrome,Ope... 查看详情

web前端培训都有哪些课程

...构:HTML+CSS核心技术、PC端网站布局、HTML5+CSS3核心技术、移动端网站布局、响应式布局实战第二阶段JS高级程序设计:JavaScript核心技术-网站动效交互、JavaScript核心技术-网站前后端交互、jQuery交互效果开发第三阶段NodeJS前端架构... 查看详情

如何学习web前端开发?

...t面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移动端移动端核心、移动端适配、移动端特效阶段4.服务器端服务器端开发、数据库操作、前后... 查看详情

web前端的内容多吗?好学不?

...t面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移动端移动端核心、移动端适配、移动端特效阶段4.服务器端服务器端开发、数据库操作、前后... 查看详情

目前主流的移动web开发框架都有哪些

目前主流的移动WEB开发框架有哪些?Web框架也可以理解为B/S(Brouser/Server)框架,是一种基于浏览器载体的框架,包含前端、后端和数据库三个大的方向,各个方向的工具技术都不一样。现在主流的工具技术包含.NET、SqlServer、Bootstr... 查看详情

移动开发主流框架的选取以及技术选型方案解析

传统的移动开发模式主要分为三种,Native App,Web App 和 Hybrid App,对于目前微信端比较火爆的开发平台小程序,或者其他厂商推广的流应用、轻应用等开发方式,基本都离不开H5的支撑。目前App前端开发主流框... 查看详情

移动开发主流框架的选取以及技术选型方案解析

传统的移动开发模式主要分为三种,Native App,Web App 和 Hybrid App,对于目前微信端比较火爆的开发平台小程序,或者其他厂商推广的流应用、轻应用等开发方式,基本都离不开H5的支撑。目前App前端开发主流框... 查看详情

wxshop_my移动端前端开发项目

 *************************************************************************************************************1.界面展示 源码,相关视频链接  2.1感谢麦子学院视频教程:链接:http://pan.baidu.com/s/1i4DEYCt密码:xth4  2.2我的 查看详情

web前端开发需要学些啥

...t面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移动端移动端核心、移动端适配、移动端特效阶段4.服务器端服务器端开发、数据库操作、前后... 查看详情