amy0821-CSDN博客

转载 selenium使用Xpath+CSS+JavaScript+jQuery的定位方法（治疗selenium各种定位不到，点击不了的并发症）

原文链接：http://blog.csdn.net/cyjs1988/article/details/76284289【第一部分】开篇：先认识Xpath的4种定位方法跟你说，你总是靠那个firebug，chrome的F12啥的右击复制xpath绝对总有一天踩着地雷炸的你死活定位不到，这个时候就需要自己学会动手写xpath，人脑总比电脑聪明，开始把xp

2017-08-17 10:20:47 377

转载自动化测试如何解决验证码的问题

注意：本标题的“自动化测试” 包括性能测试与UI级的自动化测试　　经常会被问到如何解决验证码的问题，在此记录一下我所知道的几种方式。　　对于web应用来说，大部分的系统在用户登录时都要求用户输入验证码，验证码的类型的很多，有字母数字的，有汉字的，甚至还要用户输入一条算术题的答案的，对于系统来说使用验证码可以有效果的防止采用机器猜测方法对口令的刺探，在一定程度上增加了安全性。但对于测试人员

2017-08-15 09:31:15 468

转载 Web安全漏洞简介之XSS（一）

打算挖个坑，写点Web安全漏洞的东西，今天先填个XSS的，基础向，大神轻喷。======随着互联网流行，以及网站互动性的提高，像论坛、微博还有各种web2.0应用的兴起，很多网站都可以由用户或多或少的参与，可能很多的网站用户注册之后都可以评论、发帖等等。当然这些都是对正常向的用户来说的，如果是一个攻击者当然不会老老实实的发帖子之类的了。众所周知，现在看到的网页基本都是用html

2017-08-11 09:33:56 568

转载 apple-touch-icon-precomposed 和 apple-touch-icon属性区别

苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是有区别的，之前在网上查了下相关的资料和苹果的开发文档手册，对这两中属性区别说的不够详细，导致现在大家开发的时候有些混淆。苹果safari浏览器定义的这两种属性是为了苹果移动设备（ipod、ipad、iphone）对移动网站-mobile web进行收藏（“添加到桌面

2016-08-30 18:19:24 8284

转载在Javascript中如何实现继承

