Amy777777-CSDN博客

原创 2017做到的笔试题及答案

firebug自动完成上一个属性的快捷键是：https://wenku.baidu.com/view/e687bfabb84ae45c3a358c51.html·自动完成下一个属性 Tab自动完成上一个属性 Shift+Tabhtml空元素http://www.cnblogs.com/Aaxuan/p/6094463.html行内元素：a、b

2017-10-10 17:20:14 1849

原创 AJAX---ajax的使用

1.请求对象的创建(做浏览器兼容)所有现代浏览器new XMLHttpRequest()老版本的浏览器(IE5,IE6) new ActiveXObject("Microsoft.XMLHTTP")//如果浏览器有XMLHttpRequest这个对象就创建if(window.XMLHttpRequest){http=new XMLHttp

2017-08-29 19:28:03 217

原创 jQuery---事件、动画

事件(return false阻止冒泡)鼠标click 单击对象(按下松开) //单击事件：//鼠标按下的时刻鼠标指针在被选区域内鼠标松开鼠标指针也在被选区域内dblclick 双击对象 //双击事件：//鼠标第一次按下的时候和第二次松开的时候在同一被选区域mousedown 在对象上按下时 //按下事件：//鼠标按下时，鼠标指针在被选区域内mou

2017-08-29 19:24:29 338

原创 jQuery---修改文档结构

修改文档结构(重点)append()//在被选元素的结尾插入n个元素:$(‘#div’).append(‘你好’,’666’)prepend() //在被选元素的开头插入n个元素after() //在被选元素之后插入n个元素before()//在被选元素之前插入n个元素replaceWith()//把被选元素替换掉remove()//删除被选元素和他

2017-08-29 19:22:41 348

原创 jQuery--盒子尺寸、盒子位置

盒子尺寸（重点）width()//这里获得的宽高跟css()数据类型不一样==内容的宽度innerWidth()=width()+paddingouterWidth()=innerwidth()+borderouterWidth(true)==outerwidth +marginheight()innerHeight()outer

2017-08-29 19:20:18 2970

原创 jQuery--遍历

遍历（重点）①长辈parent()//爸爸parents()//爸爸爷爷...parentsUntil()//爸爸爷爷..到某个标签结束例:jq(“span”).parent(“div”).css({"background-color":"blue"})//span的爸爸并且还得是div的背景为bluejq(“span”).parents()

2017-08-29 19:18:46 253

原创 jQuery基础语法

$() , jQuery(),自定义名字jq函数库中定义了一个全局函数:jQuery(),这个函数的使用是最多的,因此,为了方便,还给它定义了一个快捷名:$eg：var div1=jQuery(‘div’)//得到所有div标签var div2=$(‘div’)//得到所有div标签自定义名字:var hq = $.noConflict()v

2017-08-24 20:18:58 248

原创 canvas --画图、图片

画图：script>varcanvas =document.querySelector("#canvas");canvas.width= 600;canvas.height= 600;varpen =canvas.getContext('2d');// pen.strokeRect(10,10,200,50);// //保存（这一次画布的信息）

2017-08-24 20:16:49 384

原创 canvas简单操作

====canvas标签1.Canvas是HTML5提供的一个标签,我们可以在这个盒子区域绘画2.怎么绘画的呢? canvas对象有个一个方法可以让我们获取到一个CanvasRendderingContext2D对象,这个对象给我们提供了在canvas盒子上画图的功能.3.不是所有的浏览器都支持canvas标签,几乎所有智能手机都支持这个标签4.canvas市场:游戏,广告,动画,

2017-08-24 20:13:22 281

原创 js--冒泡机制

事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。顺序E 6.0: div -> body -> html -> document其他浏览器: div -> body -> html -> document -> window不是

2017-08-24 20:11:29 245

原创 js--缓动动画、匀速运动、无缝滚动

匀速运动： function $(id) { return document.getElementById(id) } var num = 0; var timer = null; //给button设置点击事件 $("btn").onclick = function () { //设置动画每30s调用下面的

