随笔分类 -  JavaScript

JS中JSON.parse和eval的异同
摘要：1、相同点 JSON.parse和eval函数都可将一段json字符串转换为json对象，如： 2、不同点 JSON.parse将数据转换为 JS 对象时，会检测数据是否是标准的json格式，只解析属性名是双引号包裹的字符串对象， 并会忽略换行和空格，并能捕捉JSON中的语法错误，而eval函数可解 阅读全文
posted @ 2019-02-14 10:23 昊晗远昂 阅读(445) 评论(0) 推荐(0)
JavaScript的几种继承方式
摘要：JavaScript是面向对象的弱类型语言，继承是其重要的特性之一，这里总结下常用的四种继承方法。 先定义一个父级构造函数，并在其原型上添加一个speak方法 以下四种继承方式均在此父级构造函数基础上实现。 1、传统形式，通过原型链继承 将父级构造函数的实例作为子级构造函数的原型 缺点：继承父级所有 阅读全文
posted @ 2019-01-12 18:17 昊晗远昂 阅读(286) 评论(0) 推荐(1)
重温JavaScript预编译的四个步骤
摘要：JS是解释型语言，运行过程分三步： 一、语法分析（检查代码是否存在语法错误）； 二、预编译（代码执行之前，在内存中开辟空间，存放变量与函数）； 三、解释执行（执行JS代码）； 理解预编译的过程，对于理解作用域链、闭包、this指向、原型链至关重要，它们是相辅相成的。 预编译分为四步： 1、创建AO对 阅读全文
posted @ 2019-01-10 09:53 昊晗远昂 阅读(793) 评论(0) 推荐(0)
回顾下$.ajax()方法参数
摘要：1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的 阅读全文
posted @ 2018-11-01 18:10 昊晗远昂 阅读(127) 评论(0) 推荐(0)
JSONP跨域访问百度实现搜索提示小案例
摘要：一、JSONP简介 JSONP 全称 JSON with padding（填充式 JSON 或参数式 JSON），JSONP实现跨域请求的原理，就是动态创建<script>标签，然后利用<script>的”src"属性不受同源策略限制来跨域获取数据，其实凡是拥有”src”属性的标签都有跨域的能力，如 阅读全文
posted @ 2018-10-26 18:38 昊晗远昂 阅读(597) 评论(0) 推荐(0)
JS对象与PHP对象的对比
摘要：一、对象的创建与访问 1、JS对象的创建与访问 2、PHP对象的创建与访问 二、对象的遍历 1、JS对象的遍历 （for...in...) 2、PHP对象的遍历（foreach...as...) ps：PHP使用foreach...as...遍历对象时，只能输出public类型属性，可以通过定义一个 阅读全文
posted @ 2018-10-10 11:43 昊晗远昂 阅读(1041) 评论(0) 推荐(0)
JS数组与PHP数组的对比
摘要：一、分类与创建 1：JS的数组都是索引数组，数组是一种特殊的对象，创建数组的方式有两种 js数组只能通过'[]'访问属性。 2：PHP数组分为索引数组和关联数组，创建方式也有两种 php能通过'[]'和'{}'访问。 二、JS数组赋值是引用传递，而PHP赋值的是一个副本 JS 对象常称为引用类型，对 阅读全文
posted @ 2018-10-04 18:10 昊晗远昂 阅读(2373) 评论(0) 推荐(1)
理解JS中this的指向
摘要：this 指代当前对象，若在全局内使用，则指代当前页面window；若在函数中使用，则依据当前函数被调用的对象而定，可初步理解为“谁调用就是谁”。 一、this的指向在函数定义时是无法确定的，只有函数执行时才能确定this到底指向谁。 二、JS中函数也是对象，可定义属性 三、对象中嵌套函数的this 阅读全文
posted @ 2018-09-28 18:12 昊晗远昂 阅读(343) 评论(0) 推荐(0)
JS简单实现二级联动菜单
摘要：1 2 省/市： 3 市/区： 4 5 运行： 阅读全文
posted @ 2018-09-25 17:41 昊晗远昂 阅读(4327) 评论(0) 推荐(0)
重温JavaScript获取CSS样式的方法（兼容各浏览器）
摘要：众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单，通过element.style.attr（元素.style.属性）即可获取，示例： 运行： 通过element.styl 阅读全文
posted @ 2018-09-18 18:26 昊晗远昂 阅读(1367) 评论(0) 推荐(0)
理解JavaScript中BOM和DOM的关系
摘要：JavaScript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，IE和其他的浏览器风格迥异。对象是JavaScript最重要的API，包含内置对象、外部对象（window对象、dom对象）和自定义对象。 1、BOM全称Browser Ob 阅读全文
posted @ 2018-09-17 18:12 昊晗远昂 阅读(1595) 评论(0) 推荐(0)