Tom__cy的博客

Vue3 API

axios

代码】Vue3 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out。

import Http from './http'export default { decode(e) { this._keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=' var t = '' var n, r, i var s, o, u, a var f = 0 e = e.replace(/[^A-Za-z0-9+/=]/g, '')

关于DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 的解决办法解决方案:npm install -g sass-migrator进入项目node_modules文件执行sass-migrator division **/*.scss

概念    keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用    在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理    在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在 render（页面渲染） 时，如果

对象写法const path = require("path");function resolve(dir) { return path.join(__dirname, dir)}function getPlugins() { let plugins = [] if (process.env.VUE_APP_ENV === 'test') { plugins.push( // 添加插件 ) } if (process.env.VUE_APP_ENV

这个问题困扰很久。之前有看过一个写法// const originalPush = Router.prototype.push// Router.prototype.push = function push(location, onResolve, onReject) {// if (onResolve || onReject)// return originalPush.call(this, location, onResolve, onReject)// return or

vue-router.esm.js?8c4f:2008 Uncaught (in promise) Error: Redirected when going from "/login?redirect=%2Fhome" to "/home" via a navigation guard.解决办法:router/index.jsconst originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(

<template> <div class="container"> <div class="decrease"> <h2>系统信息检测</h2> <el-button type="primary" @click="goback()">返回</el-button> </div> <div class="info">

本人踩坑日志1. { path: '*', redirect: '/404', hidden: true },在asyncRoutes动态路由最下面加入! ![垃圾blog图片不能显示草-------](https://img-blog.csdnimg.cn/20200812154735945.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

1、npm install name -save 简写（npm install name -S） 自动把模块和版本号添加到dependencies。-S后，安装包会在package中的 dependencies 对象中。简称dep。dep是在生产环境中要用到的。2、npm install name --save-dev 简写（npm install name -D） 自动把模块和版本号添加到devdependencies。-D后，安装包会在package中的 devDependencies..

首先下载插件模块npm install html2canvas jspdf --save然后自定义一个js 方法，一般放在utils 中。 有一个注意事项将是用document.getbyid 获取。 使用querySelector 有时获取不到。js 方法可以直接复制使用。封装好了// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default { install(Vue

.eslintrc.js 中 添加 "parser": "babel-eslint"

el-标签总结：https://blog.youkuaiyun.com/Tom__cy/article/details/89680067el-pagination 封装: https://blog.youkuaiyun.com/Tom__cy/article/details/89926274axios 封装请求数据：https://blog.youkuaiyun.com/Tom__cy/article/details/89918...

el-col ：整体，el-submenu ： 单独一个导航栏，el-menu-item : 单独一个导航栏里面的单独一个栏目，el-menu-item-group：一组导航栏

安装依赖读取svg信息，去除svg中的无用标签，精简结构npm install svgo svgo-loader --save-devSVG Sprite插件npm install svg-sprite-loader --save-dev配置webpack { test: /\.svg$/, loader: 'svg-sprite-loader'...

组件中定义一个方法：getToDo ,通过 this.$store.getters.getToDo 触发getters 中的getToDogetToDo 是页面加载的时候自动执行的 参数(state , getters)

main.js 中引用 ， 然后注册下------基础版： store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 定义初始变量const state = {}// getter相当于computed计算数据属性const getters = {}// 初始派发事件const ...

<div> {{countTIme}} </div>data(){ return { countTime :''' }}create(){ this.yzmInterval = setInterval(()=>{ let { countTime } = this countTime -- ; this.countTime = c...

1： 下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npm i lib-flexible --save2：引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3：设置meta标签通过meta标签，设置设备宽度以及缩放比例<meta n...

安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架命令为：cnpm install -g vue-cli输入:vue init webpack my-vue(项目文件夹名)，回车，...

step1:首先安装jquery npm install jquery --savestep2:在项目 build 里的webpack.base.conf.js 里加载webpack文件，注意，要放在配置文件第一行；step3:在module.exports的最后加入：在组件中引入jquery，进行使用我们想在哪个组件中使用jQuery库，首先要使用如下命令引入jquery，...

整体 rem 布局， 通过 reset.css 设置整体 HTML 的 font-size 大小为 50px 形成 2 倍布局首先这个项目 设计师给的设计稿是 2 倍图片 ，所以我们设置应为一半 ， 1 rem = html-font-size = 50 px图标全部采用 iconfont 图标问题 1：移动端 1px 边框 ，手机屏幕分辨率高， 如果在两倍屏下 去看不是 1px 而是 2...

上代码：我是在mounted 中定义自执行的方法， 通过getElememtById 获取到Video 标签， addEventListtener 监听事件

1： Vuex 目录:{    一： actions.js    二： getters.js    三： mutations.js    四： state.js    五： index.js}一: state.js : (-----...

el-pagination:放于底部。

v-for绑定src的数据如下：data() {return {img_src:"…/…/assets/images/mirror-service.png"}}渲染之后，发现图片不显示，上网查找之后发现是应为图片链接是需要通过 require包裹的data() { return { img_src:require("../../assets/images/m...

install dependenciesnpm installserve with hot reload at localhost:8080npm run devbuild for production with minificationnpm run buildbuild之后：需要修改文件文件位置 config.index成功之后还可能会出现图片显示不了， 或者elementu...

首先做微信网页都要接入微信sdk；安装sdk npm install weixin-js-sdk --save引入sdkvue是单页面项目，比如你想要接入微信分享功能，分享功能在每个路由地址都要有，因为每个路由的url是不一样的，就需要在每个路由地址都引入一遍import wx from 'weixin-js-sdk'在组建的生命周期creatd()和mounted()里面放代码...

. 安装插件：npm install vue-lazyload --save-dev使用插件main.js 中使用:import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ error:'./static/error.png', loading:'./static/loading.png'})图片替换：...

项目地址：https://github.com/Tom-cy/- Request.vue 有使用到这个方法刷新当前页面常用的方法是：第一种方法是：window.reload()；第二种方法是：this.$router.go(0);这两种方法是可以刷新当前面，但刷新的那一瞬间，页面会有一瞬间空白闪烁；这样用户体验不好。今天给大家介绍第三种方法：使用provice和inject结合的方法...

图片动画：实现上下跳动：先通过@keyframes 定义动画名称 monkey再在css 样式中通过 animation : (动画名称) （动画时长） (动画延迟) (贝塞尔曲线) (infinite 无限循环) (alternate -动画反向播放。)...

看这个时需求先看看：https://blog.youkuaiyun.com/Tom__cy/article/details/90234108 -----能够加快理解 解析代码: HTML： img 标签为背景图， loading 图， P 标签为显示的百分比， JS： imgArr 为 所有的图片信息 ， imgCount： 为动态的显示百分比Vue的生命周期： mounted ...

Stylus 配置 npm isntall stylus stylus-loader --save-dev { test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader', include: [] }...

1： beforeCreate :在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用2: created : 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。3: befo...