【前端学习】2021-3-9

关于div ul li a 之间调整的问题 以及其中的width、display、剧中、position设置
居中对齐的方法
jquery中的stop
$(“p”).stop(false,true);第二个是立即停止还是立即完成,false是立即停止,true是立即完成。第一个是当前动画还是全部动画

1.JavaScript const、let、var

  • ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在 let命令所在的代码块内有效。const 声明一个只读的常量,一旦声明,常量的值就不能改变。
  • 在 ES6 之前,JavaScript只有两种作用域: 全局变量 与 函数内的局部变量。在函数外声明的变量作用域是全局的,在函数内声明的变量作用域是局部的(函数内)。在 ES6之前,是没有块级作用域的概念的。使用 var 关键字声明的变量不具备块级作用域的特性,它在 {} 外依然能被访问到。
  • ES6 可以使用 let 关键字来实现块级作用域。let 声明的变量只在 let 命令所在的代码块 {} 内有效,在 {} 之外不能访问。在函数体内使用 var 和 let 关键字声明的变量有点类似。它们的作用域都是 局部的;在函数体外或代码块外使用 var 和 let 关键字声明的变量也有点类似。它们的作用域都是 全局的。
  • const定义常量与使用let 定义的变量相似:二者都是块级作用域;都不能和它所在作用域内的其他变量或函数拥有相同的名称。
  • 使用var关键字声明的全局作用域变量属于window对象。
    使用let关键字声明的全局作用域变量不属于window对象。
    使用var关键字声明的变量在任何地方都可以修改。
    在相同的作用域或块级作用域中,不能使用let关键字来重置var关键字声明的变量。
    在相同的作用域或块级作用域中,不能使用let关键字来重置let关键字声明的变量。
    let关键字在不同作用域,或不用块级作用域中是可以重新声明赋值的。
    在相同的作用域或块级作用域中,不能使用const关键字来重置var和let关键字声明的变量。
    在相同的作用域或块级作用域中,不能使用const关键字来重置const关键字声明的变量。
    const关键字在不同作用域,或不同块级作用域中是可以重新声明赋值的。
    var关键字定义的变量可以先使用后声明。
    let关键字定义的变量需要先声明再使用。
    const关键字定义的常量,声明时必须进行初始化,且初始化后不可再修改。

2.JavaScript 获取window尺寸

有三种方法能够确定浏览器窗口的尺寸。
  • 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
    window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
    window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
  • 对于 Internet Explorer 8、7、6、5:
    document.documentElement.clientHeight
    document.documentElement.clientWidth
  • 或者
    document.body.clientHeight
    document.body.clientWidth
<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
x=document.getElementById("demo");
x.innerHTML="浏览器window宽度: " + w + ", 高度: " + h + "。"
</script>

3.阻止冒泡

Vue中用事件监听v-on的.stop修饰符:
在这里插入图片描述

4.控制一个元素是否显示

display:none;
visibiliity:hidden;
v-if;当条件为false时,包含v-if指令的元素DOM中直接不存在了
v-show;当条件为false时,v-show只是给我们的元素添加一个行内样式: display: none,元素还存在在DOM中。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

5.按钮的disabled

6.过滤器|

7.ES6的飘号 ` 与引号的区别

在这里插入图片描述

npm init
正则表达式
less scss stylus

箭头函数的this
以及setTimeout中的this,是window?
第一个函数调用是通过call,会把window作为第一个参数传进去。
第二个会向外查找,找到aaa函数作用域,aaa函数是在对象中定义的,用this即用的当前对象。
在这里插入图片描述

vue中history.back、forward、go、以及用前端路由时url中会有#。
在这里插入图片描述
用的时哈希值,用history模式即可
在这里插入图片描述
项目创建时默认模式是哈希模式,所以进行history操作时会有一些小问题。
json handle
vuejs devtools安装

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值