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 的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理再问双向数据绑定原理，来面试的同学大都会认为是一回事，那么这里我们就说一下二者的区别。 响应式原理是Vue的核心特性之一，数据驱动视图，我们修改数据视图随之响应更新，蓝狮注册就很优雅~ Vue2.x 是借助 Object.defineProperty() 实现的，而 Vue3.x 是借助 Proxy 实现的，下面我们先来看一下2.x的实现。 Object.defin ...

大家好，我是前端西瓜哥，今天我们来看看 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 中的“无法读取未定义的属性‘push’”错误。 当您尝试对旨在包含数组但实际上包含未定义值的变量调用 push() 方法时，会出现 JavaScript 中的“无法读取未定义的属性‘push’”错误。 这可能是由多种原因引起的： 对变量调用 push() 方法，而无需先使用数组对其进行初始化。对数组元素而不是数组本身调用 push() 方法。对先前设置为未定义的变量调用 push() 方法。对不存在或值为 undefined 的对象属性调用 push() 方法。我们将在本文中探讨所有这些可能原因的实用解决方案。 在变量上调用 pus ...

面试题事情是这样的，我在看别人的面经的时候，看到了一道题：如何交换两个变量的值，蓝狮官网不用第三方变量。 我一开始想着，这不是很简单吗？ var a = 1var b = 2 var temp = bb = aa = temp这不就实现了两个变量的交换吗？但是我突然看到后面的限制条件：蓝狮注册不用第三方变量。 我擦。。。现在的面试题都这样了吗？这样有什么意义吗？但是我还是想了想怎么去实现这道面试题，毕竟，八股文也挺重要的。。 方法1、解构赋值使用ES6的数组解构赋值方法，实现两个变量的互换 [a, b] = [b, a]2、加法、减法首 ...

大家好，我是 CUGGZ。 html 是 Web 开发的基石，下面来分享一些鲜为人知但很有用的 HTML 属性！ 1、inputmodeinputmode 全局属性是一个枚举属性，蓝狮官网它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。 该属性可以取以下值： none： 不使用虚拟键盘，这个时候页面需要使用自定义的键盘代替。text： 默认值，会显示标准输入键盘。decimal： 小数表示键盘，除了数字之外可能会有小数点 . 或者千分符逗号 。numeric： 显示0-9的数字键盘。tel： 手机数字键盘，会有星号 * 或者井号 # 键。search： 提交 ...

谈到前端开发，reactJS是目前最受欢迎的选择之一。下面列出的是最常问到的ReactJS面试题。从易到难，让我们看一下五个高频面试题。 为什么不使用angular 而要使用React呢？使用React构建动态网络应用更简单，因为它编码少功能多，但对于JavaScript应用程序，代码往往会变得复杂。 由于在React应用中使用了虚拟dom，网络应用的速度会更快。蓝狮官网虚拟DOM不会更新实际DOM中的所有组件，而是分析其先前的状态，只更新那些已经改变的组件。 换句话说，每个React项目的构件可以通过使用组件创建新的构件来重新使用。为了节 ...

vue中的插槽相信使用过Vue的小伙伴或多或少的都用过，但是你是否了解它全部用法呢？本篇文章就为大家带来Vue3中插槽的全部用法来帮助大家查漏补缺。 什么是插槽简单来说就是子组件中的提供给父组件使用的一个坑位，蓝狮官网用 表示，父组件可以在这个坑位中填充任何模板代码然后子组件中就会被替换成这些内容。比如一个最简单插槽例子 //父组件 //子组件Child子组件中的 便是父组件放在子组件标签之间的内容。当然这之间你可以传入任何代码片段，都会被放到这个位置。 同样的你也可以在标签之间放入变量，比如： ...

经常可以看到某些网站网页上的文字无法被选中，出了js控制，通过css样式user-select和z-index两个属性都可导致无法复制文字 user-selectuser-select，通过css user-select属性则设置是否允许选取元素的文本，蓝狮注册该CSS有四个属性值auto：默认。根据浏览器规则走none：禁止选取文本text：文本可被用户选取all：单击选中 z-index设置元素的层叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的上方将一个透明的全屏尺寸div z-index顺序设置为最高，那么底层的文字就无法被复制了z-index属性 auto：默认。 ...

作为开发人员找到我的第一份工作花了我几个月的时间，经过数百封拒绝邮件，我终于得到了面试机会。我被问了很多问题来测试我的编程能力，其中一些是基础的，但其中一些问题，在短暂的面试期间对我来说并不是那么容易弄清楚。我在这里，我分享一些我面试中遇到的问题，以便我们可以一起学习和成长。 如果你对我的回答有任何疑问，或者如果你有比我更好的解决方案，请在留言区告诉我。 1、console.log(1 < 2 < 3) 返回什么？应该是从左到右求值，所以问题基本上相当于console.log(1 < 2)和console.log(2 < 3)。 ...