js其实没有继承的说法，好点的说法就是伪继承。下面是原型方式的‘继承’： function Person(name){ //定义一个Person的构造函数 this.name=name; //添加属性} Person.prototype.showName=function(){ //添加方法 retu

2016-08-29 18:44:12 425

转载 javascript有哪些方法能够实现继承

JavaScript中要实现继承，其实就是实现三层含义：1、子类的实例可以共享父类的方法；2、子类可以覆盖父类的方法或者扩展新的方法；3、子类和父类都是子类实例的“类型”。JavaScript中，并不直接从语法上支持继承，但是可以通过模拟的方法来实现继承，以下是关于实现继承的几种方法的总结：1、构造继承法2、原型继承法3、实例继承法4、拷贝继承法1、构造继承法：在子类中执行

2016-08-29 18:34:19 396

转载 CSS浮动属性Float到底什么怎么回事，下面详细解释一下

float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会

2016-08-24 15:09:52 818

转载 css3实现一个div设置多张背景图片及background-image属性

css3实现一个div设置多张背景图片及background-image属性2014年9月16日 52122次浏览引子以前做网页布局的时候，一个div只能设置一张背景图片，设置多个背景的话，要用多个div嵌套才能实现，这样兼容性比较好。若您的网站要求兼容浏览器低版本，建议用这种方法。css3的出现，解决了一个div只能设置一个背景的问题，使一个div可以设置多个背景图片

2016-08-23 17:26:45 5812

转载 css3多背景支持

原文链接：http://caibaojian.com/css3-multiple-background.htmlcss3多背景支持基于很多人从百度搜索这篇文章进来后无所获，本人决定重新编辑一下这篇文章，使其更加的具有可读性和可参考性。css3多重背景依然是不支持IE9以下系列版本。其他高级浏览器都是支持的。css3多重背景属性background：bac

2016-08-23 17:08:48 433

转载稳定排序和不稳定排序

稳定排序和不稳定排序这几天笔试了好几次了，连续碰到一个关于常见排序算法稳定性判别的问题，往往还是多选，对于我以及和我一样拿不准的同学可不是一个能轻易下结论的题目，当然如果你笔试之前已经记住了数据结构书上哪些是稳定的，哪些不是稳定的，做起来应该可以轻松搞定。本文是针对老是记不住这个或者想真正明白到底为什么是稳定或者不稳定的人准备的。首先，排序算法的稳定

2016-08-22 17:02:54 270

原创 CSS控制文字只显示一行，超出部分显示省略号

之前使用过这个例子，现在总结说明一下：先给贴代码：01p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">02 省略我吧！03 省略我吧！

2016-08-14 18:41:13 603

转载 html中消除图片间隙方法总结

使用 CSS编排多张图片时，在图片下方有时会产生几个像素的缝隙~ 如下图所示：方法一：设置 img{ outline-width:0px; vertical-align:top;}使用后的结果~ 如下图所示：

2016-08-09 11:08:50 8222

转载 HTML图片热区map area的用法整理

标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下：1area2 class=type3 id＝Value

2016-08-09 10:21:22 9258

转载针对WEB前端新人的前端知识体系

现在谈到WEB前端的技术结构、知识体系，都会搞出一个非常大、枝叶非常多且细的相当宏大的思维导图，就像这种的这种大而全的图示对新人来讲，太大了，不好掌握，而且容易在其中迷失。我想今天和大家谈一下针对新人的前端知识体系。1，要谈这个问题，就得首先定义一下什么叫“新人”？到什么时候就不算新人了？新人在我这里是定义为零基础进入前端开发行业，工作不足二年的，就算新人了。二

2016-08-09 00:03:27 290

转载 myFocus--js轮播插件，多种样式的使用方法

参考网址：http://demo.jb51.net/js/myfocus/tutorials.html正文：简单3步，你即可以用上myFocus。Step 1. 在html的标签内引入相关文件提示：符合条件的情况下，引入风格文件(js/css)可省，引入myFocus库即可。那么风格文件是如何自动引入的？详情请看myFocus的文件结构与自动

2016-08-08 21:27:38 642

转载关于浮动的练习

编程练习小伙伴们，根据所学知识，实现如下图所示的简单两列布局，整个页面宽度为960px，背景颜色为#CFF。左侧盒子宽度为740px，背景颜色为#C9F，右侧盒子宽度为210px，背景颜色为#FCF。左侧和右侧盒子的高度均为300px。效果图:温馨提示:完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习此节内容。

2016-08-06 23:25:31 711

转载 SVG图形绘制入门第一弹

IT入门的路超级漫长……任何时候都发现有完全没听过的东西，比如说下方……原来认为svg就是图片，想着也是跟Ps一样画出来的，现在知道了竟然是用代码写的……，这条路我不知道啥时候才能进步到幼儿园的级别！跟着儿子一起成长吧，哈哈之前很长一段时间，我是不重视SVG的，认为他就是在AI里画画，然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制，因为不会写不得已而拿插件实现，而插件绘

2016-08-06 15:39:31 773

转载 FlexSlider插件的详细设置参数

FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默认的参数，今天来说说具体的参数来给大家看看！$(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //St

2016-08-02 17:37:25 1340

转载轮播插件--Flexslider图片轮播、文字图片相结合滑动切换效果

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果，具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。Flexslider具有以下特性：支持滑动和淡入淡出效果。支持水平、垂直方向滑动。支持键盘方向键控制。支持触控滑动。支持图文混排，支持各种html元素。自适应屏幕尺

2016-08-02 09:24:04 1290

转载 “white-space: nowrap;”此代码是什么意思？

定义和用法white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。默认值： normal继承性： yes版本： CSS1JavaScript 语法： object.style.whiteSpace="pre"实例规定段落中的文本不进行换行：p

2016-08-01 23:37:18 4362

转载 a:link,a:visited,a:hover,a:active

１：解释link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候详细的：　:hover版本：CSS1/CSS2　兼容性：IE4+ NS4+ 语法： Selector : hover { sRules } 说明：设置对象在其鼠标悬停时的样式表属性。在

2016-08-01 23:36:15 242

转载 BFC是什么？

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？　　在解释 BFC 是什么之前，

2016-08-01 21:12:31 1760 1

原创释义：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-

meta中这段话的释义：网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width - viewport的宽度height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比

2016-08-01 11:14:36 881

转载 Media Queries详解---转载

Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码：或者这样的形式： @import url("css/style.css"); 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许

2016-08-01 10:45:55 220

amy0821的博客