2017-08-24 20:08:14 4869 2

原创 js--定时器

我们可以设定时间让某个动作不断的去执行。在js 里面用定时器来表示。 window.setInterval(“执行的函数”,间隔时间) setTimeout(“函数”, 时间 ) setInterval(fn,5000); 每隔 5秒钟，就去执行函数fn一次 setTimeout(fn,5000); 5秒钟之后，去执行 fn

2017-08-24 20:05:05 1683

原创 DOM--节点操作

好久都没写博客啦今天把笔记都搬上来嘻嘻 1.排他思想 var btns = document.getElementsByTagName("button"); for(var i = 0;i<btns.length;i++){ btns[i].onclick = function () { for(var j = 0;j<btns.

2017-08-24 19:56:39 262

原创 JavaScript---原型

1）构造函数的弊端：方法功能相同，但是却存在不同的内存空间中。这样浪费了内存空间。没有必要。2）原型：每一个函数都有一个prototype属性，该属性指向了一个原型对象。原型对象是用来存放共有的属性和方法。默认情况下，所有原型对象会自动包含一个constructor属性，该属性也是一个指针，指向prototype所在的函数（构造函数）：用构造函数创建新的

2017-08-10 19:47:05 189

原创 javascript--冒泡排序

嘻嘻script>vararray= [12,14,16,18,78,90,75,34,54];for(vari=0;iarray.length-1;i++){for(varj=0;jarray.length-1-i;j++){if(array[j]>array[j+1]){vartemple= array[j+1];array[j+1]=a

2017-08-08 20:17:44 197

原创引用数据类型---数组

所有的引用数据类型都属于Object；script>//数组里面的每一项都可以任意类型的数据；vararray= [123,true,"hello"];console.log(typeofarray);//objectscript>1.数组定义方式：方式一：new操作符var array = new Array( );方式二：va

2017-08-07 19:45:48 456

原创 JavaScript--引用数据类型--function

1.引用数据类型—Function类型--函数的定义方式javaScript 函数有两种定义方式1.声明：function add( ){}2.函数表达式var add = function( ){} script>//方式一:声明//函数的声明也会被提升functionmethod() {console.lo

2017-08-04 19:15:01 942

原创 JavaScript--引用数据类型--objiect

引用数据类型----object类型引用数据类型包括：Object类型Function类型Array类型Date类型基本包装类型内置对象Js中，任何引用类型都属于Object；object自己的方法：valueOf( )：返回对象的原始值toString( )：返回对象的字符串表示只要是Object的实例，都具备这两个方法1.in

2017-08-04 19:09:52 686

原创 JavaScript ：几个小练习

求100的阶乘：script> var multiply = 1,a = 100; for(a;a>=1;a--) { multiply = a * multiply; } console.log(multiply)script>判断2017是否为质数script> var num = prompt("请输入一个数字："

2017-08-03 20:22:38 345

原创 css ：动画

1、必要元素：a、通过@keyframes指定动画序列；b、通过百分比将动画序列(时间)分割成多个节点；c、在各节点中分别定义各属性d、通过animation将动画应用于相应元素；2、关键属性a、animation-name设置动画序列名称b、animation-duration动画持续时间c、animation-delay动画延时时间d、animati

2017-08-03 20:13:12 225

原创 css : transform

1----2D转换（transform）CSS3变形--旋转 rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。CSS3中的变形--扭曲 skew()扭曲skew(

2017-08-03 20:06:43 227

原创 css ：相对定位，绝对定位，固定定位

定位有三种，分别是相对定位、绝对定位、固定定位。相对定位：position:relative;绝对定位：position:absolute;固定定位：position:fixed;相对定位相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。head>metacharset="UTF-8">title>posi

2017-08-02 18:10:27 1320

原创 css : 标准文档流

宏观的讲，web页面的制作，是个“流”，必须从上而下，像“织毛衣”。1 块级元素和行内元素标准文档流等级森严,标签分为两种等级：块级元素（会自动换行）：-、.、、行内元素（不会换行）：.. .. 、1）块级元素容器级● 霸占一行，不能与其他任何元素并列● 能接受宽、高● 如果不设置宽度，那么宽度将默认变为父亲的100%。2）

2017-08-02 18:06:37 657

原创 css : div - padding,border,margin

paddingpadding---内边距。padding的区域有背景颜色，css2.1前提下，并且背景颜色一定和内容区域的相同。也就是说，background-color将填充所有border以内的区域。padding是4个方向的，所以我们能够分别描述4个方向的padding。方法有两种，第一种写小属性；第二种写综合属性，用空格隔开。小属性:padd

2017-08-02 17:58:34 483

原创 css 创建盒子（div）

盒子模型--div一个盒子占据的控件是边框 + 内边距 + 内容区域Margin:外边距Width=(margin+border+padding)*2+content一个盒子中主要的5个属性：width、height、padding、border、margin。width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。height是“高度”的

2017-08-02 17:57:13 7513

原创 css 背景设置和文本外观属性

css的背景表示：1：background-color：背景颜色词、rgb表示法、十六进制表示法2：background-image：背景图片背景不做设置是会被平铺满的。div {width: 500px;height: 500px;background-image: url(images/wuyifan.jpg);}3：background-repeat：设置背

2017-08-02 17:48:55 2899

原创 css选择器

什么是CSS?- CSS是指层叠样式表- CSS通常称为CSS样式表或者层叠样式表，主要用于设置HTML页面中的文本内容（字体，大小，对其方式等）、图片的外形（宽高，边框样式，边距等）以及版面的布局等外观显示样式- HTML结构层：负责从语义的角度搭建页面结构- CSS样式层：负责从审美的角度美化页面- JavaScript层：负责从交互的角度提升用户体验

2017-08-02 17:41:32 876

原创 java 异常

异常：由于程序错误，或者超过系统负荷，所导致程序终止的事件，就是异常。在java中，sun公司的程序员专门创建了类型来对异常进行描述和处理，所以在java中我们遇到的一场都是程序的一个分支。可以让我们在遇到一些我们能及时处理的异常状况时，及时调整程序状态，让程序正常执行下去。格式：1.定义异常：创建一个类型，这个类型一定要继承于Exception/RuntimeException

2017-08-02 17:32:54 143

原创 java 多重继承的困境

多重继承的困境1.接口：interfacejava中定义类型的一种语法（其他定义类型的语法：class）。接口不能直接创建对象格式：public interface 接口名{内容}内容：属性：只能设置常量：（public final int I_NUMBER = 100 ;）//public final可以省略tips：1.接口中的常量，我们

2017-08-02 17:24:57 287

原创 java 面向对象基础编程

1.面向对象编程面向过程：第一步做什么，第二部做什么。。面向对象：不再考虑第一步第二步，具体去完成什么，而是找个人（对象）来帮我们完成。面向对象三大基本特征：封装，继承，多态2.java为实现面向对象而使用的基础语法：1.类型定义（修饰词） class +类名（）{//类的成员}public class HelloWorld {} 类型的定义

2017-08-02 17:15:14 300

原创 HTML标签

1.超链接标签1.1超级链接标签：a华清远见官网超链接href 是指跳转的地址1.2如果要在新的页面打开链接需要设置target<a href = “http://www.hqyj.com” target =“_blank”> 超级链接内容设置target标签设置超链接是否在本页面还是新页面打开1.3将图片作为超链接创建图片链接: 1.4 创建锚点链接：

2017-07-31 20:20:25 430 3

原创 HTML 简介

1.Doctype文档声明头任何一个标准的HTML页面，第一行一定是一个以<!DOCTYPE.....开头的语句。这一行，就是文档声明头，DocType Declaration。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。2.meta标签meta>标签通常用于指定网页的描述，关键词，文件的信息，作者等其他数据字符集用m

2017-07-31 20:17:57 247

Amy的博客