木槿之夏

qiankun

1.安装cross-env插件npm install -y -D cross-env2.安装pm2npm install -g pm23.配置启动命令3.配置pm2在项目更目录下建 ecosystem.config.js 文件module.exports = { apps: [{ name: 'pc-website', exec_mode: 'cluster', instances: 'max', // Or a number of instanc

按需要引入elment第一步：安装 babel-plugin-component：npm install babel-plugin-component -D第二步：修改plugins/element.js文件（默认nuxt 有个plugins文件夹，在这个文件夹下新建一个element.js文件）import Vue from 'vue'import { Button, Input } from 'element-ui'Vue.use(Button)Vue.use(Input)第三步

1.全局设置切换路由页面回到顶部在nuxt.config.js：中配置module.exports = { router: { scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } } }}2默认情况下，从当前页面切换至目标页面时，Nuxt.js 会让目标页面滚动至顶部。但是在嵌套子路由的场景下，Nuxt.js 会保持当前页面的滚动位置，除非在子路由的页面组件中将 scrollToTo

最近在写新项目，每次引入scss 都会报错，this.getOptions is not a function @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/s

方法一：var obj = { a: 1, b: 2, c: 3, d: 4, e: 5}如果只需要里面的 a b c 属性var {a, b , c} = objvar obj2 = {a, b , c} 方法二：var obj = { a: 1, b: 2, c: 3, d: 4, e: 5}let {d, e，...obj2} = objconsole.log(obj2);方法三：const

yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点：1，速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。2，超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。3，超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。yarn的安装:下载node.js，使用npm安装npm install -g yarn

在开发的时候一般会有是三个环境：开发环境 测试环境 线上环境vue 中有个概念就是模式，默认先vue cli 有三个模式development 模式用于 vue-cli-service serveproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2etest 模式用于 vue-cli-service test:unit但是往往开发的时候可能不止有三种：本地环境（local）开发环境（development）测试环境

看了网上的一些方法，第一种是按照 添加链接描述这个链接里面的方法分别安装node mogonDB Redis s 有一定的版本要求。node 的版本不能超过v9。用这个方法试了一下，没有安装成功，是因为我本地的node过高，，不想降级别，然后试了网上说的另一种方法添加链接描述看了一些介绍说是基于docker-compose安装，简单，不需要额外安装mongodb、Redis 我最后选择了用第...

问题来源：在项目中通常会有查询列表的功能，然后把通过筛选条件查出来的数据导入来，通常是导出excel表格这种格式说人话：导出excel你咋实现？人话有时候也不太容易理解？中。可以。没问题！直接上图导出下面红色框中的一坨列表你咋实现/** * 下载blob文件 * @param {*} blob 文件 * @param {*} fileName 文件名 */const downl...

我就知道到你肯定以为是我自己写的？纳尼？我写个锤子！直接上连接参考链接

节流和防抖在开发项目过程中很常见，例如 input 输入实时搜索、scrollview 滚动更新了，等等，大量的场景需要我们对其进行处理。我们由 Lodash 来介绍，直接进入主题吧。**Lodash**API防抖 （debounce） ：多次触发，只在最后一次触发时，执行目标函数。lodash.debounce(func, [wait=0], [options={}])节流（th...

var oldData = [ { name: "aaa", sex:"女", like: 1 }, { name: "aaa", sex:"男", like: 2 }, { name: "bbb", sex:"女", like: 1 }, { ...

1.安装cnpm install --save nprogress2.在router.js中引入Nprogressimport NProgress from 'nprogress' import 'nprogress/nprogress.css'// nprogress样式文件3.4.绑定路由钩子我们想要的效果是：当路由开始跳转时加载进度条，当路由跳转完毕时进度条加载完毕。幸运的是...

<template> <div> <div> <input type="checkbox" class="check_box tui-checkbox" @click="checkAll" v-model="checked"> <span>全选</span&g...

<template> <div class="editInform"> <div class="testNav"> <div class="flow-item flow-item-3" @click="toTab(1)"> <div class="firstStep" :class="{'active':...

100万个成员的数组取第一个和最后一个有性能差距吗?参考链接：https://www.jqhtml.com/57474.html虚拟DOM参考链接：https://blog.csdn.net/suhuaiqiang_janlay/article/details/80256561...

在vue.config.js 中配置文件const path = require('path')function resolve (dir) { return path.join(__dirname, dir)}module.exports = { chainWebpack: config => { config.resolve.alias .set('@...

const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir) //path.join(__dirname)设置绝对路径}module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根部， /...

1.编写一个全局的过滤器文件filter.jsfunction formatNumber(n) { const str = n.toString() return str[1] ? str : `0${str}`}function formatTime(date) { const year = date.getFullYear() const month = ...