本文出现的问题都是在8月阶段实际面试过程中遇到的，大小公司都有涉及，希望能够助力大家金九银十，也希望自己能够顺利找到工作。现在外面大环境的确太难了……文中部分题目提供了参考资料以及自己整理的相关答案，可能不一定是最准确的，大家酌情参考。如涉及到其他文章内容引用没有标明出处的，可以私聊补充更新。

在使用Vue.js中的组合式时，有时你已经有了一个想要使用的ref，而有时你没有。本文将介绍一种模式，让你可以以两种方式使用组合式，从而在编写应用程序时提供更多的灵活性。

在JavaScript中，Intl对象是一个内置对象，它提供了处理国际化（i18n）的API。Intl对象包含了一系列的子对象，其中最常用的三个子对象是：Intl.DateTimeFormat、Intl.ListFormat和Intl.RelativeTimeFormat。下面将分别介绍这三个子对象的作用、使用场景以及使用过程中的注意事项。

很高兴您对 Intl.NumberFormat 感兴趣。Intl.NumberFormat 是一个内置于 JavaScript 的国际化 API，它提供了一种简单的方法来格式化数字，以便在不同语言环境下进行显示。在本篇博客中，我们将详细介绍 Intl.NumberFormat 的使用方法和使用场景，并配以示例代码作为使用说明。

主要内容📝 什么是依赖📤 依赖从哪来🤹 安装到哪儿🎥 版本控制🧑‍💻 哪些需要装，哪些不需要🎨 package-lock.json🛠 npm install 过程回顾什么是依赖有时候，依赖是一堆 可执行的代码 ；有时候，依赖只是 一句声明。1.当我们的业务逻辑中使用到 Vue 时，我们只需要依赖（引入）它，我们就可以使用它的能力 {代码...} 此时，依赖...

让我们聊聊 Vue 3中依赖注入与组件定义相关的那点事儿。主要内容本次分享，我们主要涉及以下内容：📝 provide() & inject() - 依赖注入🛠 nextTick() - 下一个 DOM 更新周期后🎨 组件定义defineComponent() - 组件定义类型推导辅助函数defineAsyncComponent() - 异步组件defineCustomElement() - 原生自定义元素类的构造器p...

JSON（JavaScript Object Notation, JS 对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的 js 规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读...

怎么说呢，其实在过往的大部分项目里面，我并没有引入过状态管理相关的库来维护状态。因为大部分的业务项目相对来说比较独立，哪怕自身功能复杂的时候，可能也仅仅是通过技术栈自身的提供的状态管理能力来处理业务场景问题，比如React中的context，基本都能解决我遇到的问题。

截至目前，Composable(组合式函数)应该是在VUE 3应用程序中组织业务逻辑最佳的方法。它让我们可以把一些小块的通用逻辑进行抽离、复用，使我们的代码更易于编写、阅读和维护。由于这种编写VUE代码的方式相对较新，因此您可能想知道编写组合式函数的最佳实践是什么呢？本系列教程可以作为您和您的团队在进行组合式开发过...

在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，可以使我们的代码更精简、更干净，且非常实用。通过条件判断向对象添加属性 {代码...} 检查对象中是否存在某...

统一资源标识符（Uniform Resource Identifier，URI），允许用户对网络中的资源通过特定的协议进行交互操作。RFC2396文档对Uniform Resource Identifier各部分的定义如下。

Web开发人员都在广泛的使用HTML。无论你使用什么框架或者选择哪个后端语言，框架在变，但是HTML始终如一。尽管被广泛使用，但还是有一些标签或者属性是大部分开发者不熟知的。虽然现在有很多的模版引擎供我们使用，但是我们还是需要尽可能的熟练掌握HTML内容，就像CSS一样。

