- 博客(44)
- 资源 (3)
- 收藏
- 关注
原创 Failed to load resource: net::ERR_FILE_NOT_FOUND
vue打包之后报错:【vue-cli3踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND1.vue.config.js中设置module.exports = { publicPath: ‘./’ }src/router.js中,干掉mode (搭建脚手架3.0中会默认生成下方,把他给删掉,然后在配置vue.config.js的默认路径就可以了)2.export default new Router({// mode: ‘history’)}
2020-11-16 13:41:01
1807
1
转载 vue中axios的封装
https://juejin.im/post/5b55c118f265da0f6f1aa354 掘金的网址(很好)一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。如果还对axios不了解的,可以移步a
2020-11-05 10:12:50
347
原创 Css之a.active和a:active的区别
a.active和a:active的区别a.active 是对class=active的a标签生效,(vue中可以动态绑定class配合点击事件使其变色,)a:active 是对按下的a标签生效
2020-10-16 14:16:13
663
原创 JS中的split()对多个分隔符的处理
JS中的split()对多个分隔符的处理split是js用来拆分字符串的,以什么字符分割,返回的是一个数组//split也可以,以两个不同的字符进行分割,这样就可以借用正则来去解决let string = "1%2-3"//这里想要以 % 和 * 两个不同的字符进行分割,可以这样写let sp = string.split(/%|-/gi));...
2020-10-09 16:06:31
3667
原创 es6新增语法之${} 字符串拼接
es6新增语法之${} 字符串拼接 配合``符号使用举个栗子let a='aaa bbb';let str=`I love ${a}, because he is handsome`;//注意:这行代码是用返单号引起来的//将字符串变量用${}包起来,再写到需要拼接的地方,需要拼接的字符串写在``里 alert(str);...
2020-09-11 10:38:07
1037
原创 vue中的$forceUpdate
$forceUpdate的作用强制更新数据在vue项目中,当你改变data数据源中的数据时,发现页面没有及时的去渲染,这时候可以调用this.$forceUpdate();方法去强制刷新页面首先我们知道在vue中,数据的绑定都不用我们操心,例如在data中有一个msg的变量,你修改它,那么在页面上,msg的内容就会自动发生变化。但是如果对于一个复杂的对象,例如一个对象数组,你直接去给数组上某一个元素增加属性,或者直接把数组的length变成0,vue就无法知道发生了改变,当时你也可以使用$set方法去改
2020-08-21 16:14:42
524
原创 js去重数组里的重复对象
废话不多话,直接看代码let taskDocNumArr =[{id:1,name:z},{id:1,name:z},{id:2,name:k}]taskDocNumArr = taskDocNumArr.reduce((preVal, curVal) => { hash[curVal.id] //这里的id用作去重的唯一标识 ? "" : (hash[curVal.id] = true && preVal.push(curV
2020-08-20 15:33:33
536
原创 vue.js:634 [Vue warn]: Duplicate keys detected: ‘0‘. This may cause an update error
报错的原因: 该页面中,两个(或以上)v-for并列存在,并且序列号都使用的是index代号,所以导致冲突。解决办法: 分别写不同的序列下标,比如 i j ,或者加前后缀如 'i’等错误写法<ImgRa :data="item" v-for="(item,index) in qualificationContent" :key="index" /><ImgRa :data="items" v-for="(item,index) in qualificationContent"
2020-07-27 17:21:12
751
转载 vue中mixins的使用方法和注意点
mixins基础概况混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。具体应该怎么用?举个栗子: 一、定义公共的mixins文件:如mixin.vue<template> <...
2020-07-17 17:11:20
2312
转载 CSDN博客如何转载别人的文章(最新版详细教程)
前言:我在学习和工作中遇到什么问题,喜欢到CSDN来寻找答案,那么问题来了,作为一个刚入门的初级程序猿,当我看到自己喜欢的文章后想转载到自己的博客里,却不知道怎么操作,我百度了很多方法,有些方法已经是很久以前的了,现在浏览器更新了他们的操作步骤都不一样了,今天我根据以前的旧教程,自己摸索了一个最新的方法分享给大家。 此教程是在最新版本的Chrome下进行的操作步骤: 1、找到自己喜欢的博客,点击鼠标右键–检查2、找到
2020-07-13 13:20:02
239
原创 vue中插槽的使用详解
插槽也就是slot,是组件中的一块html模板,这模板显示不显示,以及怎样显示由父组件来决定。插槽的使用场景,个人理解勿喷:当你在父组件中想要操作子组件,往子组件插入html代码片段的时候,这时候插槽的作用就是体现了,如果子组件不设置插槽,父组件是插入不了子组件中的代码片段的。单个插槽单个插槽可以放置在组件的任意位置,但是就像它的名字一样,一个组件中只能有一个该类插槽。相对应的,具名插槽就可以有很多个,只要名字(name属性)不同就可以了。看代码父组件 <template>
2020-07-10 19:38:06
663
原创 vue中把对象中所有的key赋为空值
Object.assign的使用,当然你也可以使用for去遍历 然后再一一去赋值为空字符串,推荐使用(Object.assign)先来看看Object.assign的基本用法Object.assign方法用于对象的合并,第一个参数(目标对象),可以有第二个,第三个参数,都是源对象,将源对象(source)的所有可枚举属性,复制到目标对象(target)。const target = {a:1};const source1 = { b: 2 };const source2 = { c: 3 };
2020-07-10 18:54:13
5658
原创 运行vue项目 npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR!
运行vue项目 npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR!npm ERR! missing script: devnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\binglian\AppData\Roaming\npm-cache_logs\2019-08-13T08
2020-07-06 19:31:15
772
原创 vue 循环多个标签,点击标签变色,再点击取消,可以同时点击多个
vue 循环多个标签,点击标签变色,再点击取消,可以同时点击多个要实现的效果html代码<div :class="{clickColor:spanIndex.indexOf(i)>-1}" v-for="(v,i) in banksData" v-text="v.name" @click="banksClick(i)"></div>css代码 .clickColor { border: 2px solid rgba(7, 167, 227, 1) !
2020-06-24 17:37:25
1436
原创 uni-app打开非tabBar页面时定义新的tabBar(底部导航)(自定义tarBar组件)
使用uni-app开发的时候遇到这一个需求,一级页面有自己的tabBar当跳转到一个新的页面时,出现另一个自己的底部导航(tabBar)默认打开页面时在跳转一个新的页面时的底部导航默认打开的的底部导航,可以通过pages.json来配置tabBar详情参考uni官网https://uniapp.dcloud.io/collocation/pages?id=tabbar3但是要实现跳转到一个全新的页面,在去定义一个新的tabBar时,光靠配置pages.json是做不到的,这时候需要我们自己
2020-06-23 16:04:28
5325
7
原创 vue中使用vuex详解
vue中使用vuex首先创建一个store文件夹 在srore文件夹下 创建一个index.jx文件(文件夹命名看个人爱好)State的使用(类似vue实列中的data数据源,来存取数据)index.js文件中的内容import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);const store = new Vuex.Store({ state:{ count:0 }})export defaul
2020-06-20 15:48:42
280
原创 vue组件之间的传参详解(父子,兄弟组件)
vue常用的传值 ,无非就是父子之间,或者兄弟之间去传值,下边一一介绍他们之间如何传参父=>子father.veu(父组件)<template> <div> 父组件:{{message}} <Son :toSonData="toSonData"></Son>//在components注册的子组件 </div></template> <script>import Son
2020-06-19 11:41:25
603
原创 ajax进行post请求向后台传输数组
需求:再进行ajax进行请求post请求时,需要以一个固定的key向后台发送一个数组。此时这样进行请求的时候 ,后台接收不到我的这个数组 function ajax(){ let data = { arr:[1,2,3] } $.ajax({ type: "post", url: url + "/sss/", //自己接口的地址 dataType: "json", async: false, //是否异步请求 data:d
2020-06-16 17:56:43
1872
原创 2020前端开发面试题总结(最新)
2020年,注定是不平凡的一年,受疫情影响,好多想跳槽的伙伴,一直按耐者,这次面试题总结,就是我的朋友,最近再面试中总结出来的,整理一下希望可以帮助到你们。(ps:后期也会不定期更新总结新的面试题)1.什么是闭包,闭包有什么作用?闭包就是能够读取其他函数内部的变量的函数,本质上就是将函数内部和函数外部连接起来的一座桥梁用途:1:可以读取函数内部的变量2:可以让这些变量始终保存在内存中最简单的列子 for中添加延时器 打印下标:(会一直打印最后一个下标)解决方案就是通过闭包把变量i给存起来 详
2020-06-13 16:48:52
10941
2
原创 VS Code常用插件安装
常用VS Code插件安装**打开刚刚安装好的 VS Code **点击类似正方形搜索以下的常用插件(直接搜索图标对应的英文 点击Install即可完成安装)。亲测 ,好用安装完成之后 ,最后重启VS Code 即可
2020-06-13 14:03:46
334
原创 call、apply、bind的用法和区别
call、apply、bind的作用它们都是为了改变方法内部this的指向。call、apply怎么区别?call和apply第一个参数均为this的指向call的其余参数就是一个普通的参数列表。apply除了第一个参数外,只接受一个数组类型的参数。call的用法var obj = { name: "zky", } function get(age,sex) { console.log("名字"+this.name+" 年龄"+age+" 性别"+sex) }
2020-06-10 17:32:19
571
1
原创 去除对象内的空键值对
js去除对象中的空键值对 let data = { name:'zky', age:22, sex:'男', face:'' } for (const key in data) { // 去除对象内多余的空值key if (data[key] === '') { delete data[key] } }for in 或者for of forEach的方法看这https://blog.csdn.net/qq_4
2020-06-09 14:04:00
990
原创 vue实现锚点跳转之scrollIntoView()方法
滚动到某个特定元素 :scrollIntoView();这个方法不用获取右边小标题的高度,啥都不用,有id或者class就行啦,几乎可以满足你锚点跳转的所有需求,对齐方式,以及平滑滚动了这里是v-for循环出来需要点击跳转到对应div的事件<p> v-for="(value,index) in data" @click="scrollToPosition(index)">{{...}}</p> 这就是你点击scrollToPosition事件需要滚动对应的div&l
2020-06-06 14:21:57
7421
4
原创 for循环中异步请求问题
今天遇到一个需求就是,需要在for循环中,进行axios异步请求。一般这个这个时候就遇到两个问题因为你的请求是在for循环中,而且又是异步的请求所以,请求出来的数据顺序错乱还有就是在for里 等所有的异步请求完成之后,再去处理数据。这时你就会发现。它是先走了异步请求下边的代码,因为这个是线程问题,在一个就是异步的,它不会等着你完成请求之后再去执行。因为JS运行在浏览器中,是单线程的for (let i = 0; i < 5; i++) { setTimeout(function() {
2020-06-05 18:50:30
8020
原创 Vue.js报错—TypeError:Cannot read property key of undefined
报这个错误的原因,一般就两种情况html页面渲染的时候。双{{value.key}}插值或者v-text="value.key"中找不到这个key,报undefined还有就是v-for循环的时候 绑定的:key="tag,name" 这个name未定义,希望可以解决你的问题。。如果帮助到你了,记得点赞关注啊...
2020-06-04 13:41:09
6374
翻译 CSS的flex布局详解
flex布局使用场景越来越多,flex布局的好处是比较容易上手,但浏览器兼容性比较差,只能兼容到ie9及以上。,里边的属性也是很多,下面一一介绍首先要在父元素上加上 display: flex; 相当于这块就是一个弹性盒子<style type="text/css"> .div{ width: 100px; height: 100px; border: 1px solid black; }</style><body>
2020-06-03 15:03:52
2725
原创 vue中使用Promise解析
Promise 是异步编程的一种解决方案,其实是一个构造函数,es6写法中其实也是async和awaitasync和await用法看这https://blog.csdn.net/qq_46124502/article/details/106384588Promise 一般是放在函数内部使用function promiseData() { return new Promise((resolve, reject) => { //resolve成功时的回调,reject失败时的回调 consol
2020-06-02 18:05:02
3309
原创 vue 中使用style class(样式)
vue中使用style样式<div id="app"> <h1 :style="styleObj1">111</h1> <h1 :style="[styleObj1,styleObj2]">222</h1></div> <script> //创建Vue实例 得到ViewModel var vm = new Vue({ el:"#app", data(){ r
2020-06-01 17:49:55
595
2
原创 js中的filter方法和map方法
filter方法又叫过滤器,顾名思义就是过滤符合条件的得到一个新的数组let arr = [7,8,9,10]let arr = [7, 8, 9, 10]let newArr = arr.filter(function(value, index) { //这里的value代表的时数组中每个元素,index是对应的下标//列如返回数组大于8的元素if (value > 8) { return value }})console.log(arr)console.log(newArr)
2020-05-30 16:54:52
3097
原创 js中for in,for of,for Each方法
for in方法的使用,它可以遍历对象,或者数组(大部分用于遍历对象使用)let arr = [5,6,7,8]let obj={a:1,b:2,c:3,d:4}//遍历数组for(let i in arr){ consloe.log(i)//这里输出的是数组arr当前的下标0 1 2 3 consloe.log(arr[i])//这里输出的就是数组arr里边的每个元素 5 6 7 8}//遍历对象for(let key in obj){ consloe.log(key)//这里输出的是
2020-05-30 11:01:27
951
原创 js日期排序(使用sort)
近期写项目,需要用对象的中一个key来进行排序,发现element框架表格带的排序不太好用,于是自己封装了一个函数,来根据日期进行排序,也可以根据number类型的大小来进行排序先看按日期排序的函数let data = [{ id: 2, time: '2019-04-26 10:53:19' }, { id: 4, time: '2019-04-26 10:51:19' }, { id: 1, time: '2019-04-26 11:04:32' }, { id:
2020-05-29 14:30:56
12995
4
原创 js将一位数组分割成每n个一组
项目中经常会遇到这样的需求,从后台拿到数据之后,需要进行一次分割,以几个为一组,分割成二维数组,再去使用。function spArr(arr, num) { //newArr是你要分割的数组,num是以几个为一组 let newArr = [] //首先创建一个新的空数组。用来存放分割好的数组 for (let i = 0; i < arr.length;) { //注意:这里与for循环不太一样的是,没有i++ newArr.push(arr.slice(i, i += num));
2020-05-28 15:24:39
11828
5
原创 怎样才能让百度搜索到自己的csdn博客?
最近每天都在写博客,可是发现去搜索自己的博客时,总是搜不到,后来上网查了查,发现可以自己主动提交博客网址以加快被收录,提交最好把每篇的博客地址都给提交一下,百度这个每天有提交的次数,点击这里赶紧去提交自己的博客网址加加快收录把...
2020-05-28 13:39:18
879
2
原创 vue中使用async和await处理异步
写项目经常碰到先进性一个axios请求,然后在进行下一个axios请求,但是此次的请求需要,用到上一次请求返回来的参数,因为axios是异步的,所以可以axios请求嵌套获取,但当数据多的时候,页面会非常的乱,此时就需要用到async和await的使用,使上述情况就好像写同步代码一样,请看例子这是两个axios请求的函数//第一个function axiosOne(){returen axios.get(url)};var dataOne = { //这里dataOne假如是 axiosOne
2020-05-27 18:00:59
4080
3
转载 js模板引擎Template.js使用详解及免费下载template.js
这篇文章主要为大家详细介绍了JavaScript模板引擎Template.js使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。1、特性(1)、性能卓越,执行速度通常是 Mustache 与 tmpl 的 20 多倍(性能测试)(2)、支持运行时调试,可精确定位异常模板所在语句(演示)(3)、对 NodeJS
2020-05-26 16:54:36
2093
3
原创 js在for循环中添加定时器
最近些项目遇到个需求,在for循环中,给循环出来的元素添加自己定时器,这时候发现定时器只加了最后一个元素上面具体看个例子你就明白了for(var i = 0;i<4;i++){ setInterval(function(){ console.log(i)//这里永远输出一直是4 },1000) }因为定时器它是异步执行的,而for循环执行速度又很快,所以导致当开始执行定时器时。for循环已经执行完毕,所以它一直会输出最后一个i解决方案:通过闭包的形式,把函数体单独放到一个
2020-05-26 13:44:54
9972
8
原创 Vue中使用axios post方法传参后台接收不到参数
post请求不像get请求一样,get请求传参是在url后边以&去拼接上的,而post请求时在请求体中的,不会默认去拼接,这就导致。post传递参数失败 ,后台无法获取传递的参数注:一定先import导入之后才能使用var params = { bankName: ”“, bankNameAll: ”“, } axios.post(urls, params).then(res=>{ //这里的params是我向后台传递的参数 //这时候发现后台无法接收到值
2020-05-25 16:52:43
1988
原创 Vue中把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化的解决方案
在vue中的data数据中建立这两个对象var salesOreder = new Vue({ delimiters: ['${', '}'], [想知道这里的作用解释请看这里](https://blog.csdn.net/qq_46124502/article/details/106326034) data(){ return { objData1:{ name:"zky" },
2020-05-25 14:29:41
3294
vue项目多入口,iframe嵌套.zip
2021-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人