陈小子
陈小子

JQuery Mobile 应用实例（1）

 

JQuery Mobile 应用实例（1）

本文档是我个人所做word总结的粘贴部分少了效果图，想要更全的，可以下载word文档，下载地址： http://pan.baidu.com/s/1geIQ0Np

1.1引用CSS和js

 
   





 
   
 
   
 
  
 
  
1.2引用在线的css和js
 
  
 
   
 
   



 
   
 
   
 
  
 
  
2.Pages
 
  
例1：简单页面
 
  
 
  



  

    
欢迎访问我的主页

  

  

    
我是一名移动开发者！

  

  

    
页脚文本

  




 
  
 
  
 
  
 
  
·        data-role="page" 是显示在浏览器中的页面
 
  
·        data-role="header" 创建页面上方的工具栏（常用于标题和搜索按钮）
 
  
·        data-role="content" 定义页面的内容，比如文本、图像、表单和按钮，等等
 
  
·        data-role="footer" 创建页面底部的工具栏
 
  
例2：单一 HTML文件中创建多个页面
 
  
通过唯一的 id来分隔每张页面，并使用 href属性来连接彼此。
 
   
  
例3：将页面用作对话框
 
   
  
3.Transitions过渡
 
  
过渡效果可应用于任意链接或通过使用 data-transition属性进行的表单提交：
 
   
  
 
    
    
 
      
过渡
 		 
      
描述
 		 
      
测试
 		 
    
 
    
 
      
fade
 		 
      
默认。淡入淡出到下一页。
 		 
      
测试
 		 
    
 
    
 
      
flip
 		 
      
从后向前翻动到下一页。
 		 
      
测试
 		 
    
 
    
 
      
flow
 		 
      
抛出当前页面，引入下一页。
 		 
      
测试
 		 
    
 
    
 
      
pop
 		 
      
像弹出窗口那样转到下一页。
 		 
      
测试
 		 
    
 
    
 
      
slide
 		 
      
从右向左滑动到下一页。
 		 
      
测试
 		 
    
 
    
 
      
slidefade
 		 
      
从右向左滑动并淡入到下一页。
 		 
      
测试
 		 
    
 
    
 
      
slideup
 		 
      
从下到上滑动到下一页。
 		 
      
测试
 		 
    
 
    
 
      
slidedown
 		 
      
从上到下滑动到下一页。
 		 
      
测试
 		 
    
 
    
 
      
turn
 		 
      
转向下一页。
 		 
      
测试
 		 
    
 
    
 
      
none
 		 
      
无过渡效果。
 		 
    
 
    
  
 
  
提示：以上所有效果同时支持反向动作，例如，如果您希望页面从左向右滑动，而不是从右向左，请使用值为"reverse" 的data-direction 属性。在后退按钮上是默认的。
 
  
实例1：反向滑动
 
   
  
4.Button按钮
 
  
jQuery Mobile 中的按钮可通过三种方法创建：
 
  
·        使用  
   
 
   
 
  
 
  
示例2：
 
  
 
  
 
   
 
   
 
   
 
   
 
  
 
  
示例3：
 
  
 
   
  
示例4：用class设置样式
 
  
 
  
 
   
 
   
Anchor

 
   
 
   
 
  
 
  
实例5：链接按钮
 
  
 
  
转到页面二
 
  
 
  
 
  
 
  
行内按钮
 
  
如果您需要两个或多个按钮并排显示，请添加 data-inline="true"：
 
  
实例6：行内按钮
 
  
 
  
button
button
 
  
 
  
 
  
 
  
或者：
 
  
 
   
 
   
Anchor

 
   
 
   
 
  
 
  
组合按钮
 
  
将data-role="controlgroup"属性与 data-type="horizontal|vertical"一同使用，以规定水平或垂直地组合按钮。
 
  
提示：默认情况下，组合按钮是垂直分组的，彼此间没有外边距和空白。
 
  
实例7：组合按钮
 
  
 
  


 
  
 
  
 
  
 
  
后退按钮
 
  
如需创建后退按钮，请使用 data-rel="back"属性（会忽略锚的 href值）
 
  
实例8:后退按钮
 
   
  
更多用于按钮的 data-* 属性
 
  
 
    
    
 
      
属性
 		 
      
值
 		 
      
描述
 		 
      
实例
 		 
    
 
    
 
      
data-corners
 		 
      
true | false
 		 
      
规定按钮是否有圆角。
 		 
      
测试
 		 
    
 
    
 
      
data-mini
 		 
      
true | false
 		 
      
规定是否是小型按钮。
 		 
      
测试
 		 
    
 
    
 
      
data-shadow
 		 
      
true | false
 		 
      
规定按钮是否有阴影。
 		 
      
测试
 		 
    
 
    
  
 
  
示例9：圆角按钮
 
  
 
  
 
   
 
   
Anchor

 
   
 
   
 
  
 
  
示例10：delete按钮
 
  
 
   
  
示例11：Shadow
 
  
 
  
Anchor

 
  
 
  
 
  
 
  
示例12：Theme
 
  
 
  
 
   
 
   
Anchor - Inherit
Anchor - Theme swatch A
Anchor - Theme swatch B



 
   
 
   
 
  
 
  
示例13：Mini
 
  
 
  
 
   
 
   
Anchor

 
   
 
   
 
  
 
  
