mermaid
mermaid

jQueryMobile学习

最近研究了一下jquerymonile，一些方法和jquery本身没有什么变化，使用方法也都是一样所以就没有多看，就针对jquerymobile的主题以及页面的上看了许多，发现他通过一些属性来实现比如data-role就是最关键的，现在jquerymobile的手册特别是中文版的手册基本上是没有，但是自己的英文水平实在是太菜，但是没有办法没有这方面的资料只有到jquerymobile的官网去研究，现在整理了一下放到自己的博客中，一方面是记录自己的学习过程另一方面希望能给想研究jquerymobile的同学们一些帮助！好了下面就贴出整理的手册：
提示：你可以先修改部分代码再运行。
（建议你使用firefox浏览器或者chrome，ie浏览器看不到一些效果！）
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title>jquerymobile手册</title>
<meta charset="UTF-8">
<link rel="stylesheet" media="all"  href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
<style type="text/css">
* { padding:0; margin:0; font-size:14px; }
#header, #footer { }
table { border:1px solid #ccc; margin:0 auto; border-collapse:collapse; }
td, th { height:30px; border:1px solid #ccc; text-align:left; line-height:2; }
th { width:15%; }
caption { font-size:1.5; font-weight:bold; padding:10px; }
img { vertical-align:middle; }
</style>
</head>
<body>
<div data-role="page">
  <div data-role="header" data-nobackbtn="false" data-theme="a" id="header">
    <h1>jquery mobile手册</h1>
  </div>
  <div data-role="content">
    <table width="98%">
      <tbody>
        <tr>
          <td width="11%" rowspan="10">data-role</td>
          <th width="9%">page</th>
          <td width="80%">设置你的页面为mobile的样式就靠它了，放在body的下面是mobile的容器&lt;div data-role=&quot;page&quot;&gt;&lt;/div&gt;</td>
        </tr>
        <tr>
          <th>header</th>
          <td>用来设置你的页面的头部使用方法和page类似，&lt;div data-role=&quot;header&quot;&gt;&lt;/div&gt;</td>
        </tr>
        <tr>
          <th>footer</th>
          <td>用来设置你的页面的底部使用方法和header类似，&lt;div data-role=&quot;footer&quot;&gt;&lt;/div&gt;</td>
        </tr>
        <tr>
          <th>content</th>
          <td>用于设置页面的内容部分&lt;div data-role=&quot;content&quot;&gt;&lt;/div&gt;</td>
        </tr>
        <tr>
          <th>controlgroup</th>
          <td>把几个标签设置成一个组，这个一般会配合data-type=&quot;horizontal&quot;一起使用</td>
        </tr>
        <tr>
          <th>fieldcontain</th>
          <td>使用它会给这个标签定义一下下划线和一个下边距</td>
        </tr>
        <tr>
          <th>navbar</th>
          <td>从字面的意思你就可以想到它的用法，对就是用来设置你的导航菜单的</td>
        </tr>
        <tr>
          <th>listview</th>
          <td>以列表的样式显示（这个样式是预先定好的）这个一般会配合data-inset=&quot;true&quot;使用。例如&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;&lt;/ul&gt;</td>
        </tr>
        <tr>
          <th>list-divider </th>
          <td>这个是用在li上面的用于设置成众多li的标题，并且这个li中不能存在a标签</td>
        </tr>
        <tr>
          <th>button</th>
          <td>这个属性可以使你的标签样式呈现出和按钮相同的外观</td>
        </tr>
        <tr>
          <td rowspan="5"><p>data-theme</p>
            <p>（主题）</p></td>
          <th>a</th>
          <td><img src="http://tech.alltosun.com/home/attachment/201010/29/1464_1288328632rc9d.jpg" alt="主题a" />&nbsp;&nbsp;这个是代码风格a也就是默认的风格</td>
        </tr>
        <tr>
          <th>b</th>
          <td><img src="http://tech.alltosun.com/home/attachment/201010/29/1464_12883286338Snw.jpg" /></td>
        </tr>
        <tr>
          <th>c</th>
          <td><img src="http://tech.alltosun.com/home/attachment/201010/29/1464_1288328633XZB4.jpg" /></td>
        </tr>
        <tr>
          <th>d</th>
          <td><img src="http://tech.alltosun.com/home/attachment/201010/29/1464_1288328633VZjV.jpg
          " /></td>
        </tr>
        <tr>
          <th>e</th>
          <td><img src="http://tech.alltosun.com/home/attachment/201010/29/1464_12883286338b1B.jpg" /></td>
        </tr>
        <tr>
          <td rowspan="2"><p>data-type</p>
            <p>（排列方式）</p></td>
          <th>horizontal（水平）</th>
          <td>这个属性是实现一个组内的标签的排列方向是水平的</td>
        </tr>
        <tr>
          <th>默认就是竖直</th>
          <td>如果不想实现水平那么你可以不添加data-type即可！</td>
        </tr>
        <tr>
          <td rowspan="3"><p>data-transition</p>
            <p>（切换方式）</p></td>
          <th>pop</th>
          <td>你可以通过测试得出你想要的切换方式</td>
        </tr>
        <tr>
          <th>slideup</th>
          <td>你可以通过测试得出你想要的切换方式</td>
        </tr>
        <tr>
          <th>flip</th>
          <td>你可以通过测试得出你想要的切换方式</td>
        </tr>
        <tr>
          <td rowspan="16"><p>data-icon</p>
            <p>（图标）</p></td>
          <th>delete</th>
          <td><a data-icon="delete" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>plus</th>
          <td><a data-icon="plus" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>minus</th>
          <td><a data-icon="minus" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>arrow-u</th>
          <td><a data-icon="arrow-u" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>arrow-d</th>
          <td><a data-icon="arrow-d" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>arrow-l</th>
          <td><a data-icon="arrow-l" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>arrow-r</th>
          <td><a data-icon="arrow-r" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>check</th>
          <td><a data-icon="check" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>gear</th>
          <td><a data-icon="gear" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>refresh</th>
          <td><a data-icon="refresh" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>forward</th>
          <td><a data-icon="forward" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>back</th>
          <td><a data-icon="back" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>grid</th>
          <td><a data-icon="grid" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>star</th>
          <td><a data-icon="star" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>alert</th>
          <td><a data-icon="alert" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>info</th>
          <td><a data-icon="info" data-role="button" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <td rowspan="2"><p>data-iconp<strong>os</strong></p>
            <p><strong>（图标对齐）</strong></p></td>
          <th>left</th>
          <td>这个是默认的左对齐</td>
        </tr>
        <tr>
          <th>right</th>
          <td><a data-icon="info" data-role="button" data-iconpos="right" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <td rowspan="2"><p>data-iconpos</p>
            <p>(去除文本)</p></td>
          <th>notext(去除文本)</th>
          <td>&nbsp;<a data-icon="alert" data-role="button" data-iconpos="notext" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th></th>
          <td></td>
        </tr>
        <tr>
          <td rowspan="2">data-fullscreen</td>
          <th>true（满屏）</th>
          <td>设置这个可以实现满屏</td>
        </tr>
        <tr>
          <th>false（非满屏）</th>
          <td>这个是默认的如果你不需要满屏就不需要设置这一项</td>
        </tr>
        <tr>
          <td rowspan="3">data-position</td>
          <th>fixed</th>
          <td>从表面的意思就可以理解，就是实现固定在某个位置不动</td>
        </tr>
        <tr>
          <th>inline</th>
          <td></td>
        </tr>
        <tr>
          <th></th>
          <td></td>
        </tr>
        <tr>
          <td rowspan="2">data-inset</td>
          <th>true</th>
          <td>实现非全屏的圆角效果</td>
        </tr>
        <tr>
          <th>false</th>
          <td>默认的就是false</td>
        </tr>
        <tr>
          <td rowspan="2"><p>data-rel</p></td>
          <th>dialog(弹出对话框)</th>
          <td><a data-icon="alert" data-role="button" data-rel="dialog" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th></th>
          <td></td>
        </tr>
        <tr>
          <td rowspan="2">data-inline<br/>
            （内联）</td>
          <th>true（析成内联样式）</th>
          <td><a data-icon="info" data-role="button" data-iconpos="right" data-inline="true" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <th>false</th>
          <td><a data-icon="info" data-role="button" data-iconpos="right" data-inline="false" href="http://www.xh-css.cn">web标准学习</a></td>
        </tr>
        <tr>
          <td rowspan="2"><p>data-nobackbtn</p>
            <p>(返回按钮)</p></td>
          <th>true</th>
          <td>设置成true，header中将不再有back按钮出现</td>
        </tr>
        <tr>
          <th>false</th>
          <td>默认的有back按钮</td>
        </tr>
        <tr>
          <td></td>
          <th></th>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <th></th>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <th></th>
          <td></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div id="footer" data-role="footer">
    <h4>jquerymobile手册 不断更新...</h4>
  </div>
</div>
</body>
</html>

你可能感兴趣的:(jquery,html5,chrome,mobile,firefox)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • Selenium基础教程 lemontree1945 seleniumpython测试工具
    1.Selenium环境安装1.1浏览器安装Chrome和ChromeDriver下载地址:https://googlechromelabs.github.io/chrome-for-testing/注意：驱动版本号要和浏览器版本号一致；安装后关闭浏览器自动更新:services.msc:打开系统服务找到和google相关的服务，全部修改为禁用1.2安装第三方库seleniumpipinstall
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • No title--1 yhbmoren
    Youlivewithmeatleasteightyears.Butyoudon’tknowanyaboutme.Youdon’tknowIhavereadEnglish.Becauseyouareplayingmobilephone.Youdon’tknowIhaveworkoutthemproblemsatbooks.Becauseyouneverseeit.Youjustlikeplaymo
  • Chrome MCP 部署与使用教程 (最新版)
    ChromeMCP部署与使用教程(最新版)1.概述ChromeMCP（ModelContextProtocol，以下简称MCPServer）是一种开源协议，旨在让AI助手（如Claude、Cursor等）能够直接与您的本地Chrome浏览器交互，实现复杂的自动化操作。它通过一个本地服务器和配套的Chrome扩展协同工作，实现对Chrome浏览器的精细化控制。核心功能与优势：原生环境交互：直接利用您
  • 如何解决 undetected_chromedriver 启动慢问题 小马哥编程 chromeseleniumui
    要解决undetected_chromedriver启动慢的问题，可以从以下几个方面优化配置和代码：1.指定本地Chrome二进制路径避免自动搜索Chrome路径，直接指定位置：driver=uc.Chrome(browser_executable_path=r'C:\ProgramFiles\Google\Chrome\Application\chrome.exe')2.禁用GPU和沙盒（关键优
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • selenium完整版一览 paid槮 selenium测试工具
    selenium库驱动浏览器selenium库是一种用于Web应用程序测试的工具,它可以驱动浏览器执行特定操作,自动按照脚本代码做出单击、输入、打开、验证等操作,支持的浏览器包括IE、Firefox、Safari、Chrome、Opera等。而在办公领域中如果经常需要使用浏览器操作某些内容,就可以使用selenium库来实现,例如将大量数据上传到网页中或者实现自动驱动浏览器进行操作。与reques
  • selenium 反爬虫识别特征处理
    因为业务中发现网站对selenium特征识别为爬虫了，因此在搜索引擎中搜索进行处理方式一#实例化一个浏览器对象options=webdriver.ChromeOptions()options.add_experimental_option('excludeSwitches',['enable-automation'])ifsys.platform=="win32":browser=webdrive
  • html5效果案例,10个优秀HTML5网站案例赏析
    随着Adobe的弃Flash转投HTML5，HTML5又开始吸引着大众的目光。与现在使用的HTML标记语言相比，HTML5有更多的标签和属性，使用更为灵活，功能更为强大。现在已经有很多前沿的HTML5网站开始使用HTML5，本文收集整理出了10个非常优秀的HTML5网站。那么，什么才是优秀的HTML5网站？因为HTML5还没有成为国际标准，旧的浏览器还无法支持HTML5，所以优秀的HTML5网站示
  • HTML5 Darling02zjh html5前端html
    HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we
  • 火狐浏览器linux最新版本下载,火狐浏览器Linux最新版下载 璇钰
    火狐浏览器是一款免费开源的跨平台浏览器，firefoxforlinux引入了扩展同步机制用户能够在家用电脑和办公电脑之间进行无缝同步，能给用户更为流畅和高速的上网浏览体验，同时也让开发者能够开发出更为快速的网络应用和网站，有需要的用户不要错过了，欢迎下载使用！软件特色速度翻倍想要超强大的浏览器引擎？这里有。想要等待页面载入的时间更短？这里也有。FirefoxQuantum现在达到以前的两倍快。比C
  • HTML5+JavaScript动画基础 完整版 中文pdf扫描版 不一样的女孩6
    《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维
  • HTML5元素相关补充 QZ_orz_freedom html5前端html
    一.元素是HTML5的文档类型声明，它告诉浏览器当前页面是使用HTML5规范编写的，HTML5是最新的HTML版本，拥有更多的功能和优化，因此推荐在新的Web页面中使用它。在HTML文档中，声明通常是文档的第一行文档元数据元素描述指定用于一个文档中包含的所有相对URL的根URL。一份中只能有一个该元素。包含文档相关的配置信息（元数据），包括文档的标题、脚本和样式表等。指定当前文档与外部资源的关系。
  • jQuery：浅谈setInterval()方法 Dy大叔 前端开发记录jquery前端javascript
    定义和用法：setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。vartime=0；用法1：functionjump(){…………//函数内容}time=setInterval("
  • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
    在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
  • HTML5 新特性：MutationObserver 详解 索西引擎 #JavaScriptjavascript
    一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI，它用于异步观察DOM树的变化。在MutationObserver出现之前，开发者若要监测DOM变化，常采用轮询（如使用setInterval不断检查DOM状态）或依赖DOM事件（如DOMNodeInserted、DOMNodeRemoved等）的方式。但轮询效率低下，频繁检查会消耗大量资源；而旧的
  • Jsoup爬虫工具实现背景图片爬取 无脑程序猿 jsoup网络爬虫背景图片下载Jsoup-jar
    Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小
  • Node.js 手册：详细介绍及使用指南 江一破 node.jsjavascript后端
    Node.js手册：详细介绍及使用指南1.Node.js的本质与设计演进Node.js是一个基于ChromeV8JavaScript引擎构建的异步事件驱动型JavaScript运行时（AsynchronousEvent-DrivenJavaScriptRuntime），其核心是利用非阻塞I/O和事件驱动模型解决高并发场景的性能瓶颈。历史背景：Web服务器的"并发之殇"线程模型的代价：2000年代主
  • 【高中数学之函数】四种幂函数图线（二次、三次、开方、开立方） 土门子拉马努金 高中数学之函数高中数学函数
    【图像】【代码】UNASSIGNED.centerlize{margin:0auto;border:0pxsolidred;width:1200px;height:600px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas，请更换浏览器再试.retval.max){retval.max=y;retval.max_x=cds[i].x;}if(yarr.length){index=in
  • 【QT进阶】Qt http编程之websocket的简单介绍 不吃~香菜 QT进阶qt开发语言websocket
    往期回顾【QT进阶】Qthttp编程之用户登录注册功能实现-CSDN博客【QT进阶】Qthttp编程之json解析的简单介绍-CSDN博客【QT进阶】Qthttp编程之nlohmannjson库使用的简单介绍-CSDN博客【QT进阶】Qthttp编程之websocket的简单介绍一、什么是websocket1、简介websocket是HTML5中新增的一个协议，这个协议的出现，让客户端和服务器之前
  • Selenium自动化测试入门：从零到精通
    文章目录一、前言1.浏览器驱动下载2.配置二、seleium使用教学1.基础框架2.常用操控浏览器的方法3.定位元素八种方法及其优缺点4.元素定位的隐性等待一、前言1.浏览器驱动下载chromedriver下载地址：https://googlechromelabs.github.io/chrome-for-testing/#stable谷歌浏览器网址栏输入：chrome://version查看你的
  • 【HTML】＜script＞元素中的 defer 和 async 属性详解
    文章目录元素中的defer和async属性详解基本概念传统脚本加载defer属性async属性对比表格使用场景建议注意事项示例在HTML5中，元素有两个控制脚本加载和执行行为的属性：defer和async。这两个属性可以帮助开发者优化页面加载性能，特别是在处理外部脚本时。基本概念传统脚本加载没有使用任何属性的元素会阻塞HTML解析：浏览器遇到这个脚本时会暂停HTML解析下载并执行脚本执行完成后才继
  • 【Spring Boot】热部署终极指南：IDEA高效配置与JRebel替代方案深度解析
    SpringBoot热部署终极指南：IDEA高效配置与JRebel替代方案深度解析一、热部署核心原理深度剖析1.1JVM类加载机制与热部署1.2各方案技术对比二、SpringBootDevTools高级配置2.1完整配置模板2.2IDEA终极配置指南步骤1：开启自动编译步骤2：启用运行时编译步骤3：配置远程调试步骤4：Chrome实时刷新插件2.3多模块项目特殊配置三、JRebel高级使用技巧3.
  • 【自动化测试】Selenium Python UI自动化测试实用教程 软件测试-阿涛 自动化测试python学习seleniumpythonui自动化
    一、引言：Selenium与UI自动化测试基础1.1Selenium简介Selenium是一个开源的Web应用自动化测试框架，支持多浏览器（Chrome、Firefox、Edge等）和多编程语言（Python、Java、JavaScript等），核心组件包括：WebDriver：通过浏览器原生API控制浏览器，模拟用户操作（点击、输入等），无侵入性。IDE：浏览器插件，支持录制/回放操作，可导出测
  • selenium安装--基于python
    selenium安装--基于python一、selenium安装--基于python1、前提2、selenium安装、卸载、查看命令3、浏览器对应的selenium版本和驱动下载3.1、Firefox火狐浏览器（推荐）3.2、IE浏览器（了解）3.3、Chrome谷歌浏览器3.4、各个浏览器驱动的下载地址一、selenium安装–基于python1、前提在安装selenium时，前提是python
  • 突然网页打不开，钉钉登不了，但是微信能登陆
    Chrome菜单>“设置”>“显示高级设置…”>“更改代理服务器设置…”>“LAN设置”，最后排查跟梯子软件有关系；打开这个软件能登录了；可能昨天电脑关机这个软件没正常退出就强制关机了
  • 像素风格超级玛丽HTML游戏
    像素风格超级玛丽HTML游戏创建一个像素风格的HTML5小游戏，模仿超级玛丽的经典玩法。游戏包含移动、跳跃、收集金币、躲避敌人和到达终点等核心机制。设计思路使用纯HTML5Canvas实现游戏渲染像素风格美术设计(16x16像素元素)实现物理引擎(重力、碰撞检测)键盘控制移动和跳跃添加经典超级玛丽元素(砖块、水管、蘑菇敌人)下面是完整的实现代码：像素超级玛丽*{margin:0;padding:0
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他