简单运用逻辑且(&&):左右必须都满足 true 才返回 true;逻辑或(||):左右其中一个满足 true 就返回 true。 这样简单的运用是整体返回一个布尔值,蓝狮注册开户适合在语句判断的时候用: let user = localStorage.getItem(“user”); if (user && user.age > 10) {// …}当 user 存在时(即 true),且 user 的 age 字段大于 10,蓝狮注册if语句得到的布尔值才是 true,第一个条件句才执行。 进阶运用上面都是逻辑且和逻辑或的简单使用,其实它们大有用处,还能简化代码。运算符操作的对象 ...
蓝狮注册开户简单理解 JavaScript 的词法作用域
前言关于作用域的有关知识点有全局作用域、局部作用域、函数作用域、块级作用域、词法作用域、作用域链。 作用域作用域就像是一个教室,上课时教室里面的人互相可见,蓝狮注册开户A 教室里的人不可以看见 B 教室里的人。作用域决定了代码生效的区域以及资源(变量、函数)可见的区域。 function fun() {let a = 20;}(); console.log(a); // Uncaught ReferenceError: a is not defined无法获得fun函数中定义的变量a。 全局作用域全局作用域的范围比其他的作用域的范围更大,蓝狮注册关系就像是一切 JavaScript 对象 ...
蓝狮注册开户深入浅出 package.json,目测大多数人不了解它
npm是前端开发人员广泛使用的包管理工具,项目中通过package.json来管理项目中所依赖的npm包的配置。package.json就是一个json文件,除了能够描述项目的包依赖外,允许我们使用“语义化版本规则”指明你项目依赖包的版本,让你的构建更好地与其他开发者分享,便于重复使用。 本文主要从最近的实践出发,结合最新的npm和node的版本,介绍一下package.json中一些常见的配置以及如何写一个规范的package.json package.jsonpackage.json常用属性package.json环境相关属性package.json依赖相关属性package.json三方属性 一、packa ...
蓝狮注册开户不要再搞混Vue的响应式原理和双向数据绑定了
前言之前公司招人,面试了一些的前端同学,因为公司使用的前端技术是 vue ,所以免不了问到其响应式原理和 Vue 的双向数据绑定。但是这边面试到的80%的同学会把两者搞混,通常我要是先问响应式原理再问双向数据绑定原理,来面试的同学大都会认为是一回事,那么这里我们就说一下二者的区别。 响应式原理是Vue的核心特性之一,数据驱动视图,我们修改数据视图随之响应更新,蓝狮注册就很优雅~ Vue2.x 是借助 Object.defineProperty() 实现的,而 Vue3.x 是借助 Proxy 实现的,下面我们先来看一下2.x的实现。 Object.defin ...
蓝狮注册开户TypeScript 中 Type 和 Interface 有什么区别?
大家好,我是前端西瓜哥,今天我们来看看 type 和 interface 的区别。 type 和 interfacetype 是 类型别名,给一些类型的组合起别名,这样能够更方便地在各个地方使用。 假设我们的业务中,id 可以为字符串或数字,蓝狮注册那么我们可以定义这么一个名为 ID 的 type: type ID = string | number;定义一个名为 Circle 的对象结构 type: type Circle = {x: number;y: number;radius: number;}interface 是 接口。有点像 type,可以用来代表一种类型组合,但它范围更小一些,只能描述对象结构。 interface Positio ...
蓝狮注册开户修复 JavaScript 中“无法读取 Undefined 的属性‘push’”错误的 4 种方法
了解如何轻松修复 JavaScript 中的“无法读取未定义的属性‘push’”错误。 当您尝试对旨在包含数组但实际上包含未定义值的变量调用 push() 方法时,会出现 JavaScript 中的“无法读取未定义的属性‘push’”错误。 这可能是由多种原因引起的: 对变量调用 push() 方法,而无需先使用数组对其进行初始化。对数组元素而不是数组本身调用 push() 方法。对先前设置为未定义的变量调用 push() 方法。对不存在或值为 undefined 的对象属性调用 push() 方法。我们将在本文中探讨所有这些可能原因的实用解决方案。 在变量上调用 pus ...
蓝狮注册Vue路由跳转的四种方式用法及区别
一、router-link //name,path都行, 建议用name // 注意:router-link中链接如果是’/’开始就是从根路由开始,蓝狮注册如果开始不带’/’,则从当前路由开始。二、this.$router.push()this.$router.push(‘/home’) this.$router.push({name:’home’}) this.$router.push({path:’/home’})三、this.$router.replace()this.$router.replace(‘/home’) this.$router.replace({name:’home’}) this.$router.replace({path:’/ho ...
蓝狮注册如何使用CSS伪类选择器
总览css选择器允许你通过类型、属性、位于html文档中的位置来选择元素。本教程阐述了三个新选项:is()、:where()和:has()。选择器通常在样式表中使用。下面的示例会找到所有 段落元素并将字重更改为粗体: p {font-weight: bold;}你也可以在JavaScript中使用选择器来找到dom节点: document.querySelector()返回首个匹配的HTML元素。document.querySelectorAll()返回所有匹配的HTML元素,这些元素位于类数组NodeList中。伪类选择器根据HTML元素的当前状态来定位它们。也许最广为人知的是 :hover,它在光标移到一个元素上 ...
蓝狮注册20个实用的JavaScript技巧
JavaScript不断发展壮大,因为它是最容易上手的语言之一,因此为市场上的新“成为技术怪才”打开了大门。(真假的啊?) 的确,JavaScript可以做很多出色的事情!还有很多东西要学习。 而且,无论您是JavaScript的新手还是更多的专业开发人员,学习新知识总是一件好事。 我将介绍一些非常有用的单行代码(20 +奖金),这些单行代码可以帮助您提高工作效率并可以帮助调试代码。 实际上什么是单行代码?单行代码是一种代码实践,其中我们仅用一行代码执行某些功能。01-随机获取布尔值此函数将使用Math.random()方法返 ...
蓝狮注册验证 Vue Props 类型,这几种方式你可能还没试用过!
vue 要求任何传递给组件的数据,都要声明为 props。此外,它还提供了一个强大的内置机制来验证这些数据。这就像组件和消费者之间的契约一样,确保组件按预期使用。 这节课我们来看下这个验证机制,蓝狮官网它可以帮助我们在开发和调试过程中减少 but,增加我们的自信心(摸鱼时间)。 基础原始类型验证基本类型比较简单,这里我们不过多的介绍,直接看下面例子: export default {props: {// Basic type check// (“null “和 “undefined “值允许任何类型)propA: Number,// 多种可能的类型propB: [ ...