![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
qq_41320857
这个作者很懒,什么都没留下…
展开
-
JavaScript之原型
原型的作用:数据共享 ,继承 目的都是:为了节省内存空间1.解决数据共享,节省内存空间<script> function Person(name,age) { this.name=name; this.age=age; } //通过原型来添加方法,解决数据共享,节省内存空间 Person.prototype.eat=fu...原创 2018-07-28 14:33:32 · 201 阅读 · 0 评论 -
JavaScript之作用域,作用域链和预解析
变量包括:全局变量,局部变量在JAvaScript中,函数中定义的变量是局部变量作用域:就是变量的使用范围,分为:局部作用域和全局作用域js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用作用域链:变量的使用,从里向外,层层的搜索,搜索到了就可以直接使用了var num=10; //作用域链 级别:0 var num2=20; var ...原创 2018-08-02 17:24:51 · 243 阅读 · 0 评论 -
JavaScript之高阶函数(函数作为参数使用,函数作为返回值使用)
函数作为参数使用函数作为参数的时候,如果是命名函数,那么只传入命名函数的名字,没有括号//函数作为参数的时候,如果是命名函数,那么只传入命名函数的名字,没有括号function f1(f2) { setInterval(function () { console.log("定时器开始"); f2(); console.log("定时器...原创 2018-08-02 16:32:27 · 1310 阅读 · 0 评论 -
JavaScript之apply方法,call方法,bind方法
apply和call作用:改变this的指向 不同的地方:参数传递的方式是不一样的只要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用apply或者是call的方法改变this的指向apply的使用语法* 函数名字.apply(对象,[参数1,参数2,...]);* 方法名字.apply(对象,[参数1,参数2,...]);* call的使用语法...原创 2018-08-02 11:20:43 · 227 阅读 · 0 评论 -
JavaScript之创建对象的不同方式
1 字面量创建对象//字面量的方式创建对象 var obj={ age:10, sex:"男", sayHi:function () { console.log("您好,十一过的快乐吗"); } };2 调用系统的构造函数//调用系统的构造函数创建对象 var obj2=new Object()...原创 2018-08-02 09:21:39 · 109 阅读 · 0 评论 -
JavaScript之函数的不同调用方式
普通函数://普通函数 function f1() { console.log("文能提笔控萝莉"); } f1();构造函数://构造函数---通过new 来调用,创建对象 function F1() { console.log("我是构造函数,我骄傲"); } var f=new F1();对象的方式:...原创 2018-08-01 21:23:18 · 172 阅读 · 0 评论 -
JavaScript之函数中的this和严格模式
函数中的this的指向普通函数中的this是谁?-----window//普通函数 // function f1() { // console.log(this); // } // f1();定时器方法中的this是谁?----window//定时器中的this // setInterval(functio...原创 2018-08-01 21:18:07 · 244 阅读 · 0 评论 -
JAvaScript之函数声明和函数表达式的区别
1 函数声明和函数表达式函数声明//函数的声明 function f1() { console.log("我是函数"); } f1();函数表达式(推荐使用)//函数表达式 var ff=function () { console.log("我也是一个函数"); }; ff();函数声明和函数表达式的区...原创 2018-08-01 20:41:15 · 453 阅读 · 0 评论 -
JavaScript之继承
1 面向对象编程思想:根据需求,分析对象,找到对象有什么特征和行为,通过代码的方式来实现需求,要想实现这个需求,就要创建对象,要想创建对象,就应该显示有构造函数,然后通过构造函数来创建对象.,通过对象调用属性和方法来实现相应的功能及需求,即可2 JS不是一门面向对象的语言,JS是一门基于对象的语言3 面向对象的编程语言中有类(class)的概念(也是一种特殊的数据类型),但是JS不是面向对...原创 2018-08-01 20:30:03 · 111 阅读 · 0 评论 -
jQuery元素的几种创建与添加
添加元素的几种方法(1)通过.append()父级元素.append(创建好的子级元素)//在父级元素div中追加一个子元素//父级元素.append(创建好的子级元素)$("div").append($("<a href='http://www.baidu.com'>百度</a>"));(2)通过.appendTo()创建好的子级元素.appen...原创 2018-08-05 17:53:36 · 4343 阅读 · 0 评论 -
jQuery之元素样式设置的方法
给div设置样式,常用的有三种方法:(1)普通方法,适用于一个两个样式//普通方法 $(function () { $("#btn").click(function () { $("#dv").css("width","200px"); $("#dv").css("height"原创 2018-08-04 21:19:23 · 1062 阅读 · 0 评论 -
jQuery之操作元素(其中包括DOM操作元素)
DOM中获取元素的方式 //根据id·获取元素document.getElementById("id属性值");//根据标签名字获取元素document.getElementsByTagName("标签名字");//根据name属性获取元素(一般指表单标签)document.getElementsByName("name属性的值");//根据类样式获取元素document.g...原创 2018-08-04 11:39:35 · 228 阅读 · 0 评论 -
jQuery(一)
DOM对象与jQuery对象的互转问题DOM对象转jQuery对象//此时btn为DOM对象,不能调用jQuery方法 var btn=document.getElementById("btn"); //DOM对象转jQuery对象 $("btn").click=function () { console.log("小仙女"); };j...原创 2018-08-04 10:32:14 · 122 阅读 · 0 评论 -
JavaScript之局部变量变为全局变量
简而言之:对象的前面加上“windo.”即可另局部变量变为全局变量。案例: //通过自调用函数产生一个随机数对象,在自调用函数外面,调用该随机数对象方法产生随机数 (function (window) { function Random() { } //在原型对象中添加方法 Random.prototype.get...原创 2018-07-30 19:38:50 · 1339 阅读 · 0 评论 -
JavaScript之贪吃蛇小案例
模拟贪吃蛇小游戏在写代码之前,先分析项目1 地图属性:宽,高,背景颜色!!因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流--css需要设置:宽,高,背景颜色,脱标2 食物-----div元素elements----存储div的数组(便于以后删除,删除食物的div的时候,先从map中删除div,再从数组中删...原创 2018-07-30 19:20:21 · 417 阅读 · 0 评论 -
javaScript之创建函数的方式(以及实例对象和构造函数的关系)
对象:特指的某个事物,具有属性和方法(一组无序的属性的集合)特征---->属性行为---->方法小苏:------>姓名,性别,年龄,吃,睡觉,玩创建对象几种方式:1 字面量的方式 //实例对象 var per1={ name:"卡卡西", age:20, sex:"男", eat:function () { ...原创 2018-07-27 10:06:39 · 1085 阅读 · 0 评论 -
JAvaScript之闭包按钮点赞案例
Scriprt代码://获取所有的按钮 //根据标签名字获取元素 function my$(tagName) { return document.getElementsByTagName(tagName); } //闭包缓存数据 function fn() { var value=2; return fu...原创 2018-08-02 20:31:33 · 1093 阅读 · 0 评论