u010227042的博客_让想法变成执行力_CSDN博客-android,vue,javascript领域博主

转载 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()函数的使用

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