5.Button Icons按钮图标
 
  
如需向您的按钮添加图标，请使用 data-icon 属性.
 
   
  
 
    
    
 
      
属性值
 		 
      
描述
 		 
      
图标
 		 
      
实例
 		 
    
 
    
 
      
data-icon="arrow-l"
 		 
      
左箭头
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="arrow-r"
 		 
      
右箭头
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="arrow-d"
 		 
      
向下
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="arrow-u"
 		 
      
向上
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="delete"
 		 
      
删除
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="info"
 		 
      
信息
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="home"
 		 
      
首页
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="back"
 		 
      
返回
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="forward"
 		 
      
向前
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="search"
 		 
      
搜索
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="grid"
 		 
      
网格
 		 
      
 		 
      
测试
 		 
    
 
    
 
      
data-icon="plus"
 		 
      
加号
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="minus"
 		 
      
减号
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="check"
 		 
      
喜爱
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="star"
 		 
      
星形
 		 
      
 		 
      
 
 		 
    
 
    
 
      
data-icon="gear"
 		 
      
选项
 		 
      
 		 
      
 
 		 
    
 
    
  
 
  
 
 
  
示例1：Icons
 
  
 
  
 
   
 
   
Anchor

 
   
 
   
 
  
 
  
示例2：定位图标
 
  
使用 data-iconpos属性来规定位置：上、右、下或左
 
  
 
   
  
提示：默认地，所有按钮中的图标靠左放置。
 
  
示例3：只显示图标
 
  
如果只需显示图标，请将 data-iconpos设置为"notext"：
 
  
 
   
  
示例4：标题栏
 
  
 
  
 
   
 
   
  
 
   
    首页
 
   
    
欢迎访问我的主页
 
   
    搜索
 
   
  
 
   
 
  
 
  
示例:5：标题栏右侧按钮
 
  
 
  
 
   
 
   
  
 
   
    
欢迎访问我的主页
 
   
    class="ui-btn-right" data-icon="search">搜索
 
   
  
 
   
 
  
 
  
示例6：页脚栏
 
  
 
  
 
   
 
   
     data-icon="plus">转播到新浪微博
 
   
    data-icon="plus">转播到腾讯微博
 
   
    data-icon="plus">转播到QQ空间
 
   
  
 
  
 
  
示例7：页脚栏按钮居中
 
  
 
  
 
   
class="ui-btn">
 
   
    转播到新浪微博
 
   
    转播到腾讯微博
 
   
    转播到QQ空间
 
   
  
 
  
 
  
示例8：页脚栏组合按钮
 
  
 
  
 
   
 
   
    
 
   
      转播到新浪微博
 
   
      转播到腾讯微博
 
   
      转播到QQ空间
 
   
    
 
   
  
 
  
 
  
示例9：定位页眉和页脚
 
  
使用 data-position属性来定位页眉和页脚：
 
  
放置页眉和页脚的方式有三种：
 
  
·        Inline - 默认。页眉和页脚与页面内容位于行内。
 
  
·        Fixed - 页面和页脚会留在页面顶部和底部。
 
  
·        Fullscreen - 与 fixed 类似;页面和页脚会留在页面顶部和底部，but also overthe page content. It is also slightly see-through
 
  
Inline 定位（默认）
 
  
 
  
 
   
 
   
  
data-position="inline">
 
   
    
行内页眉
 
   
  
 
   
  
 
   
    
提示：如果要看到效果，则需要调整窗口大小使滚动条可用。
 
   
    
Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..
 
   
  
 
   
  
 data-position="inline">
 
   
    
行内页脚
 
   
  
 
   
 
   
  
Fixed 定位
 
  
 
  
 
   
 
   
  
data-position="fixed">
 
   
    
Fixed 页眉
 
   
  
 
   
  
 
   
    
提示：如果要看到效果，则需要调整窗口大小使滚动条可用。
 
   
    
提示：如果滚动条可用，那么敲击屏幕将隐藏或显示页眉/页脚。效果会根据您在页面上的位置而变化。
 
   
    
Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..
 
   
  
 
   
  
data-position="fixed">
 
   
    
Fixed 页脚
 
   
  
 
   
 
   
  
提示：如果需要启用全面定位，请使用 data-position="fixed"，并向该元素添加data-fullscreen属性
 
  
Fullscreen 定位
 
  
 
  
 
   
 
   
  
data-position="fixed" data-fullscreen="true">
 
   
    
Fixed 和 Fullscreen 页眉
 
   
  
 
   
  


 
   
    
提示：如果要看到效果，则需要调整窗口大小使滚动条可用。
 
   
    
提示：敲击屏幕会隐藏或显示页眉和页脚。
 
   
    
Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable 
 
   
  
 
   
  
data-position="fixed" data-fullscreen="true">
 
   
    
Fixed 和 Fullscreen 页脚
 
   
  
 
   
 
   
  
提示：fullscreen对于照片、图像和视频非常理想。
 
  
提示：对于 fixed 和 fullscreen 定位，触摸屏幕将隐藏和显示页眉及页脚。
 
  
示例10：导航栏
 
  
导航栏由一组水平排列的链接构成，通常位于页眉或页脚内部。
 
  
默认地，导航栏中的链接会自动转换为按钮（无需data-role="button"）。
 
  
请使用 data-role="navbar" 属性来定义导航栏：
 
  
 
  
 
   
 
   
    
