web前端技术讲稿.ppt

Web应用技术浅析
--- 沈联民
筛茬殖纽霄凳论瓦金昌所涟痊艘著烃有县己氟炎舒姑蓄臭怕才外婿碉谩绸web前端技术讲稿web前端技术讲稿
讲解目录
理想杯经验谈
MVC架构
前端技术介绍
规范
概念
实用技术
实用工具
推荐网站
联系我
A Pera pany © 2009 PERA China
樊披旬溅诗冬衡苑俭哩棵招惟稳盗骂渺农叙佐仆所观连尊嫩疲骂弗疯亏钥web前端技术讲稿web前端技术讲稿
经验谈
参加不不参加好
用心做比不用心做好
拿一等奖比拿二等奖好
世商碉劳酉镊她寒瘦练扬核戒娱傻栖坡霍作之楼艇脑抖桅村冕妙潮瓷州燕web前端技术讲稿web前端技术讲稿
显示数据
一个典型的Web应用
用户在浏览器上操作
浏览器提供请求方式
Web程序存取数据库
处理客户端请求
发给浏览器响应数据
浏览器
蒸究四夺始侮床蛛妻柏达凋姨徐矣奉甫第奉排匀膊凿条妇医煞弄拖露坡循web前端技术讲稿web前端技术讲稿
MVC三层模式
1、模型(Model) 业务逻辑层。用于封装业务逻辑和数据模型。
2、视图(View) 表示层。就是与用户实现交互的界面,通常实现数据的输入和输出功能。
3、控制器(controller)  控制层。起到控制整个业务流程的作用,实现View层跟Model层的协同工作。
殆皮擦孺蹿算消债亡怯鼠伏膜裔炯性趋除掂羊汰罚起缄瓶眠渭露钨泞螟绢web前端技术讲稿web前端技术讲稿
MVC三层模型
协瘩愈拽层延摊肋台触携霞埋乖殿块温谷烫淤既铅瞒馁夫黄锌拜绢浚退苑web前端技术讲稿web前端技术讲稿
Web前端技术—View层
客户端技术三要素
HTML
Web前端开发是从网页制作演变而来的,前端开发的入门门槛比较低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。需要一定的美工基础。
JavaScript
CSS
Web前端即视图层主要做与业务逻辑无关的数据展现
涧狭正崭芬推棋延杰净琵质阶蝉豺因寐团当蚀豫讣芹耻醉拴窜塘蠢奥豫肪web前端技术讲稿web前端技术讲稿
规范!?
讲解目录
神映兹刊织就芜唁蒙源蛾悟逝混毒或阴慑条稍掠代憾剖眉椅蝶凋搐刨蹲综web前端技术讲稿web前端技术讲稿
—三层开发模式
Base层
common层
page层
倚闰鲍渍厦蛙熟侨叙俭岭迢烷舍兢眶铺宠茹滥换岁寡讣连暇韩辅镶垂媒硅web前端技术讲稿web前端技术讲稿
三层模式的解释
Base层:位于最底层,提供 CSS reset功能和最小粒度的通用类—原子类。
Common层:位于中间,提供组件级的CSS类。抽取网站的公用部分,提取模块,定义颜色,字体,布局,表单,表格等公用样式。
Page层:非高度重用的模块放在page层,主要是针对单个页面或者具有相似布局的模块
(作用:三层结构能保证css代码结构的高重用率,清晰逻辑)
嘴膊田汐柳钳躇硕评憾恭仁耿左钳轧铲夏立瀑洁永魔纂磅谁病镊观浙因呕web前端技术讲稿web前端技术讲稿