移动端开发框架Zepto.js入门(快速方式,后端node开发)

课程地址:https://www.imooc.com/learn/229

一、 常见移动端开发框架简介

212927_ymTb_3018050.png

212944_bjyf_3018050.png

213003_uyH3_3018050.png

213017_muZ2_3018050.png

213026_le2z_3018050.png

213036_KZRI_3018050.png

213102_97mk_3018050.png

213130_MuQz_3018050.png

213122_aFXV_3018050.png

213241_NiUB_3018050.png

213535_LMpL_3018050.png

213634_HNZZ_3018050.png

213737_QuQy_3018050.png

213901_DXS6_3018050.png

二、Zepto框架介绍和入门

213949_1hOZ_3018050.png

214034_lrCR_3018050.png

214126_ruN3_3018050.png

214235_3qRP_3018050.png

214315_lry2_3018050.png

三、 Zepto框架核心API 

214752_6Vk0_3018050.png

1.Core

214811_OwVv_3018050.png

214828_ZpPI_3018050.png

215001_xkED_3018050.png

215016_hAtP_3018050.png

215057_JFTP_3018050.png

215123_6eUl_3018050.png

215229_qdQt_3018050.png

215257_Fmij_3018050.png

215308_kLUo_3018050.png

2.事件

215426_m429_3018050.png

215729_I1Bt_3018050.png

自定义事件

215804_pEVG_3018050.png

215910_uCqj_3018050.png

手机模拟事件

215956_DKoS_3018050.png

touch.js的第三方插件库

220048_C59h_3018050.png

3.zepto ajax

220209_JIcK_3018050.png自带的四个模块

220332_5m7s_3018050.png

220350_zckk_3018050.png

4.zepto插件

220425_8Skg_3018050.png

220435_xxlM_3018050.png

220516_eEKO_3018050.png

220628_3jDZ_3018050.png

先了解设计模式

220657_NHGH_3018050.png

创建插件,扩展

四、移动端简单网页案例

1.移动端案例介绍

220827_EQKk_3018050.png

ajax请求,dom节点渲染,事件绑定

2.项目目录结构

221218_DVRO_3018050.png

后端代码-node.js

lib-逻辑方面,views存放一些模板

221329_g2sx_3018050.png

221525_LaWs_3018050.png

前端代码-zepto.js

libs封装了一些公用方法

221610_Xh2o_3018050.png

221656_Hl48_3018050.png

和业务相关的代码

221731_9ggP_3018050.png

221805_StWS_3018050.png

发布,多个文件打包压缩

3.页面结构搭建

后端用express写

085401_2AnQ_3018050.png

增加一个页面

085436_gJWv_3018050.png

从服务器取数据

085530_7oBR_3018050.png

085544_He8v_3018050.png

085610_MvWh_3018050.png

085740_Uj9X_3018050.png

085752_eiEy_3018050.png

添加一些内容

085843_czgv_3018050.png

4.页面的js逻辑

 

 

转载于:https://my.oschina.net/u/3018050/blog/1786528

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值