0816_前端框架jQuery Mobile

新内容(前端-jQuery Mobile框架)

jQuery Mobile会根据手机不同尺寸来调整适配

jM 依赖于jQuery(js的一个扩展库)

(bootstarp也可以实现webApp, 但是它有些没用到的功能, 必须也包括到项目里, 这里有瑕疵)

webAPP思想: 单页多应用, 以减少用户请求时的断片, 增强用户体验

引入jM两个文件和一个js的文件

• jquery.mobile-1.4.5.min.css

• jquery.mobile-1.4.5.min.js

• jquery-3.1.0.min.js

注意: 这里使用jquery-3.1.0.min.js有问题, 页面效果显示不出来, 看jM官网要求的jQuery版本为1.8 - 1.11 / 2.1(这里我使用2.0.0)

同时需要在页面做如下设置

小示例

  
    
    
    
    
    
  
  
    
    

      
      

        
pageone
      
      
      
      

        
pageone content
      
      
      
      

        

          

            
首页
            
喜欢
            
用户
          
        
      
    
    
    
    
    
  

Snip20160816_20.png

作业

写三个页面
商品首页,商品列表页,商品详情页

用户注册和登录的表单