修行的苦行僧-CSDN博客

原创 JavaScript继承(1)

1、子类的原型对象–类式继承 //声明父类 function SuperClass() { this.superValue = true; } //为父类添加共有方法 SuperClass.prototype.getSuperValue = function () { return this.superValue; }

2017-04-16 14:47:32 324 1

转载 JavaScript-修改this指针

题目封装函数 f，使 f 的 this 指向指定的对象。输入例子bindThis(function(a, b) { return this.test + a + b；}, {test: 1})(2, 3)；输出例子6分析该题目的要求是：封装一个函数bindThis，该函数有两个参数，第一个参数是一个内部有使用this指针的函数f，第二个参数是一个对象obj，执行bindThis之后，返回

2017-04-16 14:46:29 1174

原创 es6入门-对象的扩展

1、属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。var foo = 'bar';var baz = {foo};baz // {foo: "bar"}// 等同于var baz = {foo: foo};上面代码表明，ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。下面是另一个例子。function f(x, y) {

2017-04-16 14:45:11 366

原创 es6入门

1、let 用来声明变量，但是所声明的变量，只在let命令所在的代码块内有效。不存在变量提升。let实际上为 JavaScript 新增了块级作用域。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1var带来的不合理场景就是用来计数的循环变量泄露为全局变量，看下面的例子var a = [];

2017-04-16 14:43:11 270

转载 BFC-块级格式化上下文

BFC它是一个独立的渲染区域，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。一、BFC布局规则：1、内部的Box会在垂直方向排列。 2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。 3、每个元素的margin box的左边，与包含块border box的左边相接触。 4、BFC的区域不会与float

2017-04-16 11:35:34 255

由于JavaScript是一种弱类型特性语言，定义变量的时候无需指定变量类型。因为在运算过程中会存在隐式转换。（1）比如 76+32 ，这个是数字运算，结果为108。但是如果改成“76”+32，那么结果就会变为 7632，对字符串进行拼接。但是如果改成“76”-32，那么结果就会变为44，尝试将字符串转换为数字并对数字进行运算。（2）巧用+/-转换类型。如果希望将字符串转换为数字，那么可以处理为(n

2017-03-17 19:21:25 221

原创 JavaScript-null，undefined 的区别？

null 表示一个对象是“没有值”的值，也就是值为“空”； undefined 表示一个变量声明了没有初始化(赋值)；undefined不是一个有效的JSON，而null是； undefined的类型(typeof)是undefined； null的类型(typeof)是object；Javascript将未赋值的变量默认值设为undefined； Javascript从来不会将变

2017-03-17 19:19:34 189

原创 JavaScript-包装对象

概念：存取字符串、数字或布尔值的属性时临时创建的对象称作包装对象。平时可能会看到下面这种语句。var s = "hello";var l = s.length; // l = 5;字符串既然不是对象，那么为什么它会有属性呢？只要引用了字符串 s 的属性，JavaScript就会将字符串值通过调用 new String()的方式转换成对象，这个对象继承了字符串的方法，并被处理属性的引用。一旦引

2017-03-17 19:18:53 215

原创 JavaScript-原生Array对象方法详解

1、join() join() 方法用于把数组中的所有元素转换为一个字符串。元素是通过指定的分隔符进行分隔的。 arrayObject.join(separator)参数代表分隔符，是可选的。如果不传参数，默认逗号。注意返回值是字符串，不是数组。注意：该方法不会改变原数组。var arr = [1, 2, 3, 4, 7, 9, 6];arr.join(); // "1

2017-03-17 19:17:48 425

原创 JavaScript-说说为啥循环闭包只显示最后一个i的值

循环闭包不知道这个问题大家有没有遇到过这种情况，for循环过程中永远输出最后一个值。反正我当年初学js的过程中遇到了，当时菜的时候问度娘，博客都差不多，就是看不懂。手动再见。下面要实现的是，点击两个盒子，点击显示”这是第i个盒子”。 QAQ结果显示无论点击哪个盒子都是”这是第2个盒子”。//html<body> <div></div> <div></div></bo

2017-03-10 16:52:54 1631 1

原创 JavaScript-六种数据类型

JavaScript是一种弱类型特性语言，定义变量的时候无需指定变量类型。比如定义一个变量数字var num = 20；但可以立即将字符串赋值给这个变量 num = ‘this is a apple’ 将num转换为一个string类型。JavaScript一共有6种数据类型，其中有5种原始类型和1种对象类型。常见的简单类型叫做原始类型（也叫基元类型）。1、number（数字）2、string（字符

2017-03-10 16:13:24 209

原创使用ajax将后台数据输出到前台，实现页面动态化

第一次亲自和后台联合开发，还是值得纪念的。想想看到数据输出到页面的一瞬间，都有点激动呢！废话不说，上例子。接口来自“某接口数据平台”https://www.jisuapi.com/api/driverexam/ 我真的不是打广告的..页面包含题目部分，当你做出选择时，会显示答案和解释部分。其中这两部分除了父级中间代码都被注释掉了。因为这个要用js动态实现呦~但是前提要把注释的样式写好啦~这样页面生成

2017-03-10 16:12:27 6562 3

原创 JavaScript-作用域5点小结

第一点，一句话走遍天下。 JavaScript中无块级作用域。在Java等语言中存在块级作用域。即：大括号也是一个作用域。补充：ES6中新增了let关键字，用于指定变量属于块级作用域。第二点。 JavaScript采用函数作用域。在JavaScript中每个函数作为一个作用域，在外部无法访问内部作用域中的变量。第三点。 JavaScript作用域链。由于JavaScript中的每个

2017-03-10 16:09:42 189

原创 JavaScript-如何实现数组的随机排序？

第一种方法。 Math.random()返回介于 0（包含） ~ 1（不包含）之间的一个随机数。这种方法是循环过程中通过Math.random()函数产生的随机值，在数组中这个随机值位置的数和arr[i]位置的数据交换，循环结束，产生随机数组。var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];function randSort1(arr) { for

2016-08-20 16:35:33 2795

原创炫丽的倒计时效果

案例来自慕课网<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>绚丽的倒计时效果</title> <script src="js/countdown.js" type="text/javascript" charset="utf-8"></script>

2016-08-13 19:02:32 327

canger729的博客