随着项目的日渐迭代，项目整体的代码量也会越来越多，从而导致项目体积越来越大；在webpack时代，很多人会对历史项目（巨型项目）感到头疼，因为往往巨型项目在本地开发调试的时候会因为本地代码的修改触发HMR热更新重载页面，然而这一过程在Webpack的运行机制中显得很慢，并且是随着项目越大，热更新的速度也会越慢； Webpack热更新慢的问题可以通过 babel-plugin-dynamic-import-node 插件来得到明显改善，或者通过手动实现动态按需加载（修改entry为当前项目中需要编译的部分或模块）亦可大幅提升热更新速度； 热更新构 ...

大家好，我是前端西瓜哥。 最近买了台新的笔记本，重新装了一些软件，这次就说说怎么在 git 中配置用户信息吧。 当我们安装了 git 后，一件非常重要的事情就是配置我们的用户名和邮箱地址，因为我们提交代码到远端服务器需要通过它们来得知提交者是谁。 查看配置列表在配置用户信息前，我们需要确定自己是否已配置了用户信息。 我们先查看所有的配置： git config –list如果在一个 git 仓库下输入这个命令，蓝狮注册登陆你会得到类似下面的内容： credential.helper=osxkeychaincore.repositoryformatve ...

在日常的开发中，我们经常会需要将数组做扁平化处理，以方便我们的开发，那么如何实现数组扁平化呢？ 首先我们先了解一下数组扁平化的应用场景，数组扁平化一般在一些多维数组的应用中会出现，因为操作多维数组会较为麻烦，因此将多维数组扁平化变为一维数组后，蓝狮注册将大大简化我们对数组的操作，这一节我们就一起来学习一下关于数组扁平化的 6 种方式吧！ 先思考首先，我们还是先带着问题来学习，问题如下： 如何通过最普通的方法来解决数组扁平化问题？ES6 中是否有一些高级的方法能够直接实现数组扁平化？ 数 ...

简单运用逻辑且(&&)：左右必须都满足 true 才返回 true；逻辑或(||)：左右其中一个满足 true 就返回 true。 这样简单的运用是整体返回一个布尔值，蓝狮注册开户适合在语句判断的时候用： let user = localStorage.getItem(“user”); if (user && user.age > 10) {// …}当 user 存在时（即 true），且 user 的 age 字段大于 10，蓝狮注册if语句得到的布尔值才是 true，第一个条件句才执行。 进阶运用上面都是逻辑且和逻辑或的简单使用，其实它们大有用处，还能简化代码。运算符操作的对象 ...

前言关于作用域的有关知识点有全局作用域、局部作用域、函数作用域、块级作用域、词法作用域、作用域链。 作用域作用域就像是一个教室，上课时教室里面的人互相可见，蓝狮注册开户A 教室里的人不可以看见 B 教室里的人。作用域决定了代码生效的区域以及资源（变量、函数）可见的区域。 function fun() {let a = 20;}(); console.log(a); // Uncaught ReferenceError: a is not defined无法获得fun函数中定义的变量a。 全局作用域全局作用域的范围比其他的作用域的范围更大，蓝狮注册关系就像是一切 JavaScript 对象 ...

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、加法、减法首 ...