- 博客(57)
- 收藏
- 关注
RSS订阅原创 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
原创 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
原创 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
原创 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
原创 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
原创 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
原创 js基础----构造函数
构造函数是一个普通函数，创建方式跟普通函数没有区别不同的是： 构造函数首字母大写 调用方式不同 普通函数直接调用，构造函数需要用 new 关键字调用function Person(){}var per = new Person();console.log(per);构造函数执行流程： 1.立即创建一个新的对象 ...
2019-09-26 00:14:39
79
原创 js基础----关于this
解析器在调用函数时都会向函数内部传递进一个隐含的参数thisthis指向的是一个对象，这个对象称为 函数执行的上下文对象根据函数调用方式不同，this会指向不同的对象 1.以函数的形式调用时，this就是window fuction fun(){ console.log(this); } ...
2019-09-25 19:53:58
91
原创 js基础----变量和函数的声明提前
变量的声明提前： 使用var 关键字声明的变量，会在所有代码执行前被声明（但不会被赋值） 如果声明变量不使用var的话，变量不会被提前声明函数的声明提前： 使用函数声明方式创建的函数 （如 function fun（）{} ），会在所有的代码执行之前被创建 但是 var fun2 = function()...
2019-09-25 19:34:18
145
原创 js基础----全局作用域与局部作用域
作用域指的是一个变量的作用范围分为全局作用域和函数作用域全局作用域： 直接编写在script标签里的js代码，都是全局作用域 在页面打开时创建，页面关闭时销毁 在全局作用域中，window是全局对象，代表是浏览器窗口， window它由浏览器创建，我们可以直接使用...
2019-09-25 19:34:02
227
原创 js基础----对象的方法（method），对象的属性值可以是任何数据，包括函数，for in 枚举对象属性
函数可以是对象的属性如果一个函数作为一个对象的属性保存那么我们称这个函数叫做这个对象的方法调用函数就是调用这个函数的方法（method）var obj = { name:"叮当"， age:"123", address：function(){ console.log("对象的方法"); }}对象的属性值可以是任何数据类型，...
2019-09-25 13:57:03
942
原创 js基础----立即执行函数
/* 有的函数只用一次，如果把它保存在变量里有些浪费内存 函数定义完立即被调用，这种函数叫立即函数，往往只执行一次 前面的（）代表这个函数是个整体，不用赋值变量，后面的（）代表函数执行（就像fun（）一样） 实际参数也是咋这个括号里*/(function(a,b){ console.log("只执行一次的匿名函数...");})(1,2)...
2019-09-25 13:47:25
100
原创 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
原创 js基础----创建函数的方式
函数 Function：函数也是一个对象创建一个函数对象：1 可以将封装的代码以字符串的形式传递给构造函数（一般不用） var fun = new Function("console.log('函数')"); 封装函数会在函数调用时执行 fun();2 函数声明创建函数: function fun2(){ 语句...
2019-09-25 00:20:21
66
原创 js基础----基本数据类型和引用数据类型（整理自尚硅谷视频）
基本数据类型：string number Boolean null undefined应用数据类型：objectjs中的变量都是保存在栈内存中 基本数据类型的值直接在栈内存中存储 值与值之间独立存在，修改一个变量不会影响其他变量对象是保存在堆内存中，每创建一个新对象，就会在堆内存中开辟一个新的空间变量保存的是内存地址（对象引用）即指针...
2019-09-24 21:45:34
90
原创 js基础----Object对象(整理自尚硅谷视频)
Object 是引用类型，属于一种复合的数据类型，在对象中可以保存多个数据类型的属性String Number Booleannull undefined 是基本数据类型，所创建的变量是独立的，不能成为整体对象的分类： 内建对象 由ES标准中定义的对象，在任何的ES中都能使用比如：Math String Number...宿主对象由js的运行环境提供的对象，目前...
2019-09-23 23:11:31
138
原创 js基础----测试程序性能
/* 测试程序性能 * 在程序开始前，使用 console.time("计时器名称") 来开启一个计时器 */console.time("test");for(){ ....}console.timeEnd("test");/* 终止计时器 * 使用 console.timeEnd("计时器名称") 来结束相同字符串参数的计时器 */...
2019-09-23 22:39:48
81
原创 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
原创 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
转载 DOM操作造成的卡顿
前端性能优化（DOM操作篇）前端页面卡顿？或是DOM操作惹的祸，需优化代码性能优化(一)：迭代DOM真的很慢吗？前端页面卡顿、也许是DOM操作惹的祸？...
2019-01-28 20:48:52
1547
转载 10、以js为例解释按值传递和按引用传递
JS参数传递（值传递和引用传递） 以js为例解释按值传递和按引用传递JavaScript的值传递和引用传递的区别 https://blog.csdn.net/lznsay/article/details/79234381 ...
2019-01-12 12:54:56
150
原创 9、图片的异步加载与onload函数 、 Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
学习链接：搞清Image加载事件(onload)、加载状态(complete)后，实现图片的本地预览，并自适应于父元素内(完成)图片的异步加载与onload函数Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结...
2019-01-09 15:54:57
575
原创 8、类型转换valueOf()、toString（）区别、typeOf（）
valueOf()、toString（）区别 typeOf（） valueOf()如果存在任意原始值，它就默认将对象转换为表示它的原始值；对象是复合值，而大多数对象无法真正表示为一个原始值，因此默认的valueOf()方法简单地返回对象本身，而不是返回一个原始值toString（）toString() 方法可把一个逻辑值转换为字符串，并返回结果。根据原始布尔值或者 b...
2019-01-07 21:40:39
343
原创 7、css3中的box横向自适应布局、flex布局、横向滚动
1、移动web开发实践-css3（1）盒模型display:-webkit-box;的使用2、自适应布局webkit-box的用法3、css3中webkit-box的用法css display:box 新属性4、css display:box 新属性5、Flex 布局语法教程<!DOCTYPE html><html lang="en"><h...
2018-12-26 17:48:47
3330
原创 5、CSS设置单行文字溢出部分省略号代替
.userName{ display: inline-block; max-width: 69%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; }<p> <span class="userName">...
2018-12-24 12:48:55
129
原创 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
原创 4、工作总结--jquery的json对象与字符串之间转换
工作中用到在本地做个json传递给后天，但是首先要把json对象转化为字符串json对象到字符串JSON.stringify(obj)json字符串到json对象JSON.parse(string)
2018-12-19 23:55:35
164
原创 3、jq动画执行过程中不让重复点击（即执行完动画后点击）
$(".btnoff").click(function(){ var offbtnStatus = false;//初始化状态，给状态false，不让连续点击 if(offbtnStatus){//如果状态为真，说明函数未执行完，return跳出 return; } offbtnStatus = true;//赋值给状态为true $(".b...
2018-12-11 19:49:40
1415
原创 1、css隐藏y轴滚动条仍能滚动
父元素par设置高度加overflow：hidden子元素child加overflow：scroll可以使用.child::-webkit-scrollbar{ display: none;}或者给child加padding-right：.5rem
2018-12-11 19:42:50
9467
1
转载 为什么layer中弹出层内容点击事件不起作用（动态渲染出的button无法点击）
1.click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的2.而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件 不起作用：$('#test').on('click', function() {lay...
2018-11-06 19:22:54
3913
1
转载 vscode 插件推荐 - 献给所有前端工程师（更新与2018.8.1）
通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索Debugger for Chrome让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，真666~ 配置稍微复杂一些，...
2018-10-23 21:52:01
2356
原创 个人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
原创 个人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
原创 个人js学习实例-下拉菜单onchange
html：<select name="" id="demo"> <option value="01">吉祥01</option> <option value="02">吉祥02</option> <option value="03"&
2018-08-16 22:19:48
2362
1
转载 关于setInterval只执行一次的原因
我在做一个demo的时候发现的，之前可能遇到过到时没有记住，也没有写下原因。setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。以下是我的demo片段。js代码：function arrow(){$(".arrow-box .arrow1").animate({top:'-20px'},2000,function () {$(".arrow...
2018-08-16 14:49:07
1120
原创 个人js学习实例-点击按钮实现按钮背景色变化以及相对应的div变化
效果：代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box {
2018-08-14 22:49:06
3066
原创 个人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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人