{代码...}

{代码...} 关键分析：1.arr1 ∈ arr2.遍历arr1，将每项的id设置为对象的key3.遍历arr，输入没有值的项

1.VUE文件只定义组件，以及模板中所需要的回调方法（例如@click等）。2.useInit.js，只定义监听器、计算属性、生命周期等，相当于VUE2的watch、compute、mounted(等等)等，但用到的方法和依赖的均来源于useTools.js。3.useTools.js，只定义依赖和方法，相当于VUE2的data、props、methods。4.VUE文件从useInit.js中获取模...

（1）单向数据流的问题：Vue希望子组件中注册的props只能被使用不能被修改。（2）大量使用$parent隐式的调用父组件中的数据或方法，导致代码可读性很差。（3）将父组件中的公共方法抽离到一个class中（调用的地方不对会导致一些问题）、或者通过export逐个导出，同样可读性、可维护性、扩展性都不怎么样。其实这就是组件...

2.解决方案箭头函数绑定了父级作用域的上下文，从而不会拿到Vue实例。所以在使用watch设置监听的时候，handler函数不应该使用箭头函数。

1.问题重现：在实际开发中通过点击事件触发弹窗，动态展示模板内容。项目中有已经写好的html结构，不想在vue中重新写一套。2.尝试：最开始想到的办法是插值表达式，结果一用就错，插值表达式会将写好的html模板解释成字符串，并不会以html结构去展示例如： {代码...} 然后希望通过设置innerHTML去操作，但是结构深代码过...

问题如下：解决方案：项目下新建vue.config.js并添加以下代码： {代码...}

前言1.本文章以学习记录为目的，如果文章中存在问题请及时指出。原文链接：面试助力：算法101：JavaScript描述2.学会本章节内容能够让你对原理的掌握更上一层，也能让编码能力更上一层3.在本文中我会简单描述我的思考，拿到每一道题的时候（以现有的能力）做出怎样的分析。4.本文中会以我的思考结果而尝试实现，而最终的...

part1：有效的字母异位词心路历程：尝试：1.第一步：判断是否为整数？是否超出长度范围？是否包含符号位？2.第二步：翻转3.第三步：处理是否最高位为0？是否需要拼接符号位？代码如下：可以看到，按照我分析的思路，以及我现在能够熟练使用的一些方法，已然是自以为是的将它实现了。接下来看看最终答案是什么吧。终极解...

1.理解题意：整数、32位、有符号、反转每位数字2.看懂示例：以上三个示例分别描述了反转、保留符号、去零（如果最高位为0则只保留其他字符）。3.注意：描述了取值范围，超出范围则返回0

引用：[链接]1. 任意对象转JSON格式字符串2. JSON格式字符串还原成原来对象Keep foolish, keep hungry.

需求在工作时有这样一个需求，就是点击预览按钮浏览pdf文件。要求点击按钮后打开一个新页面（文件地址）。解决方案 {代码...} 没错只需要这一行代码：1.第一个参数：文件地址（[链接]）2.第二个参数：target属性的值Keep foolish, keep hungry.

1.首先有一个等待拼接的数组对象，2.然后可以将要拼接的具体的值或数组对象传入，3.如果传入的是具体的值则直接推到等待拼接的数组；如果传入的是数组则遍历该数组将其每一个元素都推到等待拼接的数组中，4.如果传入的是两个及以上的值或数组则重复第三步。

先封装个方法： {代码...} 实操：切换时间：全部转换成秒 {代码...} 效果：Keep foolish, keep hungry.

在工作中遇到了管理员配置角色菜单的需求：假设，用户登陆系统后有一个系统管理模块，而点击系统管理默认被定位到角色管理菜单。但是要求除管理员外的其他用户不展示角色管理菜单。管理员通过设置，向后端传递的值中不包含角色管理（设置后端路由，取消其他用户的角色管理菜单）。此时其他用户登陆并进入系统管理模块后...

1.Date对象月份从0开始，即0表示1月份，以此类推。2.由于JavaScript中day的范围为1~31中的值，所以当设为0时，会向前 一天，也即表示上个月的最后一天。

