随笔分类 - JavaScript
摘要：JavaScript的特点JavaScript是一门直译式脚本语言，是一种动态类型、基于原型的语言。 JavaScript的灵活性不亚于C++，你可以使用JavaScript尝试不同的程序设计范型。比如类jQuery风格的函数式编程、基于过程的指令式编程、以及基于原型的面向对象编程。不同于Java、
阅读全文
摘要：1、 ：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false； 2、==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较； 类型转换规则：1）如果等号两边是boolean、string、number三者中任意两者进行比较
阅读全文
摘要：概述 从输入URL到页面加载的主干流程如下： 1、浏览器构建HTTP Request请求 2、网络传输 3、服务器构建HTTP Response 响应 4、网络传输 5、浏览器渲染页面 构建请求 1、应用层进行DNS解析 通过DNS将域名解析成IP地址。在解析过程中，按照浏览器缓存、系统缓存、路由器
阅读全文
摘要：JS预编译 js运行三部曲 语法分析 预编译 解释执行 ** 预编译 ** 预编译发生在函数执行前的一刻。 简单现象：函数声明整体提升, 变量 声明提升（定义赋值不提升） ** 预编译过程（四部曲）：**1.创建AO对象（Activated Object）（执行期上下文）2.找形参和变量声明，将变量
阅读全文
摘要：1.函数 定义 1.函数声明 function test(){函数体}; 2.函数表达式： - 命名函数表达式 - ```java var fn = function test(){}; （匿名）函数表达式 var fn = function(){}; #### 组成形式 1.函数名称 2.参数（形
阅读全文
摘要：js原型、原型链、call apply 原型 1.定义：原型是function对象的一个属性，它定义了构造函数构造出的对象的共同祖先，通过这个构造函数创建的对象可以继承该原型的属性和方法。原型也是对象。2.利用原型的特点和概念，可以提取共有属性。3.对象如何查看原型:隐式属性 .proto4.对象如
阅读全文
摘要：继承模式 继承发展史 1、传统形式--原型链 过多的继承了没用的属性 2、借用构造函数 不能继承借用构造函数的原型 每次构造函数要多走一个函数 3、共享原型 不能添加自己原型的自定义属性，会把共享原型的对象的原型的属性也更改。 4、圣杯模式 //1.原型链 Grand.prototype.lastN
阅读全文
摘要：js-arguments arguments arguments是函数执行时的一个对象，用开存储传进函数的参数，下标从0开始存储。arguments是对象，不是Array，但它有点类似Array，它不具备除了length之外的其他方法。 callee：arguments对象的一个属性。1）它用来指向
阅读全文
摘要：js-克隆 浅克隆 浅克隆的对象的引用值是拷贝对象里的引用，这两个对象里面的引用（如对象里的数组或者内嵌对象）指向的地方是一致的。 var obj = { name:"chen", age:18, gender:"female", card:['visa','cb'], wife:{ name:'a
阅读全文
摘要：js-数组 数组的定义 new Array(length/content) 字面量 区别：当只传一个参数时，new Array会把参数当成是长度，即创建一个限定长度的值为undefined的数组；字面量则认为这一个参数是数组第一个元素。 //数组的定义 var arr = [1,2,3];//数组字
阅读全文
摘要：js-try catch、ES5.0严格模式 try...catch try{}catch{}finally{},用以捕捉错误而不影响后面代码的执行。即try里面的代码如果报错了，不会影响try catch后面代码块的执行。 try{ console.log('a');//a console.log
阅读全文
摘要：js-DOM DOM定义 DOM -- Document Object Model DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。也有人称DOM对象是对HTML及XML的标准编程接口。 DOM基本操作 节点的类型 节点名
阅读全文
摘要：js-定时器（setInterval, setTimeout) setInterval() 表示没间隔一定时间执行一次函数 清除方法：clearInterval(timer) var cnt = 0; var timer = setInterval(function(){ cosole.log(cn
阅读全文
摘要：获取DOM尺寸、位置 查看滚动条的滚动位置 window.pageXOffset / window.pageYOffset(IE8及其以下版本不支持) document.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱，使用时通常取两个属性值相加，因
阅读全文
摘要：脚本化CSS 1.读写CSS属性 domEle.style.prop 可读写行间样式，没有兼容性问题；像float这样的关键字属性应在前面加css。 float --> cssFloat； 复合属性必须拆解，组合单词采用小驼峰式写法 写入值必须是字符串格式 2.查询计算样式 window.getCo
阅读全文
摘要：1. JSON json是一种传输数据的格式（以对象为样板，本质上就是对象，但用途有区别，对象是本地的，JSON是用于传输的。 JSON.parse();//string --> json JSON.stringify();//json --> string 2. 页面渲染 randerTree =
阅读全文
摘要：参考正则表达式教程 正则表达式 作用： 对字符串执行模式匹配，匹配特殊字符或有特殊搭配原则的字符。 创建方式 直接量:/expression/gim;-->两个斜杠中间书写正则表达式，右边的i代表ignore case忽略大小写；g代表全局匹配；m代表多行匹配模式。 new RegExp(patte
阅读全文
摘要：1.什么是事件 HTML页面与JS之间的交互时通过事件来完成的。事件，就是文档与浏览器窗口发生的一些特定的交互瞬间。可以使用侦听器（处理程序）来预订事件，以便事件发生时执行相应的程序代码。 2.如何绑定事件 elem.onxxx = function(event){}； 兼容性很好，但是一个元素只能
阅读全文
摘要：属性的增、删、改、查 增加属性：ojb.newProp = “what";删除属性：delete ojb.Prop 对象的创建方法 var obj = {} plainObject 对象字面量/对象直接量 构造函数1）系统自带的构造函数 new Object（）2）自定义构造函数。构造函数结构上和函
阅读全文
摘要：一、若是基本数据类型返回对应的基本类型 <script> // 1.number类型 var num = 1; console.log(typeof num);//返回的是number // 2.string 类型 var str = 'jack'; console.log(typeof str);
阅读全文
