在使用树形节点或级联组件时常常会碰到根据id处理数据的情况，蓝狮注册开户下面为大家简单介绍关于节点递归增删改查方法 1.根据目标id删除指定节点 /** 根据目标id删除指定节点@param {*} list 数据源@param {*} targetId 目标id*/function deleteNodeById(list, targetId) {if (!list) returnlist.forEach((item, index) => {if (item.id === targetId) {list.splice(index, 1)return} else {if (Array.isArray(item.children) && item.children.length) {deleteNodeById(item.children, targetId)}}})}2.根据 ...

提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程” “一种新的数据结构” “更新时调度机制”等关键词。 但如果被问： 有react fiber，为什么不需要 vue fiber呢；之前递归遍历虚拟dom树被打断就得从头开始，为什么有了react fiber就能断点恢复呢；本文将从两个框架的响应式设计为切入口讲清这两个问题，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。 什么是响应式无论你常用的是 react，还是 vue，“响应式更新”这个词肯定都不陌生。 响应式，直观来说就是 ...

大家好，我是前端西瓜哥。 之前写了一篇关于 JS 中 bind 方法的实现 的文章，并给出了实现： Function.prototype.myBind = function(thisArg, …prefixArgs) {const fn = this;return function(…args) {return fn.call(thisArg, …prefixArgs, …args);}}但没有处理 通过 new 创建实例 的情况。 因为很少会遇到给 bind 返回的函数做 new 操作的场景，所以我没去考虑这种特殊情况。 但面试中还是会涉及到的，我们还是实现一下兼容 new 操作的 bind 写法，蓝狮注册顺便学习一下 new 操作符。 因为存在一定上下文，在阅 ...

背景今天在 陌陌 脉脉 看到一个帖子，讲到前端 三大浪漫 . 一、富文本编辑器富文本编辑器市面上已经有很多优秀的开源版本了，但是问题在于每个产品的富文本编辑器需求不一样，所以可能导致有一些时候需要手撸编辑器 例如: Draft.jsSlate.jswangEditor这些富文本编辑器还有衍生出他们的针对不同框架的版本，例如react，还有一些插件。感兴趣的可以去github搜索给个star,方便以后用得上 作者当时手写过桌面软件的富文本编辑器（Electron,类似微信的聊天编辑器），蓝狮注册痛苦得很，要控制光标、焦点，复制粘贴，适配 ...

在 App 开发中，我们总会遇到使用 WebView 的情况， 比如 我们打开了 网页A，然后点击 A 中的链接跳转到 B。如果这个时候，我们按一下系统的返回键，预期的应该是 返回A，而不是推到一个 Native 页面。 但事实就是，如果你没有经过特殊处理，那么很有可能就不是预期的效果(B –> A)。不过还在我们只需要简单修改代码，就能解决。 再次明确一下，我们的预期 如果 webview 有可以回退的历史，当系统返回按键点击后，蓝狮注册开户进行 webview 历史回退否则执行 系统回退，返回上一个 native界面用到的核心代码WebViewCo ...

一、基础vuex是一个专为Vue.js应用程序开发的状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，每一个Vuex应用的核心是store（仓库）。蓝狮注册开户为了使用Vuex，首先需要安装该包，执行如下命令完成该安装过程。 npm install vuex@next –save 二、核心概念Vuex中核心概念主要有五个：State、Getters、Mutations、Actions、Modules，每一部分都有自己的功用，下面先来看一段简单的代码，该代码中涉及到了这些核心概念，然后在该代码的基础上进一步理解。 ...

一、 啥？ npm add 和 npm install 完全等价注意：是完全等价！ 如果你试图在 npm 官方搜索 npm add 这个指令，你会发现这个指令似乎根本不存在，如下图： 那我们平时使用的 npm add vue@latest –save 又是什么鬼？ 其实， npm add 是 npm install 的 别名 之一，所以当我们执行 npm add 时，蓝狮注册对于 npm 来说完完全全等同于执行了 npm install ! 下次，你可以试试 npm install vue@latest –save 了 如你所知， npm install 还有另一个常见的别名： npm i ; 二、啥？ npm isntall 、 npm ins ...

async && await概念async使用async关键字声明的函数，是AsyncFunction构造函数的实例，在async函数体内，可以使用await接收promise实例async和await关键字，在开发过程中，可以简洁地去做一些异步操作。awaitawait操作符接受一个Promise 对象，蓝狮注册并且只能和异步函数async function搭配使用。await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。若 Promise 正常处理 (fulfilled)，其回调的 resolve 函数参数作为 await 表达式的值，继续执行若 Promise 处理异常 (rejected)，await 表达式会把 ...

对vue项目来说，组件是构成项目的基本单元，为了方便理解，这里定义两类组件：页面组件，功能组件。为什么需要划分这两类组件是从组件复用来考虑的。 我们知道在复杂应用中，页面状态管理早已不是早期的简单的子父组件的传值，兄弟组件传值。而当我们寻求到vuex这种状态管理来处理组件间状态管理的时候，我们同样也对使用vuex的组件失去了复用的可能。 为什么失去了复用的可能？我们知道是用第三方状态管理就意味着状态丢给了第三方，而我们的组件依赖第三方状态管理的时候，单个组件就不足以仅把组件复用，还必须根据该组 ...

前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久刚装了油猴插件，就想：自己给编辑器注入一个按钮用来添加小尾巴如何？ 在使用油猴之前，使用过一个叫“User JavaScript and css”的插件，可以对特定的网页注入脚本和样式。不过这个插件在 Edge 市场中没有，只能从 Chrome 市场安装，安装有点困难。后来又去 Edge 市场中找到一个“Page Manipulator”也能实现类似的功 ...