![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
rzrfreedom
这个作者很懒,什么都没留下…
展开
-
mac中切换node版本方法
最近碰到了一个老项目,需要用旧的node,就涉及到了切换node版本的问题。1、首先查看一下当前node当前版本 node -v2、然后安装n模块 需要用到管理员权限 sudo npm i -g n3、看看n -V (这里V是大写哦) 查看n是否安装完毕 node -v4、接着就是安装指定版本的node (这里我是用自己的习惯 的10.3.0版本) sudo n 10.3.05、完成后,查看是否安装成功 node -v6、最后还可以通过n ls 查看当前node版原创 2021-08-10 10:01:11 · 3518 阅读 · 0 评论 -
grid 和 flex 各自的应用场景
1. 要考虑,是一维布局 还是 二维布局一般来说,一维布局用flex,二维布局用grid2. 是从内容出发还是从布局出发?从内容出发:你先有一组内容(数量一般不固定),然后希望他们均匀的分布在容器中,由内容自己的大小决定占据的空间从布局出发:先规划网格(数量一般比较固定),然后再把元素往里填充从内容出发,用flex从布局出发,用grid...原创 2021-06-30 11:00:00 · 511 阅读 · 0 评论 -
Vue中使用wangeditor
最近项目使用到富文本,在一番谈论下决定用wangeditor富文本使用 npm 安装 npm i wangeditor --save使用 cdn 安装<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>接着在需要的项目组件中引入(我们将在mounted钩子写入)<div id=原创 2021-03-31 16:06:06 · 242 阅读 · 0 评论 -
Vue项目cdn引入资源和配置
在日常开发过程中,为了减少最后打包出来的体积,我们会用到cdn引入一些比较大的库来解决就以本项目为例子还没cdn引入前cdn引入后不比不知道,一比吓一跳!接下来在index.html中引入需要用的cdn (注意此项目是vue)<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c原创 2021-03-09 14:39:40 · 1569 阅读 · 0 评论 -
Vue中scrollIntoView方法无法生效
之前在一次开发中,用到scrollIntoView方法,但遇到神奇的事情,居然无法生效。。。。在一顿猛烈的排查下才发现该方法需要页面完全加载后才能生效,以下是避免踩雷的方法方法一: 运用vue中的this.$nextTick方法 this.$nextTick(()=>{ document.getElementById(target).scrollIntoView(); })方法二: 利用setTimeout方法 setTimeout(function(){ d原创 2021-03-05 16:14:57 · 2699 阅读 · 0 评论 -
Vue-router 报错 NavigationDuplicated: Avoided redundant navigation to current location: “/“.
今天在项目中重复点击页面切换时候发现这样一个问题寻思在百度找了一翻,终于找到了答案const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)}打开项目的router文件下的index.js,复制上面代码,添加到最下方就可以解决了。.原创 2021-03-05 11:15:37 · 126 阅读 · 0 评论 -
Vue 3.0 - 运行报错Error: Error: Cannot find module ‘vue-loader-v16/package.json‘
解决方法1、 在项目所在目录下删除node_modules文件夹以及package-lock.json文件2、升级npm: npm i -g npm3、 在项目中重新 npm install4、重新启动项目 npm run serve原创 2021-02-25 10:09:10 · 367 阅读 · 0 评论