JayScofield-CSDN博客

原创绑定事件中的event

什么是event？一句话概括事件对象。相当于一个容器。每次事件触发的时候，将鼠标点的位置、鼠标按钮的状态、键盘按键的状态、发生的元素的信息存储在event这个容器中。我们看一个例子我们设计一个div 点击div，遍历出event（ie和Chrome）oDiv.onclick=function(){ for(var attr in event){ console.log(at

2017-03-02 20:23:31 490

原创事件绑定函数---bind-原创js库

使用小案例<script> function fn1() { alert(1); } function fn2() { alert(2); } function bind(obj, evname, fn) { if (obj.addEventListener) { obj.addEvent

2017-03-02 16:44:29 439

原创 css-清浮动

本文下面这个例子进行讲解：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .wrap{width:200px;border: 10px solid black;margin: 0 auto;} .box{width: 100px;height:100px;backgroun

2017-02-28 13:52:35 294

原创 CSS-float兼容问题

float就是inline-block的加强版块元素同行显示换行不解析不设置内容宽高撑开宽高padding支持碰到父级或者有float的元素停止可以设置属性为left ,right,none这里主要介绍float的一些兼容问题一、要让元素同行显示，给所有的同行元素加float，不然在ie67下面会有3px的间距二、ie6下面，块元素有浮动且有左右margin的时候，会出现双倍的左右mar

2017-02-23 16:25:17 640

原创 CSS--display（flex重点）

display首先得写写flex——-弹性布局flexdiv{display:flex;}设置了flex后子元素行内元素支持宽高了子元素的clear,float,vertical-align失效详细的在阮一峰大神的博客上都有，这里附上一些不太清楚的：flew-grow的计算方法当容器有多余空间的时候，室友flew-grow才有用flew-grow是介于0-1的数字，默认是0，原大小下面这

2017-02-23 16:02:18 2559

原创 CSS--Margin

margin注意margin-top子集会传递给父级margin上下会重叠，左右不重叠行内元素不支持上下margin应用一、左右居中margin:0 auto;兼容问题一、IE6下，块元素有浮动的时候，横向margin会出现双倍解决：既然是块元素，那就设置display:inline;二、IE6下，父级有边框，子元素margin值会消失掉解决：只要触发了hasLayout，根据元素内容

2017-02-22 19:48:19 267

原创 HTML--Position 定位

写在前面：趁着春招来临之际，将以前整合的笔记全部整理，温故而知新，春招找工作加油。absolute:文本脱离文档流使内嵌支持宽高定位元素，默认后者覆盖前者有定位父级，就相对于第一个定位父级，否则相对于文档兼容问题：在IE6下定位元素父级宽高都是奇数，定位元素的right和bottom都有一个像素的偏差，没有解决方案。relative：兼容问题：当子级的内容大于父级，子级会把父级的撑

2017-02-22 19:26:11 250

原创 03 ”hogwarts“应该加一个感叹号“!”—.—对象

一：对象的属性定义方法当属性不是有效的变量,需要用’ ’ 括起来，引用时用[ ]var xiaohong = { name: '小红', 'middle-school': 'No.1 Middle School'};xiaohong.name;xiaohong['name'];xiaohong['middle-shool'];对象的属性是字符串，其值是任意数据类型。可以对属性

2016-12-26 17:14:35 223

原创 02 ”hogwarts“击败js吧—.—数组和字符串常见方法

一、字符串常见的方法toUpperCase() 和 toLowerCase(): 把字符串变为大写和小写var brr='hello'; crr=brr.toUpperCase(); // HELLO crr.toLowerCase(); //hello indexOf 搜索指定字符串出现的位置：var arr='hello world'; arr.indexOf('world');

2016-12-26 17:06:28 225

原创 04 ”Episode fxxkit “—.—JS遍历for..in/of Iterator

本节探究遍历方法for..in 和for..of区别。一、for..in和for..of循环遍历的区别var a = ['A','B','C'];a.wave='Hello';for(var x in a) { alert(x);// '0', '1', '2', 'wave' 这里注意是wave}alert(a,length);//这里返回的是3for (var y of a

2016-12-26 16:54:41 254

原创 05 JS函数归纳总结

JS函数（1）一、JS函数的基本知识点1.定义函数：function fx(x）{ var s=-x;return s;}//这种定义方法等同于var fx= function(x){..} 因为函数实际上本身就是一个对象，其实就是将函数名fx视为指向该函数的变量。一个函数执行到return结束，如果没有return，则返回undefined.。2.作用域function f(){

2016-12-26 15:00:08 222

原创 01 神经病啊,你是这样的js—.—数组定义

JS数组定义方式

2016-11-25 11:03:08 284 1

sinat_36768524的博客