- 博客(59)
- 收藏
- 关注
RSS订阅原创 扩展运算符
// 扩展运算符能将数组转换为逗号分隔的参数序列 // 声明一个数组 const star = ['燕池','eson','judy']; // 声明一个函数 function platform(){ console.log(arguments) } platform(...star)//等价 platform('燕池','eson','judy') // 扩展运算符的应用 // 1.数组的合并 const phoenix = ['玲花','曾毅'];.
2020-07-23 18:31:23
263
原创 函数参数的默认值设置 rest参数
// Es6 允许给函数参数赋值初始值// 1.形参初始值 具有默认值的参数// 一般位置要靠后（潜规则）function add(a,b,c=100){return a + b + c;}let res = add(1,2)//103let res1 = add(1,2,3)//6 // 2.与解构赋值结合 function connect({host,username,password,port}){ console.log(host,username) } conn
2020-07-23 17:55:04
634
原创 箭头函数
// 声明一个函数 let es5 = function(){} let es6 = (a,b) => { return a + b; } // 调用函数 let res = es6(1,2); // console.log(res) // 1.this是静态的，this始终指向函数声明时 // 所在作用域下的this的值 function getName(){ console.log(this.name); } let getN..
2020-07-23 16:31:06
158
原创 ES6 解构赋值 模板字符串
// ES6 允许按照一定模式从数组和对象中提取值 // 对变量进行赋值。这被称为**解构赋值** // 1.数组的解构 const STAR = ['王菲','陈奕迅','燕池','张学友']; let [wang,chen,yan,zhang] = STAR; // console.log(wang,chen,yan,zhang) // 2.对象的解构 const singer = { name: '燕池', age : 20, song:functio..
2020-07-23 15:06:06
148
原创 let
// es6 let // 声明变量 let a; let b,c,d; let e = 100; let f = 200, g = 'hello', h = []; // **1.变量不能重复声明** // let star = '克里斯丁'; // let star = 'judy'; // console.log(star); // Identifier 'star' has already been declared // **2.块级作用域** ..
2020-07-23 14:21:21
103
原创 vue组件 $children $refs和$parent $root
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-07-17 09:13:25
205
原创 组件 子传父（$emi(fun,parms)）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-07-17 09:09:16
331
原创 组件 父子通信 父传子（props）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-07-17 09:07:12
177
原创 vue 组件data必须是函数
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-07-17 09:03:14
132
原创 v-model 修饰符
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-06-08 00:29:10
127
原创 v-model原理 与radio checkbox使用
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-06-07 23:19:47
352
原创 JS addEventListener 冒泡
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-06-03 09:35:09
221
原创 var与let 在window下面的区别
//var与let在window下面的区别varage=28;letages=18;//console.log(window.age);//28//console.log(window.ages);//undefined/*ES5声明变量只有两种方式：var和function。ES6有let、const、import、class再加上ES5的var、function共有六种声明变量的方式。还需要了解顶层对象：浏览器环境中顶层对象是...
2020-06-02 14:01:14
513
原创 js06对象
//===========对象=============//对象是一组无序的相关属性和方法的集合。//所有的食物都是对象，ex字符串数组函数等//========创建对象的方法=======//1.利用字面量创建对象varobj={name:'李清照',age:18,sayHi:function(){console.log('hello');...
2020-06-01 09:39:23
281
原创 js05 作用域
//==========作用域================/*就是代码名字在某个范围内起作用和效果目的：提高程序的可靠性更重要的是减少命名冲突*///js的作用域（es6）之前：全局作用域、局部作用域//------------1全局作用域--------//整个script标签或者是一个单独的js文件//----------2局部作用域------------//函数作用域只在函数内部起效果和作用varnum...
2020-05-31 17:35:26
130
原创 js04函数
//=============js函数==================/*封装了一段可以重复执行调用的代码块目的：就是让大量代码重复使用（代码的复用性）*///求任意两个数之间的和varsum=0;for(leti=1;i<=100;i++){sum+=i;}//console.log(sum);functiongetSum(num1,num2){...
2020-05-31 17:34:29
291
原创 js03 数组
//================数组====================//一组数据的集合//1..创建数组//a。。new创建//vararr=newArray();//创建了一个空的数组//b。。利用数组字面量创建数组//vararr1=[];//2..获取数组元素arr[index]vararr=['string',false,10,null,undefined,'last'];...
2020-05-31 17:32:51
118
原创 js循环 for switch while do while continue break
//================js循环==============//循环的目的：可以重复执行某些代码，通常跟计数有关//1..==========for========/*a.初始化变量通常用于作为计数器使用b.条件表达式用来决定每一次循环是否继续执行就是终止条件c.操作表达式对计数器变量进行更新（递增或递减）for(初始化变量;条件表达式;操作表达式){循环体}*/...
2020-05-31 11:25:57
154
原创 js02 js运算符 流程控制语句 if else、switch
//js运算符流程控制语句ifelse、switch//------------递增/递减------------------varnum=1;++num;//前置递增num++;//后置递增console.log(num);//3/*前置递增和后置递增如果单独使用，效果是一样的开发时，大多使用后置递增后置递增口诀：先返回原值后自加1前置：先自加后运算*/varage=10;...
2020-05-30 17:35:14
142
原创 js01变量数据类型
//1.输入输出语句/*prompt('whatisyourname');输入框alert('hello');对话框console.log('world');*///2.变量：本质：变量是程序在内存中申请的一块用来存放数据的空间。（类似酒店的房间）//声明变量本质是去内存申请空间//变量的初始化声明变量并赋值/*varage=17;varmyName=prompt("...
2020-05-30 17:31:46
170
原创 js判断字符串是否包含http
1 正则var str=new RegExp("http");str.test("httpadfsd");//test方法返回值为(true或者false)2 indexOf();var newStr=str.indexOf("http"); if(newStr==0){ console.log("字符串是以http开头的！") } if(new...
2019-03-05 20:12:06
6028
转载 滚动条挤占内容宽度、破坏布局
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1
2018-11-30 22:50:18
1865
原创 CSS3去除移动端点击元素时产生的高亮背景色
在手机浏览器中浏览网页时 ,点击页面中的按钮或者是具备点击事件的元素，就会出现一个默认的高亮框可以用一个简单的css3属性来解决：tap-highlight-color，最好加上webkit浏览器前缀。-webkit-tap-highlight-color: rgba(0,0,0,0);/*CSS3去除手机浏览器按钮点击出现的高亮框*/ -webkit-tap-highlight-...
2018-11-14 17:58:27
1104
原创 JS 返回上一页及返回上一页并刷新
window.history.go(-1); //返回上一页window.history.back(); //返回上一页//如果要强行刷新的话就是：window.history.back();//刷新当前页 window.location.reload(); window.location.go(-1); //刷新上一页在当前界面修改数据，返回上一页后需要刷新数据wind...
2018-11-07 15:58:37
16055
转载 HTML中label的使用方法
如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 有两种使用方法：方法1：<label for="userName">用户名：</label><input type="text" id="userName"/> 方法2：<label>用户名：&a
2018-11-05 23:55:27
717
原创 移动端浏览器 meta标签
<meta charset="utf-8"> <meta name="keyword" content=""> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content
2018-10-29 18:19:45
435
原创 layer 关闭当前弹窗 关闭遮罩层 input值获取不到
弹出某个层时需要给层取名（赋值）var = ggLayer = layer.open({ type: 1, content: $('.choose-gg').html(), anim: 'up', style: 'position:fixed; bottom:0...
2018-10-29 00:52:23
3362
原创 移动端左右滑动
.slide-item.active{ color:#63bfde;}.slide-box{ display: -webkit-box; overflow-x: auto; -webkit-overflow-scrolling:touch; /*ios*/}.slide-item{ width: 50%; height: 1...
2018-08-12 01:06:06
651
翻译 html meta标签
<meta charset="utf-8"><!-- 声明文档使用的字符编码 --> <title></title> <!--keywords(关键字) 用于告诉搜索引擎，你网页的关键字 --> <meta name="keywords" content=""> <
2018-06-06 14:15:31
123
原创 css 未知宽高的元素实现水平方垂直居中
<!DOCTYPE html><html><head> <title></title></head> <style type="text/css"> .parent{ display: table; height:300px; width: 300px; backg
2018-05-22 18:52:35
230
转载 JS中的call() apply()
每个函数都包含两个非继承而来的方法：call()方法和apply()方法。相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。唯一区别是apply接受的是数组参数，call接受的是连续参数。1.call()语法...
2018-05-15 22:03:32
224
1
转载 JS的堆和栈
一、 基本类型和引用类型首先JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。1、基本类型 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的。 基本类型：简单的数据段，存...
2018-05-15 20:43:14
5831
2
转载 JavaScript中的JS引擎的执行机制
一. JavaScript是单线程的JavaScript语言的一大特点就是单线程, 通俗点说就是, 同一个时间只能做一件事.二. JavaScript为什么需要异步 ?如果JavaScript中不存在异步, 只能自上而下执行, 如果上一行解析时间很长, 那么下面的代码就会被阻塞.对于用户而言, 阻塞就意味着 "卡死", 这样就导致了很差的用户体验.所以, JavaScript中存在异步执行三. 那...
2018-05-15 16:35:05
190
原创 js 时间戳转换成时间
function formatDate(now) { var year=now.getFullYear(); var month=now.getMonth()+1; var date=now.getDate(); var hour=now.getHours(); var minute=now.getMinutes(); var second=now.getSeconds(); ret...
2018-05-02 16:21:22
1146
原创 vue v-for 注意事项
<!DOCTYPE html><html><head> <title></title> <meta charset="UTF-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"&
2018-04-25 22:40:01
364
转载 js根据银行卡号进行判断属于哪个银行并返回银行卡类型
在做绑定银行卡，输入银行卡的时候，产品有这么一个需求，需要用户输入银行卡号的时候，显示对应的银行卡名称及简称。于是苦苦寻觅，终于找到了支付宝的开放API，银行卡校验接口 https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=6222005865412565805&cardBinCheck=true ,直接放在浏览器...
2018-04-25 14:28:30
2785
原创 vue v-clock
<!DOCTYPE html><html><head> <title></title> <meta charset="UTF-8"> </head><style type="text/css"> [v-clock]{ display: none;
2018-04-19 23:35:14
3415
原创 Vue双向数据绑定 条件渲染
<!DOCTYPE html><html><head> <title></title> <meta charset="UTF-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"&
2018-04-19 23:32:08
205
原创 PC端页面如何调用QQ进行在线聊天
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1178754016&amp;site=qq&amp;menu=yes">QQ在线咨询</a>//1178754016 qq号<a href="tencent://message/?uin=1178754016&
2018-04-13 16:31:00
866
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人