1.原生H5 video标签 {代码...} 2.第三方插件video.js {代码...} 2.1 支持原生H5 video标签的所有配置参数，并且更加丰富的配置。2.2 多环境兼容性3.业务开发中的场景目前基本表现良好3.1 自动播放实现3.1.1 非微信端目前主要方法是在videojs 的onPlayerReady回调中调用play方法，以及特殊环境下需要用户手动触发3.1.2 微...

在之前发的工具方法文章的留言中有人就关于验证网址的操作时可以使用URL对象，之后有人提到了URLSearchParams这个URL对象接口。由于之前没有接触过，所以搜索了一下具体的用处，发现这个接口的功能很实用，特此整理分享一下。

自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。

Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。

定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。

当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 <my-component-name> 和 <MyComponentName> 都是可接受的。

模版语法 插值 1、Vue.js的数据绑定形式是使用“Mustache”语法（双大括号）的形式，针对Html代码，需要使用v-html指令。 {代码...} 2、Mustache语法不能作用在HTML特性上面，此时需要使用v-bind指令。 {代码...} 指令 1、一些指令能够接收一个“参数”，在指令名称之后以冒号表示，如v-bind。 {代码...} 2、从2.6.0开始，可...

圣诞节为集团活动制作了一款竞速（戳手指）类的H5互动小游戏，在这个的开发过程中第一次体验了Web Worker的功能，感觉还是不错的，整理分享一下。

组件state必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变都可以从state的变化中反映出来；同时，state还必须代表一个组件UI呈现的最小状态集，即state中的所有状态都用于反映组件UI的变化，没有任何多余的状态，也不应该存在通过其他状态计算而来的中间状态。

（1）在React中，事件命名采用驼峰命名方式，而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick，onchange要写成onChange等。

组建从被创建到被销毁的过程称为组件的生命周期。React为组件在不同的生命周期阶段提供了不同的生命周期方法，可以让我们在组件的生命周期过程中更好的控制组件的行为。通常生命周期我们可以分为三个阶段：挂载阶段 -> 更新阶段 -> 卸载阶段

经常的我们在使用地图功能时，会发现在选择一个小区或者一个热门景点的时候，地图上面会给出其边界轮廓，能够方便我们知道其范围大小，有时候在我们使用地图组件的时候，也会面临着类似的需求。比如在地图上面标识出一个商场范围内的热力图，一个热门景点的游览情况等。那么，我们该如何利用地图功能来实现这类效果呢，...

在上面两篇文章中，两位作者都比较详细的分析了柯里化函数的实现方式，特别是冴羽的文章中给出了详细的从零开始实现柯里化函数的方法，在这里我就不再赘述了。

React在渲染出的UI内部建立和维护了一个内层的实现方式，它包括了从组件返回的React元素。这种实现方式使得React避免了一些不必要的创建和关联DOM节点，因为这样做可能比直接操作JavaScript对象更慢一些，它被称之为“虚拟DOM”。

这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。

本篇目录 Proxy Proxy基本概念 常见的Proxy拦截操作 get set has deleteProperty ownKeys Proxy.revocable() Proxy的this问题 Reflect 设计目的 相关方法 Proxy和Reflect实现观察者模式 小结 猪八戒去高老庄找高翠兰，结果高小姐是孙悟空变的,在这个场景中，对于猪八戒来说，孙悟空可以算是高小姐的一个代理，在长相上来...

今天，我们来学习一下ES6中新增的两个数据结构：Set和Map。 Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 创建Set数据结构 {代码...} Set实例的创建可以简单通过new方法来实现，同时可以通过传入一个数组格式的参数来实例化。 size属性 size属性返回Set实例的成员总数 {代码....

最近在学习一些第三方代码，发现里面出现了Symbol字段，由于之前ES6系列梳理有个小暂停，所以本篇开始针对Symbol进行一下学习。 JavaScript 数据类型 在ES6之前，我们所知道的JavaScript 数据类型有： Null Undefined 布尔值（Boolean） 字符串（String） 数值（Number） 对象（Object） 数组（Array） Symbol引入 在我...