
前端
全栈攻略
欢迎关注微信公众号:【 全栈攻略 】
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
mac升级node版本 n这个版本控制器不需要本地卸载再安装
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后面跟你想要安装的版本号就可以啦),原创 2020-11-12 15:58:08 · 571 阅读 · 0 评论 -
为数组新增一个flat方法(浏览器不支持的话),可以将一个数组打平,并支持传入最深的层级数,得到打平对应层级的新数组
例如:[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原创 2020-11-05 15:46:44 · 412 阅读 · 0 评论 -
vue 修饰符.sync的使用
它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。vue 修饰符.sync的功能是:当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中所绑定。...原创 2020-03-23 19:21:33 · 268 阅读 · 0 评论 -
解决:如何让Element UI的Message消息提示每次只弹出一个
这就需要重新写一下element-ui的message直接 main.js 中重写即可import { Message} from 'element-ui';let messageInstance = null;const overrideMessage = (options) => { if(messageInstance) { messageIns...原创 2020-03-07 16:52:26 · 4529 阅读 · 2 评论 -
解决:There is no tracking information for the current branch. Please specify which branch you want to
报警信息: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...原创 2020-02-14 15:37:35 · 7454 阅读 · 0 评论 -
Git 修改.Submodule文件 url 生效
修改 .gitmodules 文件中对应模块的url属性;使用 git submodule sync 命令,将新的URL更新到文件.git/config;再使用命令初始化子模块:git submodule init最后使用命令更新子模块:git submodule update大功告成, git submodule sync 命令很重要!!!少了这一步就是坑。PS:未来的你,一定会感...原创 2020-02-13 22:12:30 · 9953 阅读 · 2 评论 -
element-ui 中dialog居中
element-ui 中dialog居中 .el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; ...原创 2020-01-13 11:34:39 · 8028 阅读 · 0 评论 -
解决 React componentWillUnmount中卸载异步操作,防止内存泄漏
在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...原创 2019-12-18 23:11:42 · 6032 阅读 · 0 评论 -
React添加动态类名写法 推荐 classnames 这个库
在React实际项目开发中,我们通常会遇到给标签添加动态类的需求常规写法:如:show为真时,才添加 ‘hidden’ 类<div className={ ['warehouse',(show)&&'hidden'].filter(Boolean).join(' ')}> /div>弊端:如果很多动态类的时候,写法很不优雅,不易于维护,可读性差等...原创 2019-11-06 17:34:37 · 5620 阅读 · 0 评论 -
前端实现自动打印 批量打印
众所周知,前端打印的API只有window.print(),而我们要实现自动打印和批量打印,甚至连获取本地电脑的打印机有哪些都无法获取到。难道,前端对此真的无能为力吗?答案是 否定 !Lodop 由此诞生,有人说她是Web打印控件的“终结者”,因为接触“她”后再不想别的“她”。 那我们就来揭开这神秘都面纱!一,首先我们要改造Lodpo的源代码文件为适合Vue/React/Angular等框架如...原创 2019-10-24 11:16:41 · 31145 阅读 · 9 评论 -
antd按需加载
如:import { Button } from ‘antd’; 的写法是引入了 antd 下所有的模块,这会影响应用的网络性能。一,可以通过以下的写法来按需加载组件。import Button from 'antd/es/button';import 'antd/es/button/style'; // 或者 antd/es/button/style/css 加载 css 文件二,可以...原创 2019-10-22 11:35:00 · 9457 阅读 · 0 评论 -
react父子组件通信
在 React 中,数据是自顶而下单向流动的,即从父组件到子组件。所以就存在父子组件之间的通信的必要性了。父组件.jsximport React from 'react';import Child from './child'class Father extends React.Component { constructor(props){ super(prop...原创 2019-10-18 15:24:40 · 7507 阅读 · 1 评论 -
vue axios封装和公共全局loading配置 合并loading请求效果 避免重复请求
本文主要介绍axios封装和配置项目全局loading效果一、axios之封装 (vue版本)1.首先 创建axios实例let instance = axios.create({ timeout: 1000 * 60, baseURL: process.env.API_ROOT // 配置环境地址});2.设置post请求头 默认配置(根据实际项目需求配置)instance.d...原创 2019-08-16 10:59:13 · 18682 阅读 · 4 评论 -
react项目webpack4配置正式环境接口地址和测试环境接口地址
react官方脚手架创建的项目默认是隐藏webpack的配置的,我们要配置不同环境的不同通用请求接口地址,就要暴露webpack配置,执行命令 npm run eject执行完之后,就会多c出下面几个文件找到scripts目录下的build.js ,这个文件默认打包构建的正式环境的复制一份build.js,并命名为testBuild.js,这个是我们配置为打包构建测试环境,并且把no...原创 2019-09-24 00:08:01 · 12275 阅读 · 3 评论 -
react 封装异步加载路由公共组件
封装异步加载路由组件asyncComponent.jsximport React from 'react';/** * 异步加载组件 * @param {*} importComponent */export default function asyncComponent(importComponent) { class AsyncComponent extends Rea...原创 2019-09-25 00:16:14 · 7588 阅读 · 0 评论 -
vue封装element中table组件
后台管理系统中,table表格是最常用的,而且权限控制到按钮颗粒度的时候,要控制操作列的按钮,所以决定封装一下,方便使用1.新建一个Table.vue文件 <template> <div> <el-table v-loading="dataSource.loading" style="width: 1...原创 2019-09-26 22:13:24 · 11998 阅读 · 4 评论 -
react国际化中英文切换
react项目需要支持国际化,推荐插件“react-intl-universal”,原因是“react-intl”存在一些“致命”缺陷,官网有介绍。下面具体介绍一下这款插件的详细使用1. 安装 npm install react-intl-universal --save2. 初始化 语言配置2.1. 配置语言包json配置文件项目根目录新建配置文件如上图2.2 英文配置文件 ....原创 2019-09-28 00:27:00 · 11376 阅读 · 1 评论 -
JavaScript数组去重方法
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...原创 2019-10-08 12:48:36 · 7261 阅读 · 0 评论 -
将浮点数点左边的数每三位添加一个逗号(‘,‘)
例如:180000000.123转化为180,000,000.123function commafy(num){ return num && num .toString() .replace(/(\d)(?=(\d{3})+\.)/g, function($1, $2){ return $2 + ','; }); }PS:未来的你...原创 2019-10-08 14:35:43 · 7503 阅读 · 0 评论 -
js正则表达式语法大全
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*)$...原创 2019-10-11 00:16:01 · 10209 阅读 · 0 评论 -
找出数组对象(json数组)中重复的项
我们做的最多的业务场景是去重,今天遇到的需求是找出数组对象中重复的项直接上代码:let arr = [ {id: 1, sku: 101, name: 'sku101'}, {id: 2, sku: 102, name: 'sku102'}, {id: 3, sku: 103, name: 'sku103'}, {id: 4, s...原创 2019-08-24 10:50:20 · 10847 阅读 · 0 评论