自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 git push解决办法: ! [remote rejected] master -」 master (pre-receive hook declined)

前天准备上传一个project到GitLab上,但是试了很多次都上传不上去,报错如下: ! [remote rejected] master -> master (pre-receive hook declined) 截图: 一开始还以为自己用户名和密码错误,试了好多次,网上搜所索...

2020-07-05 15:29:53 9 0

翻译 vue-router 页面缓存之 keep-alive

项目中会有这样的需求,有的页面需要缓存(例如列表页),有的页面不需要缓存(例如详情页),这时候就需要 keep-alive keep-alive 缓存 1.路由设置 meta 的 keepAlive { path: '/list', name: &#...

2020-07-05 09:41:57 5 0

原创 Vant 线上打包问题

1.找不到Vue 原因可能是webpack 线上打包分离了Vue等资源,检测webpack 配置 2. 解决了 1 问题后,出现访问正确路径,无法渲染页面的问题 检查路由是否为history 模式,改为hash模式就ok 特此总结 ...

2020-07-04 23:19:37 4 0

转载 基于vue-cli和vant来搭建开发环境

基于vue-cli和vant来搭建开发环境 1.安装vue-cli 2.通过vue-cli构建项目 3.安装vant 4.vant按需引入 5.设置pxtorem(输入px,自动变为rem,这样写的时候可以完全按照设计图来写) 步骤省略 … 用vue-cli指令来构建项目(需要先全局安装vue-...

2020-07-04 14:55:05 9 0

转载 axios 使用post方式传递参数,后端接受不到

最近做vue项目,做图片上传的功能,使用get给后台发送数据,后台能收到,使用post给后台发送图片信息的时候, vue axios post请求发送图片base64编码给后台报错HTTP 错误 414 请求一直报错,显示 request URI too large 后台显示一直没有收到数据 参数...

2020-07-02 22:35:46 17 0

转载 module.exports用法

module.exports 对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。 1、返回一个JSON Object var app = { name: 'app'...

2020-06-30 22:29:07 38 0

原创 vue-cli4 线上版本 相关配置

API接口地址配置: 资源相对路径配置: vue.config.js配置: publicPath:'./', configureWebpack:{ //webpackplugins resolve:{ alias:{ 'assets&...

2020-06-28 21:39:35 54 0

转载 Vue-cli4打包 npm run build 路径错误解决办法

在项目根目录下,和package.json同级的目录下,创建一个vue.config.js文件 publicPath:'./' **????*是解决相对路径的方法 module.exports = { publicPath:'./', confi...

2020-06-28 16:57:33 97 0

转载 Vue自定义指令

  除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。 【指令注册】   以一个input元素自动获得焦点为例,当页面加载时...

2020-06-26 15:04:57 32 0

转载 antd design pro 之 PageHeaderWrapper 的一些使用

1、使用介绍 找到一个比较详细的介绍文章:https://www.cnblogs.com/wang_yb/p/12714333.html#sec-2,对新手十分友好 2、给面包屑添加路由跳转 const breadRoutes = { routes: [ { path: �...

2020-06-24 16:39:51 209 0

转载 JS中map()函数的使用

相关文章:JS中forEach()方法的使用 一、概念 map()方法定义在JavaScript的Array中,它返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。注意: map()不会对空数组进行检测 map()不会改变原始数组 二、语法 array.map(fun...

2020-06-23 15:05:37 81 0

转载 vue-cli 3.x配置跨域代理

写在前面 vue-cli 3.x 的beta版本已经发布了一段时间,很早就像体验一番一直找不到时间。这些日子刚好有空就想着依照网上的一些例子练下手,刚一上手就踩到坑了。 3.x 版本对整个项目的构建都有很大的改动,项目的默认配置整个都转移到CLI service里去了,从而所有的配置文件在初始化...

2020-06-22 16:00:57 47 0

转载 fatal: refusing to merge unrelated histories解决

Git :fatal: refusing to merge unrelated histories解决 今天本地创建了一个仓库(有README),把本地仓库和Github上关联以后,发现git pull,git feach提醒fatal: refusing to merge unrelated h...

2020-06-22 09:27:06 60 0

转载 深入理解vue 修饰符sync【 vue sync修饰符示例】

在说vue 修饰符sync前,我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前存在于vue1.0版本里,但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中,我们发现 .sync 还是有其适用之处,比如在开发可复用的组件库时。我们需要做...

2020-06-21 23:00:18 32 0

转载 Vue父子组件生命周期执行顺序及钩子函数的个人理解

先附一张官网上的vue实例的生命周期图,每个Vue实例在被创建的时候都需要经过一系列的初始化过程,例如需要设置数据监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数),这给了用户在不同阶段添加自己代码的机会。 1、vue的生...

2020-06-21 22:52:55 102 0

转载 JS中filter()方法的使用

一、作用 filter用于对数组进行过滤。 它创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意:filter()不会对空数组进行检测、不会改变原始数组 二、语法 Array.filter(function(currentValue, indedx, a...

2020-06-20 15:06:52 34 0

转载 Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法

官房文档里是这样说明的: 通过注入路由器,我们可以在任何组件内通过this.$router访问路由器,也可以通过this.$route访问当前路由 可以理解为: this.$router 相当于一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 p...

2020-06-19 11:07:52 27 0

转载 关于vue-router当中addRoutes的使用

项目是越写越多,遇到的各种需求当然也逐渐增多。 在一个项目中,实现用户权限,似乎也成了必然。 一直以来,我也知道可以通过vue-router官方提供的一个api-->addRoutes可以实现路由添加的功能,事实上就也就实现了用户权限。 然而,看到官方文档的介绍,似乎也没办法理解怎么个...

2020-06-19 11:06:42 49 0

转载 vue创建全局变量以及全局方法

vue创建全局变量和方法有很多种,不过在这我推荐使用先新建一个js文件,这个文件主要就是写一个对象,这个对象直接带属性和方法即可,然后在main.js引入,引入后再用Vue.prototype把引入的文件直接挂接到vue的原型上。 例如: 新建的js文件内容: /* 在文件的开始先定义一个...

2020-06-18 21:38:31 34 0

转载 vuex:弄懂mapState、mapGetters、mapMutations、mapActions

vuex进阶 一、state 1.1 引入vuex 以后,我们需要在state中定义变量,类似于vue中的data,通过state来存放状态 import Vue from 'vue' import Vuex from 'vuex' Vue.use(...

2020-06-17 23:06:08 74 0

原创 this.$router 对象解析

2020-06-16 16:20:07 26 0

原创 git修改远程仓库地址

先删后加 git remote rm origin git remote add origin [url] 亲测好使!

2020-06-16 09:26:35 26 0

转载 Git删除本地修改

git如何删除本地所有未提交的更改 git checkout . && git clean -xdf 一般 git clean都是配合git reset 使用的 如果你有的修改已经加入了暂存区 那么,命令 git reset --hard git clean -xdf gi...

2020-06-16 08:52:01 40 0

转载 Git 删除本地和远程分支

切换到要操作的项目文件夹   命令行: cd  ProjectPath 查看项目分支(包括本地和远程)   命令行: git branch -a 删除本地分支    命令行 : git branch -d 分支名 删除远程分支    ...

2020-06-15 17:32:01 47 0

转载 前端模块化详解(完整版)

前言 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀,此时在JS方面就会考虑使用模块...

2020-06-13 22:55:38 39 0

转载 lodash中的debounce

问题描述 在阅读新项目代码的时候,发现了一个有趣的问题。问题大概可以这样描述: 有那么个函数叫search(),这个函数会发送API请求获取搜索后的结果。在我们的这个页面上,有很多种触发搜索api的可能,比如,点搜索按钮会触发去调用API,重制一些参数,会导致触发search(),因为我们的...

2020-06-13 19:06:20 30 0

转载 Three.js删除模型对象(.remove()和·dispose()方法)

通过Threejs开发Web3D应用的时候,可能需要删除场景中的模型对象,如果想从一个场景Scene或组对象Group删除一个三维模型对象,可以通过.remove()和·dispose()方法来实现。 删除场景对象中Scene一个子对象Group,并释放组对象Group中所有网格模型几何体的顶点...

2020-06-13 19:02:53 90 0

转载 npm的镜像替换成淘宝

得到原本的镜像地址 npm get registry https://registry.npmjs.org/ 设成淘宝的 npm config set registry http://registry.npm.taobao.org/ yarn config set registry http:...

2020-06-13 16:06:48 53 0

转载 JS中every()和some()的用法

every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。 some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。 1 2 3 ...

2020-06-12 15:18:35 23 0

转载 深入理解vue 修饰符sync【 vue sync修饰符示例】

在说vue 修饰符sync前,我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前存在于vue1.0版本里,但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中,我们发现 .sync 还是有其适用之处,比如在开发可复用的组件库时。我们需要做...

2020-06-12 14:15:57 36 0

转载 vue-cli3 的 [Vue warn]: You are using the runtime-only build of Vue where the template compiler 的问题解决

最近使用vue-cli3的脚手架生成项目,发现从配置完后vue-router的出现一个错误, [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available....

2020-06-11 19:15:08 27 0

转载 Vue style 深度作用选择器

传送门:https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html Vue style 深度作用选择器 >>>与/deep/(sass/less) 你很可能会遇到的问题 vue组件编译后,会将 templa...

2020-06-11 16:05:09 24 0

转载 height:100vh

1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小*1.5 但是当div进行嵌套的时候,em始终是按照当前div继承的字体大小来缩放,参照后面的例子。 2.re...

2020-06-11 15:25:38 25 0

转载 e.target.value和this的区别

1.e.target.value获取的就是你选择接受事件的元素输入的或者选择的值。 参数e接收事件对象。 而事件对象也有很多属性和方法,其中target属性是获取触发事件对象的目标,也就是绑定事件的元素,e.target表示该DOM元素,然后在获取其相应的属性值。 2.this就是指向当前事...

2020-06-11 15:16:27 40 0

转载 Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法

官房文档里是这样说明的: 通过注入路由器,我们可以在任何组件内通过this.$router访问路由器,也可以通过this.$route访问当前路由 可以理解为: this.$router 相当于一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 p...

2020-06-11 15:03:07 83 0

转载 vue错误TypeError

【前提】: 搭建项目商家详情头部时,能够完整渲染出整体头部界面无问题,但开发者工具仍然报出“Error in render: "TypeError: Cannot read property '0' of undefined”错误,具体如下 【解决过程】: ...

2020-06-11 14:22:18 64 1

转载 vue组件jsx语法的具体使用

如果使用render函数来写比较复杂的vue组件,对于可读性和可维护性都很不友好,而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。 配置 需要用到babel插件 安装 1 2 3 4 5 6...

2020-06-11 09:48:16 35 0

转载 Object.create() 和 new Object()

object.create(proto, propertiesObject) object.create() 是使用指定的原型proto对象及其属性propertiesObject去创建一个新的对象。(mdn) proto 是必填参数,就是新创建出来的对象的原型 (新对象的 __proto...

2020-06-10 14:22:12 44 0

转载 display: none、visibility: hidden与opacity: 0的区别

文章目录 1. display: none、visibility: hidden与opacity: 0的区别 2. 补充:其他隐藏元素的方法 1. display: none、visibility: hidden与opacity: 0的区别 display: none、visibility: hi...

2020-06-10 11:19:49 56 0

转载 帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)

文章目录 1. 前言 2. _ _ proto _ _ 属性 3. prototype属性 4. constructor属性 5. 总结 提示:不要排斥,静下心来,认真读完,你就搞懂了!(可以先看一下最后的总结部分再回过头来完整看完) 1. 前言   作为一名前端工程师,必须搞懂JS中的prot...

2020-06-10 11:14:28 38 0

提示
确定要删除当前文章?
取消 删除