hulongfei1991-CSDN博客

原创 JavaScript 基础笔记 4流程控制

运算符算术：+ - * 、 % 赋值：= += -= *= /= %= 关系： = == === != !== 逻辑：&&与 ||或优先级：() 流程控制 if(){} if(){}else if(){}else{}; switch(case break continue default) 12<45?alert(true):alert(false); 循环 var i

2016-12-05 18:01:41 201

原创 JavaScript 基础笔记 3作用域

作用域:在一定的范围内进行读写操作域:空间，范围，区域 script里面全局变量全局函数自上而下函数：由里到外局部可以改全局的值作用:读，写作用域链：函数内找不到声明顺着作用域链往上找浏览器: "js解析器" 1)"找一些东西": var function 参数... var a=未定义; 所有的变量，在正式运行代码之前都提前

2016-12-05 15:51:30 210

原创 JavaScript 基础笔记 2函数传参

函数传参：函数传递参数参数=>js的数据类型:数字，字符串，布尔值，函数，对象，undefined 重用代码： 1、尽量保证 HTML 代码结构一致，可以通过父级选取子元素 2、把核心主程序实现，用函数包起来 3、把每组里不同的值找出来，通过传参实现无标题文档 ul { padding:0; margin:0; } li { list-style:none;

2016-12-03 21:50:32 234

原创 JavaScript 基础笔记 1数据类型

js的数据类型 js的核心标准ECMAScript js的数据类型：数字number，字符串string，布尔boolearn，对象object（object，array，null），未定义unfefined funciton函数 typeof：检测数据类型强制类型转换： Number();看起来像数字的字符串转换成数字整体上

2016-12-03 21:48:47 262

原创面向对象2--选项卡的改写

1.选项卡 Document #div1 input{background:#ccc} #div1 .active{background:yellow} #div1 div{width:200px;height:200px;background:#eee;border:1px solid red;display:none;} kashdkh

2016-11-24 15:07:46 190

原创面向对象1

1.面向对象的特点 Document window.onload = function(){ /*面向对象的特点：（抽象）：抓住核心问题封装：不考虑内部实现，只考虑功能使用继承：从已有对象上几成出新的对象多态对象组成：方法--函数：过程、动态的属性--变量：状态、静态的*/ var arr =[11,22,33,44,55

2016-11-23 12:59:35 268

原创 COOKIE和鼠标滚轮

1.cookie 无标题文档 /* cookie : 存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来像访问者电脑上存储数据 1.不同的浏览器存放的cookie位置不一样，也是不能通用的 2.cookie的存储是以域名形式进行区分的 3.cookie的数据可以设置名字的 4.一个域名下存放的cookie的个数是有限制的，不同的浏览器存放的个数不一样

2016-11-22 19:49:28 192

原创事件深入应用

1.拖拽无标题文档 #div1 {width: 100px; height: 100px; background: red; position: absolute;} window.onload = function() { /* onmousedown : 选择元素 onmousemove : 移动元素 onmouseup : 释放元素 */ var oD

2016-11-22 15:10:53 438

原创 Event2-事件

事件捕获事件捕获就是告诉他监控的是哪一种类型的事件是进去的还是出去的这就是true和false的意义 true&false监控的就是进来的那一下和出去的那一下无标题文档 div {padding: 50px;} #div1 {background: red;} #div2 {background: blue;} #div3 {background: green; pos

2016-11-17 11:17:31 856

原创 Event1-事件

焦点事件焦点:使浏览器能够区分用户输入的对象，当一个元素有焦点的时候那么它就可以接受用的输入操作我们可以通过一些方式可以给元素设置焦点 1.点击 2.tab 3.js 不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点 onfocus:当元素获取到焦点的时候触发 onblur : 当元素失去焦点的时候触发 obj.focus();给指定的元素设置焦点

2016-11-16 16:51:19 878

原创 DOM2

1getElementsByClassName doucment.getElementsByClassName(); IE9以下不兼容 2 封装addClass(); window.onload =function(){ var oDiv = document.getElementById('div1'); addClass(oDiv,'box1'); a

2016-11-15 20:53:42 224

转载常见的面试题

「 CSS篇」 CSS 盒子模型，绝对定位和相对定位清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法如何保持浮层水平垂直居中 position 和 display 的取值和各自的意思和用法样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块怎么写，说出思路，有无实践经验 CSS3动画效果属性，canvas、svg的

2016-11-15 13:05:13 956

原创 DOM1

DOM概念 DOM:doucment object model 文档对象模型文档：HTML 文档对象：页面中的元素文档对象模型：w3c定义为了能够让js操作页面中的元素定义出来的一套标准 DOM会把文档看做一个物体，树状结构树中的每一个元素就是元素节点同事定义了个很多方法来操作这个树每一个元素（节点）如： document document.

2016-11-14 14:00:46 326

hulongfei1991的博客