JS
xxxfffooo
这个作者很懒,什么都没留下…
展开
-
函数基本知识
<script> //1.function :函数->具备某个功能的方法,方法本身是没有什么意义的,只有执行这个方法实现了对应的功能,才有自己的价值。 //洗衣机:基本洗衣服功能的一台机器 //2.函数由两部分组成:创建一个函数,执行这个函数 // function 方法名() { // ...原创 2018-02-28 11:44:15 · 224 阅读 · 0 评论 -
原型链模式拓展2
<script> //在原型模式中,this常用的有两种情况: //在类中this.xxx=xxx;this->当前类的实例 //某个方法中的this->看执行的时候"."前面是谁this就是谁 //1)需要确定this的指向 //2)把this替换成对应的代码 //3)按照原型...原创 2018-02-28 11:55:08 · 124 阅读 · 0 评论 -
原型继承
<script> //JS当中最重要的一种继承 原型继承 // #div1.__proto__->HTMLDivElement.prototype->HTMLElement.prototype->Element.prototype->Node.protptype->EventTarget.prototype(EcentTarge...原创 2018-02-28 11:55:57 · 212 阅读 · 0 评论 -
call继承
<script> //call继承:把父类私有的属性和方法 克隆一份一模一样的 作为子类私有的属性,与父类没有关系 function A() { this.x = 100; } A.prototype.getX = function () { console.log(this.x); } functi...原创 2018-02-28 11:56:20 · 111 阅读 · 0 评论 -
冒充对象继承
<script> //冒充对象继承:把父类私有的+公有的克隆一份一模一样的 给子类私有的 function A() { this.x = 100; } A.prototype.getX = function () { console.log(this.x); }; function B(){ ...原创 2018-02-28 11:57:31 · 223 阅读 · 0 评论 -
混合模式继承
<SCript> //混合模式继承:原型继承+call继承 //原型模式继承只能把父类私有的,公有的变成B共有的,call继承可以把父类私有的变成自己私有的 function A() { this.x = 100; } A.prototype.getX = function () { ...原创 2018-02-28 11:57:59 · 213 阅读 · 0 评论 -
寄生混合模式继承
<script> //寄生组合模式继承 为了解决混合模式继承中 用原型继承会把父类公有的变成子类私有的,而继续使用call把父类私有的拿到子类私有的当中,这样子类私有的以及公有的中都会有某些数值. function A() { this.x = 100; } A.prototype....原创 2018-02-28 11:58:30 · 179 阅读 · 0 评论 -
原型链深入
<script> // 第一个技巧 可枚举不可枚举 //Object.properyIsEnumerable 检测一个属性是否可以枚举 // Object.prototype.aaa = function () { // } // var obj = {name:"xx",age:7}; // for(var key ...原创 2018-02-28 11:58:59 · 82 阅读 · 0 评论 -
原型链复习参考
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-02-28 11:59:50 · 110 阅读 · 0 评论 -
ES6中的let(3)
4、ES6语法创建变量(let)存在块级作用域,ES5语法创建变量(var/function)没有块级作用域 [ES5] window全局作用域 函数执行形成的私有作用域 [ES6] 除了有ES5中的两个作用域 ES6中新增加了块级作用域 (我们可以把块级作用域理解为之前学习的私有作用域:存在私有变量和作用域链的一些机制)ES6中把大部分用大括号抱起来的都称...原创 2018-03-11 16:52:58 · 151 阅读 · 0 评论 -
ES6中的类
ES6中的类和继承 ES5中创建类和实例,以及如何禁止用户把类当做普通函数执行new.targetfunction Person(name,age) { //console.log(new.target);// ES6中新增的语法,如果是通过new执行的,返回结果是当前创建的类,如果当做普通函数执行的,返回的是undefined if (typeof new.ta...原创 2018-03-12 20:03:11 · 191 阅读 · 0 评论 -
JS面试题分享(1)
//编写一个方法queryURLParmeter,实现把一个URL地址问号传参部分的信息获取到,并且解析称为对象键值对的方式,//URL地址://'https://www.baidu.com/s?wd=javascript&rsv_spt=1'//解析后结果为://{wd:'javascript',rsv_spt:1}//方法一let url = 'https://www.ba...原创 2018-03-14 11:03:21 · 353 阅读 · 0 评论 -
飞行者动画 根据Three.js动画飞行者改编而成
飞行者动画 根据Three.js动画飞行者改编而成 这是图片HTML部分<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"&a原创 2018-04-01 18:53:03 · 755 阅读 · 0 评论 -
原生的AJAX总结
AJAXajax即Asyncchronous JavaScript And XML 中文叫做异步的JavaScript 和XML 是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。aja...原创 2018-04-03 12:00:08 · 297 阅读 · 0 评论 -
原型链模式拓展1
<script> //批量设置原型上的共有的属性和方法 //1起一个别名 var pro = Fn.prototype;//把原来原型指向的地址复制给我们的pro,现在他们操作的是同一个内存空间 function Fn() { this.x = 100; } pro...原创 2018-02-28 11:54:38 · 149 阅读 · 0 评论 -
原型链模式基础
<script> function CreateJsPerson(name,age) { this.name = name; this.age = age; } CreateJsPerson.prototype.writeJs = functio...原创 2018-02-28 11:54:05 · 91 阅读 · 0 评论 -
构造函数模式拓展
<script> function Fn() { this.x = 100;//->f1 this.getX = function () { console.log(this.x);//this需要看getX执行的时候才能知道 } } ...原创 2018-02-28 11:53:33 · 109 阅读 · 0 评论 -
数组基本知识
<script> //object->{}(对象),[](数组),/^$/,时间 //每一个对象都是由属性名和属性值组成的 var ary = [12,23,34,45]; console.dir(ary); //->数组也是对象,我们看到的是它的属性值,属性名是数字0~3 ...原创 2018-02-28 11:44:51 · 98 阅读 · 0 评论 -
函数形参
<script> //洗衣机:生产洗衣机的时候不知道用户洗衣服的时候是放洗衣液还是酱油,我们生产的时候,只需要给用户把入口预留出来,当用户运行的时候,想放什么就从入口放入进来即可 //制定一个功能方法的时候,需要的原材料并不知道,我们只需要暴露对于的入口,执行的时候把原材料传递给我即可->暴露的那个入口就是关于函数中的形参 //扩展...原创 2018-02-28 11:45:54 · 344 阅读 · 1 评论 -
数组中常用方法集合
<script> // ->学习数组中常用的方法,我们需要按照四个维度去进行思考 // 1)方法的作用 // 2)需要哪些参数 // 3)是否有返回值,返回值是什么 // 4)通过此方法是否对原来的数组产生了改变 // 1、关于数组的增加、修改、删除 // var ary = [12, 23, 34, 45,56,7...原创 2018-02-28 11:46:40 · 161 阅读 · 0 评论 -
return
<script> function sum(num1,num2) { var total = null; total = num1 + num2; console.log(total); return total;//->teturn 就是当前函数提供给我们的出口,因为不提供出口的话,闭包的机制导致了在函数体...原创 2018-02-28 11:47:09 · 160 阅读 · 0 评论 -
数组去重
<script> //->数组去重思想:http://web.jobbole.com/83425/ //利用对象的键值对方法 //1)我们把数组中的每一项的值当做一个对象的属性名和属性值存起来 //2)但是在每一次存储之前,我们首先判断当前这一项(n)是否在对象中已经存在了->obj[n]如果值是n说明对象中已...原创 2018-02-28 11:47:41 · 81 阅读 · 0 评论 -
arguments
script> //需求 任意数求和 随便给我几个数,具体几个不知道,就没有办法定义形参个数,我都能求出和 //arguments:函数天生自带的(不管有没有写形参,也不管是否传递值,arguments始终是存在的)用来接收函数传入参数的一个集合 //console.log(typeof argunmets);//->obje...原创 2018-02-28 11:48:14 · 73 阅读 · 0 评论 -
递归
<script> //->递归:就是当前函数自己调用自己执行 //实现1-100之间 不能被三整除的数相加 // var total = 0; // for (var i = 0 ; i<=100;i++){ // if (i%3!==0) { // to...原创 2018-02-28 11:48:47 · 120 阅读 · 0 评论 -
匿名函数
<script> //实名函数:起了名字的函数就是实名函数 //匿名函数:没有起名字的函数就是匿名函数 //在JS中常用到的匿名函数由两种方式: //1)自执行函数:定义函数和函数执行一起完成了 // ;(function (num) {//前面加分号的作用是为了防止上面代码结束不加分号 // })(100);//100是传入的参数...原创 2018-02-28 11:49:15 · 103 阅读 · 0 评论 -
定时器与递归
// var count = 0; // var timer = window.setInterval(function () { // count++; // console.log(count); // if(count === 10) { // window.clearI...原创 2018-02-28 11:50:02 · 1500 阅读 · 0 评论 -
数组的冒泡排序
<script> // var ary = [4,3,5,2,1]; //冒泡排序的思想:让当前项与后一项进行比较,如果当前项大于后一项,两者交换位置 //第一轮比较: //拿出数组的第一项4与后一项3比较,4>3,交换位置[3,4,5,2,1] //4<5 不交换位置[3,4,5,2,1]...原创 2018-02-28 11:50:34 · 353 阅读 · 0 评论 -
数组快速排序 二分法排序
<script> //快速排序的思想: //1)我们首先在数组中找一个基准点(一般把基准点选择为数组中间的这一项) //Math.floor(ary.length/2)例如 一共9项,获取的结果是4(第五项,正好是中间项,一共10项,获取的结果是5(第六项,也接近中间项;)) //2)拿基准点和数组中的其他项进行比较,比基...原创 2018-02-28 11:51:04 · 2383 阅读 · 0 评论 -
数组的插入排序
<script> //插入排序 //把第一张牌放在左手 //以后拿到每一张牌的时候,和左手的牌进行依次比较(一般来说我们的习惯是从后往前比较),如果当前的牌比倒数第一张小,在继续往左比...一直到遇到当前的牌已经比手里的某张牌大了,则把这张牌插入到某张牌的后面(某张牌下一张牌的前面) function insertSort...原创 2018-02-28 11:51:33 · 253 阅读 · 0 评论 -
工厂模式
<script> function createJsPerson(name,age) { var obj ={}; obj.name = name; obj.age = age; obj.writeJs = function () { cons...原创 2018-02-28 11:52:35 · 79 阅读 · 0 评论 -
构造函数模式
<script> //工厂模式 function createJsPerson(name, age) { var obj = {}; obj.name = name; obj.age = age; obj.writeJs = fu...原创 2018-02-28 11:53:04 · 154 阅读 · 0 评论 -
选择table中的第三行第三列
HTML部分<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no,原创 2018-04-11 16:33:54 · 2153 阅读 · 0 评论