全栈攻略

1 . 首先要安装n这个版本控制器npm i -g n 如果这一步成功了就接着走哈,但是博主试了,大多数是安装不成功的,可以用另一个命令来试试哈 npm i -g n --force, 然后你会惊奇的发现n已经安装完成了输入 n 命令可以看到当前安装的node 版本2 . 接下来就要安装你想安装的版本啦,有下面三种方法提供安装n latest安装node最新版本n stable 安装node稳定版本n 10.0.0安装node.12.0.0版本(也就是n后面跟你想要安装的版本号就可以啦),

例如：[1, [2, 3, [4, 5, [6, 7], 8]], 9].flat(2) 得到 [1, 2, 3, 4, 5,[ 6, 7],8,9]直接上代码：Array.prototype.flat = function (dep = 1) { return this.reduce((acc, val) => { return acc.concat(Array.isArray(val) && dep > 0 ? val.flat(--dep

它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。vue 修饰符.sync的功能是：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。...

这就需要重新写一下element-ui的message直接 main.js 中重写即可import { Message} from 'element-ui';let messageInstance = null;const overrideMessage = (options) => { if(messageInstance) { messageIns...

报警信息：There is no tracking information for the current branch.Please specify which branch you want to rebase against.原因： 是因为本地的develop分支和远程的develop没有建立关联导致的解决方法：git branch --set-upstream-to=origi...

修改 .gitmodules 文件中对应模块的url属性;使用 git submodule sync 命令，将新的URL更新到文件.git/config；再使用命令初始化子模块：git submodule init最后使用命令更新子模块：git submodule update大功告成， git submodule sync 命令很重要！！！少了这一步就是坑。PS：未来的你，一定会感...

element-ui 中dialog居中 .el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; ...

在React开发中，我们快速/频繁的切换两个组件，可能会遇到如下问题：Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subsc...

在React实际项目开发中，我们通常会遇到给标签添加动态类的需求常规写法：如：show为真时，才添加 ‘hidden’ 类<div className={ ['warehouse',(show)&&'hidden'].filter(Boolean).join(' ')}> /div>弊端：如果很多动态类的时候，写法很不优雅，不易于维护，可读性差等...

众所周知，前端打印的API只有window.print()，而我们要实现自动打印和批量打印，甚至连获取本地电脑的打印机有哪些都无法获取到。难道，前端对此真的无能为力吗？答案是 否定 ！Lodop 由此诞生，有人说她是Web打印控件的“终结者”，因为接触“她”后再不想别的“她”。 那我们就来揭开这神秘都面纱！一，首先我们要改造Lodpo的源代码文件为适合Vue/React/Angular等框架如...

如：import { Button } from ‘antd’; 的写法是引入了 antd 下所有的模块，这会影响应用的网络性能。一，可以通过以下的写法来按需加载组件。import Button from 'antd/es/button';import 'antd/es/button/style'; // 或者 antd/es/button/style/css 加载 css 文件二，可以...

在 React 中，数据是自顶而下单向流动的，即从父组件到子组件。所以就存在父子组件之间的通信的必要性了。父组件.jsximport React from 'react';import Child from './child'class Father extends React.Component { constructor(props){ super(prop...

本文主要介绍axios封装和配置项目全局loading效果一、axios之封装 （vue版本）1.首先 创建axios实例let instance = axios.create({ timeout: 1000 * 60, baseURL: process.env.API_ROOT // 配置环境地址});2.设置post请求头 默认配置（根据实际项目需求配置）instance.d...

react官方脚手架创建的项目默认是隐藏webpack的配置的，我们要配置不同环境的不同通用请求接口地址，就要暴露webpack配置，执行命令 npm run eject执行完之后，就会多c出下面几个文件找到scripts目录下的build.js ,这个文件默认打包构建的正式环境的复制一份build.js,并命名为testBuild.js,这个是我们配置为打包构建测试环境，并且把no...

封装异步加载路由组件asyncComponent.jsximport React from 'react';/** * 异步加载组件 * @param {*} importComponent */export default function asyncComponent(importComponent) { class AsyncComponent extends Rea...

后台管理系统中,table表格是最常用的，而且权限控制到按钮颗粒度的时候，要控制操作列的按钮，所以决定封装一下，方便使用1.新建一个Table.vue文件 <template> <div> <el-table v-loading="dataSource.loading" style="width: 1...

react项目需要支持国际化，推荐插件“react-intl-universal”，原因是“react-intl”存在一些“致命”缺陷，官网有介绍。下面具体介绍一下这款插件的详细使用1. 安装 npm install react-intl-universal --save2. 初始化 语言配置2.1. 配置语言包json配置文件项目根目录新建配置文件如上图2.2 英文配置文件 ....

1. ES6 Set实现去重 （ES6最常用） let unique = (arr) => [...new Set(arr)]2. indexOf实现去重 let array = [8, 8, '8','9']; function unique(array) { var res = []; for (let i = 0, len = array.length...

例如：180000000.123转化为180,000,000.123function commafy(num){ return num && num .toString() .replace(/(\d)(?=(\d{3})+\.)/g, function($1, $2){ return $2 + ','; }); }PS：未来的你...

1.匹配特定数字：^[1-9]d*$　 　 //匹配正整数^-[1-9]d*$ 　 //匹配负整数^-?[1-9]d*$　　 //匹配整数^[1-9]d*|0$　 //匹配非负整数（正整数 + 0）^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0）^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数^-([1-9]d*.d*|0.d*[1-9]d*)$...

我们做的最多的业务场景是去重，今天遇到的需求是找出数组对象中重复的项直接上代码：let arr = [ {id: 1, sku: 101, name: 'sku101'}, {id: 2, sku: 102, name: 'sku102'}, {id: 3, sku: 103, name: 'sku103'}, {id: 4, s...