欢迎来到我的主页
 
   
    
 
   
      
 
   
        
  • 首页
    •  
   
            
  • 页面二
    •  
   
            
  • 搜索
    •  
   
          
     
   
        
     
   
      
     
   
  
    提示：按钮的宽度，默认地，与其内容一致。使用无序列表来均等地划分按钮：一个按钮占据 100%的宽度，两个按钮各分享 50%的宽度，三个按钮 33.3%，以此类推。不过，如果您在导航栏中规定了五个以上的按钮，那么它会弯折为多行（参加页面底部的“更多实例”）。
     
  
    活动按钮
     
  
    示例1：设置活动效果
     
  
     
  
     
   
     
   
        
    欢迎来到我的主页
     
   
        
     
   
          
     
   
            
  • class="ui-btn-active" data-icon="home">首页
    •  
   
            
  • 页面二
    •  
   
          
     
   
        
     
   
      
     
   
  
    示例2：为每个按钮设置“被选”外观，以表示用户正在浏览该页面
     
  
     
  
     
   
    pageone中
     
   
     
   
        
    欢迎来到我的主页
     
   
        
     
   
          
     
   
            
  • class="ui-btn-active ui-state-persist" data-icon="home">首页
    •  
   
            
  • 页面二
    •  
   
          
     
   
        
     
   
      
     
   
    pagetwo中
     
   
     
   
        
    欢迎来到我的主页
     
   
        
     
   
          
     
   
            
  • 首页
    •  
   
            
  •  class="ui-btn-active ui-state-persist" data-icon="arrow-r">页面二
    •  
   
          
     
   
        
     
   
      
     
   
  
    内容中的导航栏
     
  
     
  
     
   
     
   
        
     
   
          
     
   
            
  • 更多
    •  
   
            
  • 更少
    •  
   
            
  • 删除
    •  
   
            
  • 喜爱
    •  
   
            
  • 信息
    •  
   
          
     
   
        
     
   
        
    该例演示内容中的导航栏。
     
   
      
     
   
  
    页脚中的导航栏
     
  
     
  
     
   
     
   
        
     
   
          
     
   
            
  • 更多
    •  
   
            
  • 更少
    •  
   
            
  • 删除
    •  
   
            
  • 喜爱
    •  
   
            
  • 信息
    •  
   
          
     
   
        
     
   
      
     
   
  
    在导航栏中定位图标
     
  
     
  
     
   
     
   
        
    data-iconpos="left">
     
   
          
     
   
            
  • 更多
    •  
   
            
  • 更少
    •  
   
            
  • 删除
    •  
   
            
  • 喜爱
    •  
   
            
  • 信息
    •  
   
          
     
   
        
     
   
      
     
   
  
    五个以上的按钮
     
  
     
  
     
   
     
   
        
     
   
          
     
   
            
  • 更多
    •  
   
            
  • 更少
    •  
   
            
  • 删除
    •  
   
            
  • 喜爱
    •  
   
            
  • 信息
    •  
   
            
  • 向前
    •  
   
            
  • 向后
    •  
   
            
  • 星形
    •  
   
            
  • 选项
    •  
   
            
  • 搜索
    •  
   
          
     
   
        
     
   
      
    该例演示当导航栏包含超过五个按钮时的情况。
     
   
      
     
   
  
    6.可折叠
     
  
    可折叠的内容块
     
  
    可折叠（Collapsibles）允许您隐藏或显示内容。
     
  
     
     
  
     
   
     
   
    data-role="collapsible">
     
   
      
    点击我 - 我可以折叠！
     
   
      
    我是可折叠的内容。
     
   
     
   
     
   
  
    默认地，该内容是关闭的。如需在页面加载时扩展内容，请使用 data-collapsed="false"：
     
  
     
   
     
   
    data-collapsed="false">
     
   
      
    点击我 - 我可以折叠！
     
   
      
    我是可折叠的内容。
     
   
     
   
     
   
  
    嵌套的可折叠块
     
  
     
  
     
   
     
   
        
    data-role="collapsible">
     
   
          
    点击我 - 我可以折叠！
     
   
          
    我是可折叠的内容。
     
   
          
    data-role="collapsible">
     
   
            
    点击我 - 我是嵌套的可折叠块！
     
   
            
    我是嵌套的可折叠块中被展开的内容。
     
   
          
     
   
        
     
   
      
     
   
  
    可折叠集合
     
  
    可折叠集合（Collapsible sets）指的是被组合在一起的可折叠块（常被称为手风琴）。当新块被打开时，所有其他块会关闭。
     
  
    创建若干内容块，然后通过data-role="collapsible-set" 用新容器包装这个可折叠块：
     
  
     
  
     
   
     
   
    data-role="collapsible-set">
     
   
      
     
   
        
    点击我 - 我可以折叠！
     
   
        
    我是被展开的内容。
     
   
      
     
   
      
     
   
        
    点击我 - 我可以折叠！
     
   
        
    我是被展开的内容。
     
   
      
     
   
     
   
     
   
  
    示例1：通过 data-inset 属性来删除圆角
     
  
     
  
     
   
     
   
        
    没有圆角的可折叠内容块：
     
   
        
    data-inset="false">
     
   
          
    这是没有圆角的可折叠内容块。
     
   
          
    默认地，可折叠块带有包含外边距的圆角，使用 data-inset="false" 可去掉圆角。
     
   
        
     
   
     
   
  
    示例2：通过 data-mini 最小化collapsibles
     
  
     
  
     
   
     
   
        
    data-mini="true">
     
   
          
    点击我 - 我是可折叠的！
     
   
          
    我是可折叠的内容。
     
   
        
     
   
     
   
  
    示例3：通过 data-collapsed-icon 和data-expanded-icon 改变图标（默认是 + 和-）
     
  
     
  
     
  
     
   
     
   
        
    data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
     
   
          
    data-collapsed-icon 规定按钮的图标。
     
   
          
    data-expanded-icon 规定内容被展开时按钮的图标。
     
   
        
     
   
     
   
  
    7.网格
     
  
    可使用的布局网格有四种：
     
  
     
    
    
     
      
    网格类
         		 
      
    列
         		 
      
    列宽度
         		 
      
    对应
         		 
      
    实例
         		 
    
     
    
     
      
    ui-grid-a
         		 
      
    2
         		 
      
    50% / 50%
         		 
      
    ui-block-a|b
         		 
      
    测试
         		 
    
     
    
     
      
    ui-grid-b
         		 
      
    3
         		 
      
    33% / 33% / 33%
         		 
      
    ui-block-a|b|c
         		 
      
    测试
         		 
    
     
    
     
      
    ui-grid-c
         		 
      
    4
         		 
      
    25% / 25% / 25% / 25%
         		 
      
    ui-block-a|b|c|d
         		 
      
    测试
         		 
    
     
    
     
      
    ui-grid-d
         		 
      
    5
         		 
      
    20% / 20% / 20% / 20% / 20%
         		 
      
    ui-block-a|b|c|d|e
         		 
      
    测试
         		 
    
     
        
  
     
  
    提示：在列容器中，根据不同的列数，子元素可设置类 ui-block-a|b|c|d|e。这些列将依次并排浮动。
     
  
    ui-grid-a
     
  
     
  
     
   
     
   
       
    两列布局：
     
   
       
    class="ui-grid-a">
     
   
         
    class="ui-block-a">第一列按钮
     
   
           第一列：This is some text. This is some text. This is some text. This is some text. This is some text.
     
   
         
     
   
         
    class="ui-block-b">
     
   
           第二列按钮
     
   
           第二列：This is some text. This is some text. This is some text. This is some text.
     
   
         
     
   
       
     
   
     
   
  
    实例1: 对于 ui-grid-a 类（两列布局），您必须规定两个子元素 ui-block-a和 ui-block-b。
     
  
    实例2: 对于 ui-grid-b 类（三列布局），请添加三个子元素 ui-block-a、ui-block-b 和 ui-block-c。
     
  
    定制网格
     
  
    可以通过使用 CSS来定制列块：
     
  
     
  
     
   
     
  
     
  
    也可以通过使用行内样式来定制块：
     
  
     
   
    style="border: 1px solid black;">Text..
     
  
     
  
    多行
     
  
    注释：ui-block-a-class将始终创建新行：
     
  
     
  
     
   
     
   
       
    多行的三列布局：
     
   
       
    class="ui-grid-b">
     
   
         
    class="ui-block-a" style="border: 1px solid black;">Some Text1
     
   
         
    class="ui-block-b" style="border: 1px solid black;">Some Text2
     
   
         
    class="ui-block-c" style="border: 1px solid black;">Some Text3
     
   
         
    class="ui-block-a" style="border: 1px solid black;">Some Text4
     
   
         
    class="ui-block-b" style="border: 1px solid black;">Some Text5
     
   
         
    class="ui-block-a" style="border: 1px solid black;">Some Text6
     
   
       
     
   
      
     
   
     
   
  
    8.列表视图
     
  
    jQueryMobile 中的列表视图是标准的 HTML列表：有序列表 (
      )和无序列表 ( 
   
        
       
   
  
      示例2：如需为列表添加圆角和外边距，请使用 data-inset="true"属性：
       
  
       
   
        data-inset="true">
       
  
       
  
      提示：默认地，列表中的列表项会自动转换为按钮（无需 data-role="button"）。
       
  
       
  
      示例3：列表分隔符
       
  
      如需规定列表分隔符，请向 
    1. 元素添加 data-role="list-divider"属性
       
  
       
   
         
   
         
      • data-role="list-divider">欧洲
        •  
   
          
      • 法国
        •  
   
          
      • 德国
        •  
   
         
  
         
  
         
  
         
   
         
   
            
        列表分隔符
         
   
            
          data-role="listview">
         
   
              
      • data-role="list-divider">欧洲
        •  
   
              
      • 德国
        •  
   
              
      • 英国
        •  
   
              
      • data-role="list-divider">亚洲
        •  
   
              
      • 中国
        •  
   
              
      • 印度
        •  
   
              
      • data-role="list-divider">非洲
        •  
   
              
      • 埃及
        •  
   
              
      • 南非
        •  
   
            
         
   
          
         
   
  
        示例:4：字母顺序
         
  
        如果您的列表是字母顺序的（比如通讯录），jQuery Mobile自动添加恰当的分隔符，通过在
          或  
   
            
           
   
  
          提示：data-autodividers="true"属性通过对列表项文本的首字母进行大写来创建分隔符。
           
  
          示例5：搜索过滤器
           
  
          如需在列表中添加搜索框，请使用 data-filter="true"属性：
           
  
           
   
            data-filter="true">
           
  
           
  
           
  
           
   
           
   
            
          我的通讯录
           
   
            
            data-role="listview" data-autodividers="true" data-inset="true" data-filter="true">
           
   
              
        1. Adele
          2.  
   
              
        2. Agnes
          3.  
   
              
        3. Albert
          4.  
   
              
        4. Billy
          5.  
   
              
        5. Bob
          6.  
   
              
        6. Calvin
          7.  
   
              
        7. Cameron
          8.  
   
              
        8. Chloe
          9.  
   
              
        9. Christina
          10.  
   
              
        10. Diana
          11.  
   
              
        11. Gabriel
          12.  
   
              
        12. Glen
          13.  
   
              
        13. Ralph
          14.  
   
              
        14. Valarie
          15.  
   
            
           
   
            
           
   
  
          示例6：改变搜索过滤器的文本
           
  
          默认地，搜索框中的文本是 "Filter items..."。
           
  
          如需修改默认文本，请使用 data-filter-placeholder属性：
           
  
           
   
            data-filter-placeholder="搜索姓名">
           
  
           
  
           
  
           
   
           
   
            
          我的通讯录
           
   
            
            data-role="listview" data-autodividers="true" data-inset="true" data-filter="true" data-filter-placeholder="搜索姓名 ...">
           
   
              
        15. Adele
          16.  
   
              
        16. Agnes
          17.  
   
              
        17. Albert
          18.  
   
              
        18. Billy
          19.  
   
              
        19. Bob
          20.  
   
              
        20. Calvin
          21.  
   
              
        21. Cameron
          22.  
   
              
        22. Chloe
          23.  
   
              
        23. Christina
          24.  
   
              
        24. Diana
          25.  
   
              
        25. Gabriel
          26.  
   
              
        26. Glen
          27.  
   
              
        27. Ralph
          28.  
   
              
        28. Valarie
          29.  
   
            
           
   
            
           
   
  
          示例7：只读列表
           
  
           
  
           
   
           
   
              
          有序列表：
           
   
              
            data-role="listview">
           
   
                
        29. 列表项目
          30.  
   
                
        30. 列表项目
          31.  
   
                
        31. 列表项目
          32.  
   
              
         
   
            
        无序列表：
         
   
             data-role="listview">
         
   
              
      • 列表项目
        •  
   
              
      • 列表项目
        •  
   
              
      • 列表项目
        •  
   
            
         
   
          
         
   
  
         
         
  

                            
                        
                    
                    
                    
        
                    
                    
                    
        
                
                
        
                    
                
        
            
        
    
    
        
        
        你可能感兴趣的:(jQuery,Mobile)
        
        
        
            
        
                
          
                    
        • 轻量级模型解读——轻量transformer系列
                        lishanlu136
#图像分类轻量级模型transformer图像分类
                        
          先占坑，持续更新。。。文章目录1、DeiT2、ConViT3、Mobile-Former4、MobileViTTransformer是2017谷歌提出的一篇论文，最早应用于NLP领域的机器翻译工作，Transformer解读，但随着2020年DETR和ViT的出现(DETR解读，ViT解读)，其在视觉领域的应用也如雨后春笋般渐渐出现，其特有的全局注意力机制给图像识别领域带来了重要参考。但是tran
          
                    
          • 
                    
        • [移动端自动化] AppAgent介绍
                        大卫软件测试
自动化
                        
          AUITestAgentAUITestAgent/README_zh.mdatmain·bz-lab/AUITestAgent(github.com)1/MobileAgentX-PLUG/MobileAgent:Mobile-Agent:ThePowerfulMobileDeviceOperationAssistantFamily(github.com)2/AppAgentAppAgent/RE
          
                    
          • 
                    
        • C# 开发教程-入门基础
                        天马3798
教程系列整理c#开发语言
                        
          1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
          
                    
          • 
                    
        • 联邦学习 Federated learning Google I/O‘19 笔记
                        努力搬砖的星期五
笔记联邦学习机器学习机器学习tensorflow
                        
          FederatedLearning:MachineLearningonDecentralizeddatahttps://www.youtube.com/watch?v=89BGjQYA0uE文章目录FederatedLearning:MachineLearningonDecentralizeddata1.DecentralizeddataEdgedevicesGboard:mobilekeyboa
          
                    
          • 
                    
        • html 删除事件,html 事件的添加和删除
                        列蒂齐亚
html删除事件
                        
          jQuery在jQuery1.7版本中bind()unbind(),live()die(),on()off(),delegate()下面我们给li元素添加事件bind()旧版写法:事件不能适用脚本创建的新元素live()旧版写法:适用脚本创建的新元素写法，但性能极不好on()新版写法，事件不能适用脚本创建的新元素(接收多个函数绑定)这三种方法都是基于要给添加事件的元素本身。$("ulli").bi
          
                    
          • 
                    
        • 动态生成的html元素绑定click事件
                        .NET跨平台
Jquery及其组件htmljquery
                        
          第一篇博客，开启技术博客的生涯，欢迎大家批评指教（坚信妹子也可以做好程序猿）今天想说帮公司做项目的时候遇到的一个小问题，动态添加html元素以后再去事件监听出问题。在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况。就是上面的一张表格要动态实现添加行，然后序列号还要随着增加，当删除的时候序列号依旧是按顺序排列。刚开始使用jQuery的on方法来解决，但是发现一个问题会出现事件绑定很多次
          
                    
          • 
                    
        • 前端页面实现table可拖动改变列宽
                        牧 码 人
jsjQueryjs表格拖动csscolResizable
                        
          此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j
          
                    
          • 
                    
        • 关于jquery的on(“click”,function(){}),事件绑定无效
                        微特尔普拉斯
javascriptjquery
                        
          之前在做jquery时,遇到一个问题,就是我在append一个给啊标签绑定click点击事件时不起作用,jquery的版本时3.4.1,也找不到起的错误.就是没触发:$(self).find(".comment-action.cancel").off("click");//console.log("点击了取消回复的按钮!");$(self).find(".comment-action.cancel
          
                    
          • 
                    
        • （hilo）摇钱树项目梳理
                        大胡子111

                        
          摇钱树项目用到了：1.jquery（js库）2.hilo.js(游戏框架)3.tida.js（淘宝相关api--要在淘宝中实现摇一摇功能）4.原生陀螺仪（因为要在微信中实现摇一摇功能）5.静态文件资源预加载项目组成部分：1.摇钱树2.摇一摇按钮3.树下礼包4.游戏标题5.树上的红包和金币6.音乐7.获奖记录7.活动规则（活动说明/玩法介绍）8.红包雨下落9.地上红包10.获奖/失败层11.玩法介绍
          
                    
          • 
                    
        • jQuery Easyui 源码分析之combo组件
                        90后北京程序员
前端-easyuieasyui之combobox
                        
          /***jQueryEasyUI1.3.1*该源码完全由压缩码翻译而来，并非网络上放出的源码，请勿索要。*/(function($){functionsetSize(target,width){varopts=$.data(target,"combo").options;varcombo=$.data(target,"combo").combo;varpanel=$.data(target,"co
          
                    
          • 
                    
        • React Native实现手风琴折叠菜单效果
                        做全栈攻城狮

                        
          使用了各类手风琴组件，都出现了各类问题。而市面上手风琴效果的第三方组件又不是很多。最终使用的是antdesign的手风琴效果，简单高效。组件网址：https://rn.mobile.ant.design/components/accordion-cn/#components-accordion-demo-basic使用DEMO：https://github.com/ant-design/ant-d
          
                    
          • 
                    
        • jquery打包到webpack项目
                        不cong明的亚子
前端webpackjqueryjavascript
                        
          入口文件—index.jswindow.$=require('jquery')webpack.config.jsconstwebpack=require('webpack')module.exports={...plugins:[...newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery'})...]...}
          
                    
          • 
                    
        • 一个Android开发者的React Native之路
                        青灯明月
RNAndroidReactandroidreactnative
                        
          这是一个Android开发者一个月以来学习ReactNative的一些经验和感悟，如有错漏之处敬请指出~1.什么是ReactNativeReactNative是Facebook在2015年开源的一个项目，用官方的话来解释就是：ReactNativeletsyoubuildmobileappsusingonlyJavaScriptReactNative让你只用JavaScript就能编写移动端App
          
                    
          • 
                    
        • 通过前端实现导出生成pdf文件并下载
                        银河小铁皮
vue原生JS前端javascriptvue.js
                        
          通过前端实现导出生成pdf文件并下载使用jspdf.js+html2canvas插件，实现前端生成pdf并下载的功能步骤如下1、先通过npm安装插件npminstalljspdf.jsnpminstallhtml2canvas2、单独在utils文件夹下，新建文件，存放处理代码/*eslint-disable*///不使用JQuery版的importhtml2canvasfrom'html2can
          
                    
          • 
                    
        • java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署
                        一梵sheji288
javamybatisvue.js
                        
          java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
          
                    
          • 
                    
        • TypeScript---类型批注
                        Anglie

                        
          TS通过类型批注提供静态类型，方便在编译时启动类型检查，这不是必须的，甚至可以被忽略，去使用js常规的动态类型。基本类型的批注是number,bool,string,弱类型或动态类型的结构可以是任意类型。将类型批注导出到一个单独的文件，方便使用类型已经被编译成为js的ts脚本的类型信息可用。批注可以为一个现有的js库声明。就像已经为node.js和jquery.js所做的那样。当没有给出类型时，T
          
                    
          • 
                    
        • 验证resneXt，densenet，mobilenet和SENet的特色结构
                        dfj77477
人工智能python
                        
          简介图像分类对网络结构的要求，一个是精度，另一个是速度。这两个需求推动了网络结构的发展。resneXt：分组卷积，降低了网络参数个数。densenet：密集的跳连接。mobilenet：标准卷积分解成深度卷积和逐点卷积，即深度分离卷积。SENet：注意力机制。简单起见，使用了[1]的代码，注释掉layer4，作为基本框架resnet14。然后改变局部结构，验证分类效果。实验结果GPU：gtx107
          
                    
          • 
                    
        • 基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件
                        练练科技
java课程设计mysql
                        
          基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
          
                    
          • 
                    
        • java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署
                        鸿源网络
数据库mysqljava
                        
          java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
          
                    
          • 
                    
        • 基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署
                        源新网络
java开发语言
                        
          基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
          
                    
          • 
                    
        • jQuery选择器
                        VaporGas
前端jquery前端javascript学习
                        
          jQuery选择器jQuery选择器类似于CSS选择器，用来选取网页中的元素$("h3").css("background","#09F");代码分析：获取并设置网页中所有元素的背景“h3”为选择器语法，必须放在$()中$(“h3”)返回jQuery对象.css()是为jQuery对象设置样式的方法jQuery选择器分类jQuery选择器功能强大，种类也很多，分类如下：类CSS选择器基本选择器层次
          
                    
          • 
                    
        • Java架构师学习路线
                        网络全息测量
心得体会
                        
          (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
          
                    
          • 
                    
        • AJAX实时表单验证系统
                        三年九班蓝同学

                        
          本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
          
                    
          • 
                    
        • 利用jQuery框架的ajax请求获取json格式的数据
                        听海边涛声
jqueryajaxjson
                        
          Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
          
                    
          • 
                    
        • 产品笔记之数据来源
                        木马良人

                        
          1.中国互联网络发展状况统计报告，每半年发布1次，http://www.cnnic.cn/hlwfzyj/hlwxzbg/。2.中国信息通信研究院-手机市场运行分析报告，每月发布1次，http://www.caict.ac.cn/kxyj/qwfb/qwsj/。3.Questmobile：http://www.questmobile.com.cn/blog.html4.易观千帆https://qi
          
                    
          • 
                    
        • 多进程android webview,Android Pie(9.0)WebView在多进程中
                        weixin_39983993
多进程androidwebview
                        
          解决了.我的项目托管了AdMob广告,我在Application类onCreate()中调用了MobileAds.initialize()方法.广告初始值设定项会加载一个WebView,在调用WebView.setDataDirectorySuffix(“dir_name_no_separator”)方法之前,该WebView现在禁止在新进程中执行.当创建第二个进程时,它也会通过相同的应用程序创建
          
                    
          • 
                    
        • 每日推荐11.09
                        西瓜绿2020

                        
          分享时下比较流行的优秀国外设计，每日开眼一下；数量四组，每日积累一点点，提高设计审美！#小程序#UI01.酒店预订移动UI套件模板https://www.uplabs.com/posts/hotel-booking-mobile-ui-kits-template02.测验移动应用程序UI套件模板https://www.uplabs.com/posts/quiz-mobile-app-ui-kits
          
                    
          • 
                    
        • jquery加载页面的方法(页面加载完成就执行)
                        JaosnY
JQueryjquery自动加载
                        
          转自http://www.jb51.net/article/27444.htmjquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){$("#a").click(function(){//addingyourcodehere});});2、$(document).ready(functi
          
                    
          • 
                    
        • 2019-07-16 Python接口测试实现获取登陆后的cookie访问下个接口
                        昨天今天下雨天1

                        
          coding:utf-8importrequestsurl="你的登陆接口"par={"mobile":"13225811329","passwd":"ws123456","from":"ios"}r=requests.post(url,data=par)s=requests.session()print(r.cookies)获取登录后的cookiecookies=r.cookiesurl1="你
          
                    
          • 
                    
        • jquery事件
                        上心心上

                        
          jquery事件事件函数列表：blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入（进入子元素也触发）mouseout()鼠标离开（离开子元素也触发）mouseenter()鼠标进入（进入子元素不触发）mouseleave()鼠标离开（离开子元素不触发）hover()同时为mousee
          
                    
          • 
                                
        • java类加载顺序
                                    3213213333332132
java
                                    
          package com.demo;

/**
 * @Description 类加载顺序
 * @author FuJianyong
 * 2015-2-6上午11:21:37
 */
public class ClassLoaderSequence {
	
	String s1 = "成员属性"; 
	
	static String s2 = "
          
                                
          • 
                                
        • Hibernate与mybitas的比较
                                    BlueSkator
sqlHibernate框架ibatisorm
                                    
          第一章     Hibernate与MyBatis 
Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 
MyBatis 参考资料官网：http:
          
                                
          • 
                                
        • php多维数组排序以及实际工作中的应用
                                    dcj3sjt126com
PHPusortuasort
                                    
          自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8&q
          
                                
          • 
                                
        • DOM改变字体大小
                                    周华华
前端
                                    
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml&q
          
                                
          • 
                                
        • c3p0的配置
                                    g21121
c3p0
                                    
          c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 
以在spring中配置dataSource为例： 
<!-- spring加载资源文件 -->
<bean name="prope
          
                                
          • 
                                
        • Java获取工程路径的几种方法
                                    510888780
java
                                    
          第一种： 
File f = new File(this.getClass().getResource("/").getPath()); 
System.out.println(f); 
结果: 
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 
获取当前类的所在工程路径; 
如果不加“
          
                                
          • 
                                
        • 在类Unix系统下实现SSH免密码登录服务器
                                    Harry642
免密ssh
                                    
          1.客户机 
    (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址 
    (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址 
    (3)执行cat
          
                                
          • 
                                
        • Java新手入门的30个基本概念一
                                    aijuans
javajava 入门新手
                                    
          在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
          
                                
          • 
                                
        • Memcached for windows 简单介绍
                                    antlove
javaWebwindowscachememcached
                                    
          1. 安装memcached server 
a. 下载memcached-1.2.6-win32-bin.zip 
b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install 
c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
          
                                
          • 
                                
        • 数据库对象的视图和索引
                                    百合不是茶
索引oeacle数据库视图
                                    
            
视图 
  
  视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图 
  
    为什么oracle需要视图; 
   &
          
                                
          • 
                                
        • Mockito(一) --入门篇
                                    bijian1013
持续集成mockito单元测试
                                    
                  Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。 
 &nb
          
                                
          • 
                                
        • 精通Oracle10编程SQL(5)SQL函数
                                    bijian1013
oracle数据库plsql
                                    
          /*
 * SQL函数
*/

--数字函数
--ABS(n):返回数字n的绝对值
declare
  v_abs number(6,2);
begin
  v_abs:=abs(&no);
  dbms_output.put_line('绝对值：'||v_abs);
end;

--ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
          
                                
          • 
                                
        • 【Log4j一】Log4j总体介绍
                                    bit1129
log4j
                                    
          Log4j组件：Logger、Appender、Layout 
  
Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 
 
 日志的输出目标 
 日志的输出格式 
  日志的输出级别(是否抑制日志的输出) 
  logger继承特性 
A logger is said to be an ancestor of anothe
          
                                
          • 
                                
        • Java IO笔记
                                    白糖_
java
                                    
          	public static void main(String[] args) throws IOException {
		//输入流
		InputStream in = Test.class.getResourceAsStream("/test");
		InputStreamReader isr = new InputStreamReader(in);
		Bu
          
                                
          • 
                                
        • Docker 监控
                                    ronin47
docker监控
                                    
                   
目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 
监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 
额外的，因为是docker的
          
                                
          • 
                                
        • java-顺时针打印图形
                                    bylijinnan
java
                                    
          一个画图程序 要求打印出： 
 

1.int i=5;   
2.1  2  3  4  5  
3.16 17 18 19 6  
4.15 24 25 20 7  
5.14 23 22 21 8  
6.13 12 11 10 9  
7.  
8.int i=6  
9.1  2  3  4  5   6  
10.20 21 22 23 24  7  
11.19
          
                                
          • 
                                
        • 关于iReport汉化版强制使用英文的配置方法
                                    Kai_Ge
iReport汉化英文版
                                    
          对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 
在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   
# ${HOME} will be replaced by user home directory accordin
          
                                
          • 
                                
        • [并行计算]论宇宙的可计算性
                                    comsci
并行计算
                                    
           
 
      现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识...... 
 
      那么,这种概念让我们推论出一个结论 
 
 
    &nb
          
                                
          • 
                                
        • 用OpenGL实现无限循环的coverflow
                                    dai_lm
androidcoverflow
                                    
          网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 
 
源码地址： 
https://github.com/jackfengji/glcoverflow 
 
 

public class CoverFlowOpenGL extends GLSurfaceView implements
		GLSurfaceV
          
                                
          • 
                                
        • JAVA数据计算的几个解决方案1
                                    datamachine
javaHibernate计算
                                    
          老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 
 
-----------------------------华丽的分割线------------------------------------- 
 
    数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J 
 &nbs
          
                                
          • 
                                
        • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式
                                    dcj3sjt126com
yii
                                    
          怎么创建一个简单的(非 RBAC)用户授权系统 
通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 
本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 
首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 
在配置文件(一般为 protecte
          
                                
          • 
                                
        • 未选之路
                                    dcj3sjt126com
诗
                                    
          作者:罗伯特*费罗斯特 
  
黄色的树林里分出两条路, 
可惜我不能同时去涉足, 
我在那路口久久伫立, 
我向着一条路极目望去, 
直到它消失在丛林深处. 
  
但我却选了另外一条路, 
它荒草萋萋,十分幽寂; 
显得更诱人,更美丽, 
虽然在这两条小路上, 
都很少留下旅人的足迹. 
  
那天清晨落叶满地, 
两条路都未见脚印痕迹. 
呵,留下一条路等改日再
          
                                
          • 
                                
        • Java处理15位身份证变18位
                                    蕃薯耀
18位身份证变15位15位身份证变18位身份证转换
                                    
            
15位身份证变18位，18位身份证变15位 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 201
          
                                
          • 
                                
        • SpringMVC4零配置--应用上下文配置【AppConfig】
                                    hanqunfeng
springmvc4
                                    
          从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。 
  
Xml配置和Java类配置对比如下： 
applicationContext-AppConfig.xml 
  
<!-- 激活自动代理功能 参看：
          
                                
          • 
                                
        • Android中webview跟JAVASCRIPT中的交互
                                    jackyrong
JavaScripthtmlandroid脚本
                                    
            在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 
 
1 JAVASCRIPT脚本调用android程序 
   要在webview中,调用addJavascriptInterface(OBJ,int
          
                                
          • 
                                
        • 8个最佳Web开发资源推荐
                                    lampcy
编程Web程序员
                                    
          Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 
这里列出10个最佳Web开发资源，它们都是受
          
                                
          • 
                                
        • 架构师之面试------jdk的hashMap实现
                                    nannan408
HashMap
                                    
          1.前言。 
  如题。 
2.详述。 
  (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 
 

static int hash(int h) 
{ 
    h ^= (h >>> 20) ^ (h >>>
          
                                
          • 
                                
        • html禁止清除input文本输入缓存
                                    Rainbow702
html缓存input输入框change
                                    
          多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。    
如果不想让浏览器缓存input的值，有2种方法： 
方法一： 在不想使用缓存的input中添加 autocomplete="off";  
<input type="text" autocomplete="off" n
          
                                
          • 
                                
        • POJO和JavaBean的区别和联系
                                    tjmljw
POJOjava beans
                                    
          POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
          
                                
          • 
                                
        • java中单例的五种写法
                                    liuxiaoling
java单例
                                    
          /**
 * 单例模式的五种写法：
 * 1、懒汉
 * 2、恶汉
 * 3、静态内部类
 * 4、枚举
 * 5、双重校验锁
 */
/**
 * 五、 双重校验锁，在当前的内存模型中无效
 */
class LockSingleton
{

    private volatile static LockSingleton singleton;

    pri
          
                                
          • 
                
        
            
        
        
        
    
        


        
    
        
        
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他