好久没分享了，最近太忙了，攒了一堆问题。引用自：[链接]v-for的key或表格rowkey发生重复抛出的是一个警告，原本没太在意，然而在排查是不停的debugger发现问题确实出在这里。原因就是结构中rowkey的值发生重复。所以在使用rowkey或v-for的key时必须要确保其唯一性，否则出现问题时就需要很长时间去进行排查。排查的多...

在工作时，处理后端传来的一棵树，偶然发现最后生成的数组存在重复的值。这种时候，当然是要和后端进行交流的。虽然在前端也可以处理，但是如果这棵树也被使用到其他地方，那就需要多次处理，显然前端对数组进行去重是不合理的。但去重的方法也需要掌握，于是有了这篇文章。

什么是重写，说白了就是使用现有的知识探究某个方法的底层实现，而重写的过程就是你对这些方法深入理解的过程。只有理解的足够深刻，才能将其模拟出来。

左思右想还是决定再加一章，这章主要介绍路由的原理实现，并且会使用代码模拟VueRouter的原理。我学习前端的感觉是，框架有很多，会用就可以。但设计的思想却值得我们去研究，因为这才是框架的灵魂，以及真正的智慧所在。其实在使用框架的时候我们不难发现，有些命令或者方法我们用的多了甚至能猜出它的设计思想以及实现...

先来模拟一个场景：细心的朋友能够发现，右侧的滚动条在跳转后仍然在原来的位置。而我们通常见到的切换路由后，滚动条默认停留在页面顶部。那么为什么会停留在原来的位置呢？因为我们使用vue创建的是一个单页面的应用，所以只有一个html文件，不管你的路由怎样变化，展示的页面始终是那一个html。

在使用ant-design-vue的cascader时，发现清空内容的功能没有用，查阅官方文档也并没有找到相关的解决方案。然后找到了这样的内容：

本篇为使用导航守卫和路由元信息编写的demo，用途是做拦截和询问，本篇中涉及的知识在上篇及上几篇中均有详细说明。如果对于某些知识不是很了解可以到前面的篇章中学习，或者留言给我。源码地址：[链接]clone时切换到分支6.导航守卫拦截，具体操作：

草图。。。导航守卫就像是学校门口的保安。模拟从家到学校的过程，如果有学生证那么就能进入学校；如果没有学生证或丢失等可以办理学生证再进入学校；如果没有还不办理，那就拜拜：所以导航守卫有点像是一个拦截器，如果符合条件则跳转，如果不符合条件则取消。

1.命名视图1.1 不命名是什么效果： {代码...} 看看结果：为什么会这样？因为三个路由视图渲染的是同一个组件。1.2 命名视图怎么用：router.js： {代码...} app.vue： {代码...} 效果：值得注意的是这里必须使用复数形式：总结需要使用命名视图的场景并不多，但需要用到的时候要会配！Keep foolish, keep hungry.

1.编程式的导航1.1 两个属性1.2 使用场景很多web应用都会在header区域的左边放置一个LOGO，通常情况点击这个LOGO就会使页面跳转到首页。接下来实现它： {代码...} 来看效果：那么编程式怎么做呢，先来看看$router是个什么： {代码...} 点击事件触发后，看看输出：可以看到，$router是一个路由实例对象。并且它身上有很多...

本章介绍路由的三个相关知识点，如标题。路由是开发中很重要的一环，学习路由不仅要能读懂路由，还要写清楚路由。这样一来不论是未来维护别人的代码，或者别人维护你的代码，都能够更加便利。

1.前端路由是单个页面的路由，比如www.abc.com/user/:id，当然后端路由也可以实现这个。后端路由是整个应用的路由，比如www.abc.com/user, www.abc.com/product。而且有时候你看到的url说不定与后端请求的url不同。

1.什么是异步组件：2.异步组件的使用：子组件： {代码...} 父组件： {代码...} 看看效果：现在使用一个按钮来控制组件的加载： {代码...} 看效果：虽然初始状态没有展示这个组件，但其实webpack已经将该组件打包并且在父组件中加载进来了。在app.js中能够找到它：由于我们在点击按钮前并不需要加载这个组件，所以继续改...

3.关于参数以及过滤器串联：传入的参数val就是当前过滤器管道前的值，例如filterA的管道前是content，而filterB的管道前是filterA：过滤器还可以传入参数，但第一个参数永远是管道前的值：结果：