02 2017 档案

AJAX的理解
摘要:1.AJAX的含义:用Javascript异步形式操作XML 2.AJAX的作用:在无需重新加载整个网页的情况下,能够更新部分网页,传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面 3.AJAX的核心是XMLHttpRequest对象 4.XMLHttpRequest拥有两个方法, 阅读全文

posted @ 2017-02-27 20:49 .smile 阅读(5438) 评论(1) 推荐(0) 编辑

表单的理解
摘要:1.表单的作用:数据的提交 2.action:数据提交的地址,默认是当前页面 method:数据提交的方式,默认是get 3.get方式,将数据名值对用=链接,多个数据用&连接,然后把数据放到url?后面传给指定的url,由于url长度的限制,get方式不能传输过多的数据 post方式,将数据放在请 阅读全文

posted @ 2017-02-27 20:16 .smile 阅读(409) 评论(0) 推荐(0) 编辑

单体内置对象的理解
摘要:1.有ECMAScript提供的,不依赖于宿主环境,在程序执行之前就已经存在的对象,叫内置对象,例如Object,Array,String 也就是说,实际使用时不用实例化内置对象,因为他们已经实例化了 2.ECMAScript定义了两个单体内置对象Global和Math a.Global对象 所有在 阅读全文

posted @ 2017-02-27 17:35 .smile 阅读(365) 评论(0) 推荐(0) 编辑

JS面向对象的理解
摘要:1.JS中的对象就是普通名值对的集合 2.使用对象时,只关心对象提供的功能,不用关注内部细节 3.面向对象的特点 a.封装 b.继承 c. 多态 4.依附于对象的变量叫属性 依附于对象的函数叫方法 5.创建对象的三种方式 a.工厂模式,使用简单的函数创建对象,为对象添加属性和方法,然后返回对象 b. 阅读全文

posted @ 2017-02-27 13:38 .smile 阅读(11190) 评论(0) 推荐(0) 编辑

引用类型值的相等判断
摘要:1.对象在JavaScript中被称为引用类型的值 2.定义一个引用类型值,内部实现原理是用new构造函数的方式 3.即使两次定义的引用类型值完全相同,两个值也不相等,因为这是两个对象,对象仅等于她自己 阅读全文

posted @ 2017-02-27 13:15 .smile 阅读(271) 评论(0) 推荐(0) 编辑

数组的常用方法
摘要:1.数组的方法 增删改方法: push方法 push方法可以向数组的最后添加任意个项,并返回添加项后数组的长度 unshift方法 unshift方法可以向数组的最前添加任意个项,并返回添加项后数组的长度(IE9以下不支持unshift的返回值) pop方法 去掉数组中最后一项,并返回去掉的项 sh 阅读全文

posted @ 2017-02-26 22:07 .smile 阅读(370) 评论(0) 推荐(0) 编辑

得到一定范围内的随机数
摘要:得到区间【m,n】之间的随机数 Math.round(Math.random()*(n-m)+m); round方法会对括号内的数进行四舍五入 random方法会生成一个0到1之间的随机值 阅读全文

posted @ 2017-02-26 21:51 .smile 阅读(158) 评论(0) 推荐(0) 编辑

数组随机排序
摘要:Math.random()会产生一个0到1之间的随机值 阅读全文

posted @ 2017-02-26 21:28 .smile 阅读(125) 评论(0) 推荐(0) 编辑

判断变量是否存在时需要注意的问题
摘要:如果以变量是否存在作为判断条件,当变量不存在时,浏览器会抛出错误,也就是说,不能判断不存在的变量 有很多种写法可以避免这种错误,下面是几种常见的写法 1.将判断变量转化为判断window属性是否存在 2.有时window并不是全局对象,这是可以用this代替全局对象 3.将变量存在性判断转化为变量是 阅读全文

posted @ 2017-02-24 10:47 .smile 阅读(547) 评论(0) 推荐(0) 编辑

倒计时
摘要:1 var aInp = document.getElementsByTagName('input'); 2 var iNow = null; 3 var iNew = null; 4 var t = 0; 5 var str = ''; 6 var timer = null; 7 8 aInp[2].onclic... 阅读全文

posted @ 2017-02-23 09:43 .smile 阅读(223) 评论(0) 推荐(0) 编辑

