JavaScript
文章平均质量分 77
hulongfei1991
web前端
展开
-
DOM1
DOM概念DOM:doucment object model 文档对象模型文档:HTML文档对象:页面中的元素文档对象模型:w3c定义 为了能够让js操作页面中的元素定义出来的一套标准DOM会把文档看做一个物体,树状结构树中的每一个元素就是元素节点 同事定义了个很多方法来操作这个树每 一个元素(节点)如: document document.原创 2016-11-14 14:00:46 · 326 阅读 · 0 评论 -
面向对象1
1.面向对象的特点 Document window.onload = function(){ /*面向对象的特点: (抽象):抓住核心问题 封装:不考虑内部实现,只考虑功能使用 继承:从已有对象上几成出新的对象 多态 对象组成: 方法--函数:过程、动态的 属性--变量:状态、静态的*/ var arr =[11,22,33,44,55原创 2016-11-23 12:59:35 · 268 阅读 · 0 评论 -
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 阅读 · 0 评论 -
JavaScript 基础笔记 3作用域
作用域:在一定的范围内进行读写操作 域:空间,范围,区域 script里面 全局变量 全局函数 自上而下 函数:由里到外 局部可以改全局的值 作用:读,写 作用域链:函数内找不到声明顺着作用域链往上找 浏览器: "js解析器" 1)"找一些东西": var function 参数... var a=未定义; 所有的变量,在正式运行代码之前都提前原创 2016-12-05 15:51:30 · 210 阅读 · 0 评论 -
COOKIE和鼠标滚轮
1.cookie无标题文档/*cookie : 存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来像访问者电脑上存储数据 1.不同的浏览器存放的cookie位置不一样,也是不能通用的 2.cookie的存储是以域名形式进行区分的 3.cookie的数据可以设置名字的 4.一个域名下存放的cookie的个数是有限制的,不同的浏览器存放的个数不一样原创 2016-11-22 19:49:28 · 192 阅读 · 0 评论 -
事件深入应用
1.拖拽无标题文档#div1 {width: 100px; height: 100px; background: red; position: absolute;}window.onload = function() { /* onmousedown : 选择元素 onmousemove : 移动元素 onmouseup : 释放元素 */ var oD原创 2016-11-22 15:10:53 · 437 阅读 · 0 评论 -
Event2-事件
事件捕获事件捕获就是告诉他监控的是哪一种类型的事件是进去的还是出去的这就是true和false的意义true&false监控的就是进来的那一下和出去的那一下无标题文档div {padding: 50px;}#div1 {background: red;}#div2 {background: blue;}#div3 {background: green; pos原创 2016-11-17 11:17:31 · 855 阅读 · 0 评论 -
Event1-事件
焦点事件焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候那么它就可以接受用的输入操作我们可以通过一些方式可以给元素设置焦点1.点击2.tab3.js不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点onfocus:当元素获取到焦点的时候触发onblur : 当元素失去焦点的时候触发obj.focus();给指定的元素设置焦点原创 2016-11-16 16:51:19 · 878 阅读 · 0 评论 -
JavaScript 基础笔记 2函数传参
函数传参:函数传递参数 参数=>js的数据类型:数字,字符串,布尔值,函数,对象,undefined 重用代码: 1、尽量保证 HTML 代码结构一致,可以通过父级选取子元素 2、把核心主程序实现,用函数包起来 3、把每组里不同的值找出来,通过传参实现无标题文档ul { padding:0; margin:0; }li { list-style:none;原创 2016-12-03 21:50:32 · 234 阅读 · 0 评论 -
JavaScript 基础笔记 1数据类型
js的数据类型 js的核心标准ECMAScript js的数据类型:数字number,字符串string,布尔boolearn,对象object(object,array,null),未定义unfefined funciton函数 typeof:检测数据类型 强制类型转换: Number();看起来像数字的字符串转换成数字 整体上原创 2016-12-03 21:48:47 · 262 阅读 · 0 评论 -
常见的面试题
「 CSS篇 」CSS 盒子模型,绝对定位和相对定位清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法如何保持浮层水平垂直居中position 和 display 的取值和各自的意思和用法样式的层级关系,选择器优先级,样式冲突,以及抽离样式模块怎么写,说出思路,有无实践经验CSS3动画效果属性,canvas、svg的转载 2016-11-15 13:05:13 · 954 阅读 · 0 评论 -
面向对象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 阅读 · 0 评论