Javascript
刘吉祥
远方不仅有诗
展开
-
js基础----筛选出数组中大于15的元素给新的数组(数组元素筛选)
// 选出数组中大于15的数字 /* 1.肯定遍历数组进行比较 2.var 一个新的数组 arrNew 进行储存大于15的元素 3.var 一个 变量 j 作为 arrNew 的索引值 */ var arr = [ 1,3,5,7,6,8,15,16,60,2,6,8,44]; var arrNew = []; var j = 0; for ( var i = 0 ; i <= arr.leng...原创 2020-07-20 21:47:08 · 2568 阅读 · 0 评论 -
js基础----立即执行函数
/* 有的函数只用一次,如果把它保存在变量里有些浪费内存 函数定义完立即被调用,这种函数叫立即函数,往往只执行一次 前面的()代表这个函数是个整体,不用赋值变量,后面的()代表函数执行(就像fun()一样) 实际参数也是咋这个括号里*/(function(a,b){ console.log("只执行一次的匿名函数...");})(1,2)...原创 2019-09-25 13:47:25 · 100 阅读 · 0 评论 -
js基础----函数参数
//a和b是形参,形参是不确定代入的数是什么,调用函数时输入的数字代入赋值给形参function fun(a,b){ var sum = a+b; console.log("sum = " + sum); //return后面的就是函数的执行结果,return后的所有语句都不会执行 return sum; }//1和2是实参,给函数明确的数字作为参数...原创 2019-09-25 00:36:57 · 98 阅读 · 0 评论 -
js基础----创建函数的方式
函数 Function:函数也是一个对象创建一个函数对象:1 可以将封装的代码以字符串的形式传递给构造函数(一般不用) var fun = new Function("console.log('函数')"); 封装函数会在函数调用时执行 fun();2 函数声明创建函数: function fun2(){ 语句...原创 2019-09-25 00:20:21 · 66 阅读 · 0 评论 -
js基础----Object对象(整理自尚硅谷视频)
Object 是引用类型,属于一种复合的数据类型,在对象中可以保存多个数据类型的属性String Number Booleannull undefined 是基本数据类型,所创建的变量是独立的,不能成为整体对象的分类: 内建对象 由ES标准中定义的对象,在任何的ES中都能使用比如:Math String Number...宿主对象由js的运行环境提供的对象,目前...原创 2019-09-23 23:11:31 · 138 阅读 · 0 评论 -
js基础----测试程序性能
/* 测试程序性能 * 在程序开始前,使用 console.time("计时器名称") 来开启一个计时器 */console.time("test");for(){ ....}console.timeEnd("test");/* 终止计时器 * 使用 console.timeEnd("计时器名称") 来结束相同字符串参数的计时器 */...原创 2019-09-23 22:39:48 · 81 阅读 · 0 评论 -
js基础----循环语句标记
/* * 可以为循环语句创建一个lable,来标识当前的循环 * 这时候break后面跟着标识循环语句的lable,这样就可以跳出指定的循环,而不是break最近的循环 */outer:for(var i = 0; i < 5; i++){ console.log("i循环++++++"+i); for(var j = 0; j < 5; ...原创 2019-09-23 22:21:19 · 739 阅读 · 0 评论 -
js基础----强制类型转换 toString()string() Number() parseInt() parseFloat()
number类型转化为string类型 var a = 123;调用toString()方法 ; b = a.toString(); null和undefined没有toString这个方法,使用会报错调用string()函数 b = a.string(a); 实际...原创 2019-09-21 22:09:23 · 2716 阅读 · 0 评论 -
JavaScript事件属性event.target
JavaScript事件属性event.target转载 2019-03-14 17:18:39 · 191 阅读 · 0 评论 -
js基础----对象的方法(method),对象的属性值可以是任何数据,包括函数,for in 枚举对象属性
函数可以是对象的属性如果一个函数作为一个对象的属性保存那么我们称这个函数叫做这个对象的方法调用函数就是调用这个函数的方法(method)var obj = { name:"叮当", age:"123", address:function(){ console.log("对象的方法"); }}对象的属性值可以是任何数据类型,...原创 2019-09-25 13:57:03 · 942 阅读 · 0 评论 -
js基础----全局作用域与局部作用域
作用域指的是一个变量的作用范围分为全局作用域和函数作用域全局作用域: 直接编写在script标签里的js代码,都是全局作用域 在页面打开时创建,页面关闭时销毁 在全局作用域中,window是全局对象,代表是浏览器窗口, window它由浏览器创建,我们可以直接使用...原创 2019-09-25 19:34:02 · 227 阅读 · 0 评论 -
js基础----变量和函数的声明提前
变量的声明提前: 使用var 关键字声明的变量,会在所有代码执行前被声明(但不会被赋值) 如果声明变量不使用var的话,变量不会被提前声明函数的声明提前: 使用函数声明方式创建的函数 (如 function fun(){} ),会在所有的代码执行之前被创建 但是 var fun2 = function()...原创 2019-09-25 19:34:18 · 145 阅读 · 0 评论 -
js基础----数组的去重(重复的数字)
var arr = [1,2,4,5,8,6,7,5,3,4,2,4,2,3,1];//去除数组中重复的数字//获取数组中的每个元素for( var i = 0; i < arr.length; i++){ //获取当前元素后面的所有元素 for( var j = i+1; i < arr.length; j++){ //判断是否...原创 2019-09-30 23:11:57 · 677 阅读 · 0 评论 -
js基础----数组(Array)操作 splice(); slice();
var arr = [0,1,2,3,4];slice(); 不会改变原数组,将截取到的元素封装到一个新数组中返回 从数组中截取出指定的元素 arrayObject.slice(start,end); start必需,(开始位置的索引,包含开始索引)规定从何处开始截取,若果为负数,从数组尾部开始算起的位置, end 可选...原创 2019-09-30 22:52:29 · 218 阅读 · 0 评论 -
js基础----数组(Array) 的遍历,for(); forEach();
var arr = [1,3,5,7,9];for(var i = 0; i < arr.length; i++){ console.log(arr[i]);}forEach() 只支持 ie8+ 需要一个函数作为参数(回调函数) 数组中有多少元素就执行多少次回调函数, 每次执行时浏览器会将遍历出的函数以实参的形式传...原创 2019-09-27 21:42:59 · 187 阅读 · 0 评论 -
js基础----数组(Array)的操作方法 push(); pop(); unshift(); shift();
var arr = [1,2]push();向数组末尾添加一个或多个元素,并返回数组新的长度 能添加一个arr.push(3);能添加多个 var result = arr.push(4,5,6);console.log(result);//返回的长度是6pop();删除数组最后一个元素,返回被删除的元素var result = arr.pop(arr)...原创 2019-09-27 21:21:13 · 291 阅读 · 0 评论 -
js基础----数组(Array)
数组也是一个对象,用来存储一些值普通对象是使用字符串作为属性名数组(Array)使用数字作为索引(index)来操作元素索引(index)是从 0 开始的整数数组元素可以是任意数据类型 var arr = ["hahahha",null,1,true,null,undefined];可以是对象: var arr = [{name:"略略略"},{nam...原创 2019-09-26 00:46:08 · 117 阅读 · 0 评论 -
js基础----构造函数
构造函数是一个普通函数,创建方式跟普通函数没有区别不同的是: 构造函数首字母大写 调用方式不同 普通函数直接调用,构造函数需要用 new 关键字调用function Person(){}var per = new Person();console.log(per);构造函数执行流程: 1.立即创建一个新的对象 ...原创 2019-09-26 00:14:39 · 79 阅读 · 0 评论 -
js基础----关于this
解析器在调用函数时都会向函数内部传递进一个隐含的参数thisthis指向的是一个对象,这个对象称为 函数执行的上下文对象根据函数调用方式不同,this会指向不同的对象 1.以函数的形式调用时,this就是window fuction fun(){ console.log(this); } ...原创 2019-09-25 19:53:58 · 91 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
js中的事件委托或是事件代理详解转载 2019-03-14 15:33:14 · 88 阅读 · 0 评论 -
DOM操作造成的卡顿
前端性能优化(DOM操作篇)前端页面卡顿?或是DOM操作惹的祸,需优化代码性能优化(一):迭代DOM真的很慢吗?前端页面卡顿、也许是DOM操作惹的祸?...转载 2019-01-28 20:48:52 · 1547 阅读 · 0 评论 -
9、图片的异步加载与onload函数 、 Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
学习链接:搞清Image加载事件(onload)、加载状态(complete)后,实现图片的本地预览,并自适应于父元素内(完成)图片的异步加载与onload函数Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结...原创 2019-01-09 15:54:57 · 575 阅读 · 0 评论 -
个人js学习实例-鼠标经过隔行变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>隔行变色</title> <!--引用bootstrap--> <link rel=&q原创 2018-08-13 21:17:25 · 237 阅读 · 0 评论 -
个人js学习实例-点击按钮实现按钮背景色变化以及相对应的div变化
效果:代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box {原创 2018-08-14 22:49:06 · 3066 阅读 · 0 评论 -
个人js学习细节- 实现点击按钮复制文本框中文本到剪切板中的方法
主要代码:<textarea name="text" id="text" cols="30" rows="10"></textarea><button onclick="myCopy()">点击复制文本框内的内容</button><br><scri转载 2018-07-31 19:34:40 · 759 阅读 · 0 评论 -
个人js学习细节 - 数组遍历增加class类名
html:<ul> <li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li> <li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li> <li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li> <li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li>原创 2018-07-29 00:01:41 · 3887 阅读 · 0 评论 -
个人js学习细节 - 数组的两种声明方式和for遍历
数组声明的两种方式: var arr01 = ["二哈","松狮","沙皮","柯基"]; var arr02 = new Array("老虎","狮子","狗子");遍历: var arr01 = ["二哈","松狮","沙皮","柯基"];原创 2018-07-28 23:24:01 · 233 阅读 · 0 评论 -
个人js学习细节 - getElementsByTagName获取某类元素及遍历实现点击切换文字
<script> window.onload = function () { //getElementsByTagName这里获取的是li的全部元素同时放在数组lis,存储获取的所有li var lis = document.getElementsByTagName("li"); //getElem...原创 2018-07-28 22:05:37 · 2754 阅读 · 0 评论 -
js点击实现显示和隐藏效果
1、html结构<img src="images/xingxing.jpg" alt="" id="img"><button id="btn_show" > 显示</button><button id="btn_hidden"> 隐藏</button原创 2018-07-12 22:49:38 · 37169 阅读 · 3 评论 -
关于js获取id的函数封装
函数(function)指的是有事件驱动或者当他被调用的可重复执行的代码块儿平时在写原生js时都要获取对象id等,但是大部分我们要获取的对象很多,这样一个一个的获取对象id就显得十分笨拙,在实践项目里也是十分浪费时间和精力的,所以函数封装就显得十分重要了一般我们获取对象都是: var obj01 = document.getElementById("obj01"); v...原创 2018-07-16 22:33:51 · 2607 阅读 · 0 评论 -
个人js学习实例-求数组的平均值
<script> //求数组的平均值 var arr = [1,2,3,4,5,6]; //建立一个名为avg参数魏array的函数 var avg = function (array) { //将array的长度赋给len var len = array.length; var sum = 0; ...原创 2018-08-13 21:33:36 · 12748 阅读 · 0 评论 -
个人js学习实例-点击按钮实现全选与反选,及封装函数调用前后
原始:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, in原创 2018-08-13 22:29:37 · 859 阅读 · 0 评论 -
关于setInterval只执行一次的原因
我在做一个demo的时候发现的,之前可能遇到过到时没有记住,也没有写下原因。setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。以下是我的demo片段。js代码:function arrow(){$(".arrow-box .arrow1").animate({top:'-20px'},2000,function () {$(".arrow...转载 2018-08-16 14:49:07 · 1120 阅读 · 0 评论 -
8、类型转换valueOf()、toString()区别、typeOf()
valueOf()、toString()区别 typeOf() valueOf()如果存在任意原始值,它就默认将对象转换为表示它的原始值;对象是复合值,而大多数对象无法真正表示为一个原始值,因此默认的valueOf()方法简单地返回对象本身,而不是返回一个原始值toString()toString() 方法可把一个逻辑值转换为字符串,并返回结果。根据原始布尔值或者 b...原创 2019-01-07 21:40:39 · 343 阅读 · 0 评论 -
10、以js为例解释按值传递和按引用传递
JS参数传递(值传递和引用传递) 以js为例解释按值传递和按引用传递JavaScript的值传递和引用传递的区别 https://blog.csdn.net/lznsay/article/details/79234381 ...转载 2019-01-12 12:54:56 · 150 阅读 · 0 评论 -
6、js控制,设置图片跟随窗口(主要是根据高度变化)大小变化,按比例缩放
html:<div class="container"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1545633786675&di=1b43ca4fe89c44cc06b026d21f646e91&imgtype=0...原创 2018-12-24 12:47:12 · 2029 阅读 · 0 评论 -
3、jq动画执行过程中不让重复点击(即执行完动画后点击)
$(".btnoff").click(function(){ var offbtnStatus = false;//初始化状态,给状态false,不让连续点击 if(offbtnStatus){//如果状态为真,说明函数未执行完,return跳出 return; } offbtnStatus = true;//赋值给状态为true $(".b...原创 2018-12-11 19:49:40 · 1415 阅读 · 0 评论 -
4、工作总结--jquery的json对象与字符串之间转换
工作中用到在本地做个json传递给后天,但是首先要把json对象转化为字符串json对象到字符串JSON.stringify(obj)json字符串到json对象JSON.parse(string)原创 2018-12-19 23:55:35 · 164 阅读 · 0 评论 -
个人js学习总结-数组字符串的转换join()、split()
<script> //contat()用于链接两个及以上数组,但不改变现有的数组,仅仅返回被连接数组的一个副本 var arr01 = [1,2,3]; var arr02 = ["a","b","c"]; arr01.contat(arr02); //结果为[1,2,3,"a","b","c"] //数组转化为字符 //joi原创 2018-08-16 23:14:57 · 1516 阅读 · 0 评论 -
个人js学习总结-数组内容的添加和删除的方法-push()、unshift()、pop()、shift()
<script> var arr = [1,2,3,4,5]; //添加数组内容 //1、使用push()可以向数组的末尾添加一个及一个以上的元素,并返回新的长度,把6放到最后面 arr.push(6); console.log(arr.push(6));//返回的是数组的长度 console.log(arr); //2、使用unshit()可以向数组的开...原创 2018-08-16 22:47:07 · 3707 阅读 · 0 评论