系统时间的友好显示
摘要:1 var oBody = document.body; 2 3 setInterval( fnTime, 1000 ); 4 5 fnTime (); 6 7 function fnTime () { 8 9 var myTime = new Date(); //object 10 ... 阅读全文

posted @ 2017-02-23 09:14 .smile 阅读(330) 评论(0) 推荐(0) 编辑

css中的三种基本定位机制
摘要:css中的三种基本定位机制 a.普通文档流 b.定位:相对定位 绝对定位 固定定位 c.浮动 1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置 2.相对定位看作普通流的一部分,移动后的元素仍占据原来的 阅读全文

posted @ 2017-02-22 20:28 .smile 阅读(374) 评论(0) 推荐(0) 编辑

JS中立即执行函数的理解
摘要:1.匿名函数不能单独定义,必须进行赋值操作或者立即执行,否则会被JS引擎定义为语法错误 2.在函数体后面加括号就能立即调用,这个函数形式必须是函数表达式,不能是函数声明 3.可以在函数前面加符号,或者用括号将函数包住来消除函数声明 4.消除函数声明最安全的做法是加括号,因为运算符号还会和函数的返回值 阅读全文

posted @ 2017-02-22 20:23 .smile 阅读(1148) 评论(0) 推荐(0) 编辑

console对象的理解
摘要:console对象代表浏览器的JS控制台,虽然不是标准,但已经成为事实的标准 console对象的作用 a.显示代码运行错误信息 b.提供一个命令行接口,用来与网页互动 console对象拥有很多方法,最常用的是log(),用于输出括号中的内容 阅读全文

posted @ 2017-02-22 20:04 .smile 阅读(147) 评论(0) 推荐(0) 编辑

JS作用域理解(声明提升)
摘要:1.JS解析步骤: a.预解析 将变量声明提升; 将函数声明及函数内容提升,可以理解成原来位置的函数在解析代码时已经提到代码初始位置; 块内的变量声明和函数声明也会被提升,例如if语句 遇到重名,只留下一个; 如有重名变量和函数,留下函数; 如有两个重名函数,后一个函数覆盖前一个函数; firefo 阅读全文

posted @ 2017-02-22 19:51 .smile 阅读(1560) 评论(0) 推荐(0) 编辑

JS中变量和常量的定义
摘要:var只能声明一个变量,这个变量可以保存任何数据类型的值 ES6之前并没有定义声明常量的方式,ES6标准中引入了新的关键字const来定义常量 使用const定义常量后,常量无法改变 ES6中还新增了let关键字来声明变量,作用与var相似,但其所声明的变量只在声明所在块内有效 阅读全文

posted @ 2017-02-22 19:45 .smile 阅读(37161) 评论(0) 推荐(0) 编辑

抖动函数的封装
摘要:29 function shake ( obj, attr, endFn ) { 30 var pos = parseInt( getStyle(obj, attr) ); 31 var arr = []; // 20, -20, 18, -18 ..... 0 32 var num = 0;34 35 for ( var ... 阅读全文

posted @ 2017-02-22 12:55 .smile 阅读(225) 评论(0) 推荐(0) 编辑

移动函数的封装示例
摘要:function doMove ( obj, attr, dir, target, endFn ) { dir = parseInt(getStyle( obj, attr )) target && dir > 0 || speed < target && dir < 0 ) { speed = target; } ... 阅读全文

posted @ 2017-02-22 09:52 .smile 阅读(176) 评论(0) 推荐(0) 编辑

对JS中函数的理解
摘要:函数本质就是功能的集合 JS中函数是对象,因此,函数名实际上仅仅是一个指向函数对象的指针,不会与某个函数绑定,所以,JS中没有重载(重载就是通过传递不同类型的参数,使两个相同函数名的函数执行不同的功能) 要访问函数的引用(指针)而不是执行函数时,必须去掉圆括号,加上圆括号表示访问函数执行后的结果 函 阅读全文

posted @ 2017-02-21 20:43 .smile 阅读(1394) 评论(0) 推荐(0) 编辑

消除数组中重复元素的方法
摘要:for(var i=0;i<arr1.length;i++){ if(arr2.indexOf(arr1[i])<0){ arr2.push(arr1[i]); } } 注:indexof()方法返回指定字符串在对象中首次出现的位置 index对大小写敏感 如果对象中没有找到指定字符串,index( 阅读全文

posted @ 2017-02-20 20:26 .smile 阅读(377) 评论(0) 推荐(0) 编辑

同步和异步的区别
摘要:同步是阻塞模式,异步是非阻塞模式。 同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。 阅读全文

posted @ 2017-02-20 20:18 .smile 阅读(238) 评论(0) 推荐(0) 编辑

css hack
摘要:针对不同的浏览器写不同的css,就是css hack 具体做法就是在css加入一些特殊符号,让不同的浏览器识别不同的符号,从而使用不同的css IE9以下的版本中,盒模型content包括padding和border 其他情况下,content不包括padding和border 对元素设置宽高,也就 阅读全文

posted @ 2017-02-20 20:10 .smile 阅读(136) 评论(0) 推荐(0) 编辑

浏览器内核的理解
摘要:主流浏览器内核有一下几种 阅读全文

posted @ 2017-02-20 20:00 .smile 阅读(877) 评论(0) 推荐(0) 编辑

初始化css样式的原因
摘要:不同的浏览器对有些标签属性的默认值是不同的,如果没有做初始化处理,往往会出现不同浏览器页面表现的差异 阅读全文

posted @ 2017-02-20 19:48 .smile 阅读(406) 评论(0) 推荐(0) 编辑

HTTP状态码理解
摘要:100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 500-599 用于支持服务器错误。 阅读全文

posted @ 2017-02-20 19:44 .smile 阅读(126) 评论(0) 推荐(0) 编辑

!important的理解
摘要:!important用于将当前css代码优先级提升为最高,这个优先级比行内样式更高 但是!important在ie6这种垃圾浏览器下会出现小bug 阅读全文

posted @ 2017-02-20 19:41 .smile 阅读(347) 评论(0) 推荐(0) 编辑

浏览器标准模式与怪异模式的区别
摘要:两种模式的不同主要表现在盒模型和渲染模式的不同上 要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode)所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执 阅读全文

posted @ 2017-02-20 19:30 .smile 阅读(1413) 评论(0) 推荐(0) 编辑

link与@import的区别
摘要:页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是: XML/HTML代码<link rel="stylesheet" rev="stylesheet 阅读全文

posted @ 2017-02-20 19:11 .smile 阅读(2720) 评论(2) 推荐(0) 编辑

JS中==与===的区别
摘要:在JS中,==是相等符,如果==两边类型不同,比较时会先进行隐式转换,再比较 是全等符,表示 两边的量与量的类型必须完全相同 用哪个,根据实际情况而定 阅读全文

posted @ 2017-02-20 19:06 .smile 阅读(1781) 评论(0) 推荐(0) 编辑

JS事件流理解
摘要:事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字。 事件是javaScript和DOM之间的桥梁。 你若触发,我便执行——事件发生,调用它的处理函数执行相应的JavaScript代码给出响应。 典型的例子有:页面加载完毕触发load事件;用户单击元素,触 阅读全文

posted @ 2017-02-10 12:09 .smile 阅读(218) 评论(0) 推荐(0) 编辑

函数与方法的区别
摘要:就JS来说,方法就是对象内的函数,就这么理解 阅读全文

posted @ 2017-02-07 21:12 .smile 阅读(144) 评论(0) 推荐(0) 编辑

关于DOM的理解
摘要:每个载入浏览器的HTML文档都会生成一个Document对象 Document对象使我们可以从脚本中对HTML中的所有元素进行访问 DOM实际上是以面向对象方式描述的对象模型,它将文档建模为一个个对象,以树状的结构组织(本文称之为“文档树”,树中的对象称为“节点”)。每个文档包含1个document 阅读全文

posted @ 2017-02-06 21:25 .smile 阅读(526) 评论(0) 推荐(0) 编辑

关于BOM的理解
摘要:BOM提供了很多对象,用于访问浏览器的功能,这些功能与网页内容无关 BOM的核心对象时window,她表示浏览器的一个实例 window的双重角色 1.JS访问浏览器窗口的一个接口 2.ECMAScript规定的Global对象(浏览器环境下),也就是说,在网页中定义的任何一个对象,变量,函数,都是 阅读全文

posted @ 2017-02-06 21:09 .smile 阅读(502) 评论(0) 推荐(0) 编辑

setTimeout()和setInterval()的用法
摘要:JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 S 阅读全文

posted @ 2017-02-05 22:52 .smile 阅读(1069) 评论(0) 推荐(0) 编辑

MVC,MVP,MVVM
摘要:MVC模式: MVC即Model-VIew-Controller。他是1970年代被引入到软件设计大众的。MVC模式致力于关注点的切分,这意味着model和controller的逻辑是不与用户界面(View)挂钩的。因此,维护和测试程序变得更加简单容易。 MVC设计模式将应用程序分离为3个主要的方面 阅读全文

posted @ 2017-02-03 20:09 .smile 阅读(144) 评论(0) 推荐(0) 编辑

引擎与框架的区别
摘要:就自己的理解来说,引擎相当于芯片,框架相当于单片机 阅读全文

posted @ 2017-02-03 20:05 .smile 阅读(1008) 评论(0) 推荐(0) 编辑

.前端开发记实第一天
摘要:有个博客的话,笔记应该会记的少了些把 阅读全文

posted @ 2017-02-01 19:35 .smile 阅读(177) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示