- 博客(35)
- 资源 (2)
- 收藏
- 关注
原创 vue中全局注册组件
1在main.js中全局注册公用组件,多个页面都用到的组件就不用引入多次。import myPlugin from '@/components/common/index.js'Vue.use(myPlugin) //全局组件2 在公共组件中需要新建一个index.js文件进行注册处理。import loadMore from './dataLoading.vue' //下滑加载更多 import searchFirstLevel from './searchFirstLevel.vue'
2020-07-06 10:45:38
231
原创 智能推送--开发总结
需要实现的功能1只有首次登陆并且有未读信息时才会出现弹窗。2从每条进入到详情页再返回到首页弹窗依旧存在。3关掉弹窗再刷新弹窗不出现。解决方案1未登录的时:cookie中没有userid和unit_token两个参数登陆上之后就有了,退出会清除。登录时:cookie中多出的参数有token(暂时不知道什么意思)var symbol = Cookies.get(‘symbol’) ? Cookies.get(‘...
2020-07-03 15:25:25
538
原创 电商7.0项目的相关知识(一)
1点击标签进行跳转方式 <p @click="$router.push('/couponCenter')">领优惠券</p>2 动态图片和动态链接进行拼接 <img v-for="(itemAdv,indexAdv) in item && item.advDTOList" :key="indexAdv" v-lazy="$imgURL + itemAdv.imageUrl">3疑问知识点Carousel 是什么标签4轮播图的组件以及写
2020-05-27 14:54:36
121
原创 iview时间插件限制时间
<DatePicker :open="open" :value="value3" :options="options" style="width:200px" confirm type="month" @on-change="handleChange" @on-clear="h..
2020-05-19 15:30:16
331
原创 vue中后台管理系统导航栏和侧边栏关联起来的写法
<template> <div class="myDiv"> <el-container style="position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden"> <el-header class="d-flex align-items-center" style="background-color:#545c64"> <h5 class="t
2020-05-13 23:46:32
2336
原创 1美化滚动条样式
::-webkit-scrollbar-track{ background:rgba()0,0,0,0.1; border-radius:0;}::-webkit-scrollbar{ -webkit-appearance:none; width:10px; height:10px}::-webkit-scrollbar-thumb{ cursor:pointer; broder-radius:5px; background:rgba(0,0,0,0.25);
2020-05-13 23:27:30
140
原创 关于bootstrap中的栅格系统和element-ui中的比较
bootstrap的栅格系统布局<div class="row"> <div class="col-12 col-sm-8 col-md-6 col-lg-4"></div></div>col-12是做小的情况,col-sm-8是小屏幕的情况,col-md-6是中屏幕的情况,col-lg-4是大屏幕的情况。bootstrap的栅格系统是将屏幕平均分成12份...
2020-05-13 22:54:21
1662
原创 在点击事件中的判断基于watch生成的一个变量,执行先后顺序
watch: { checkIndex(newData, oldData) { this.switchOrNot = true; console.log("切换了"); console.log(this.switchOrNot); } }, methods: { deleteButton(index) { this.checkIndex = index; if (this.ol
2020-05-13 17:33:53
336
1
转载 js关于鼠标划过事件
js对于鼠标划过事件有如下几种:onmouseover 、onmouseout 与onmouseenter 、onmouseleave这四个事件一般两两配对使用,onmouseover、onmouseout一对,onmouseenter、onmouseleave一对,不能混合使用区别:1、onmouseover、onmouseout:鼠标经过时自身触发事件,经过其子元素时也触发该事件;(父亲有的东西,儿子也有)2、onmouseenter、onmouseleave:鼠标经过时自身触发事件,经过其子元
2020-05-13 09:27:07
3551
原创 axios封装方式二
import axios from 'axios'import Cookies from 'js-cookie'import router from '@/router'import qs from 'qs'import { clearLoginInfo} from '@/utils'import isPlainObject from 'lodash/isPlainObject'const http = axios.create({ baseURL: window.SITE_
2020-05-13 09:05:16
137
原创 axios封装方式一
import axios from 'axios'import Cookies from 'js-cookie'import router from '@/router'import qs from 'qs'import isPlainObject from 'lodash/isPlainObject'import { clearLoginInfo } from '@/utils'import { Loading } from 'element-ui'//开始加载动画let loading
2020-05-13 08:41:25
133
原创 封装axios1
import axios from 'axios'import Cookies from 'js-cookie'import router from '@/router'import qs from 'qs'import isPlainObject from 'lodash/isPlainObject'import { clearLoginInfo } from '@/utils'import { Loading } from 'element-ui'//开始加载动画let loading
2020-05-13 00:21:16
137
原创 关于axios的get请求和Post请求之间的区别
不配置直接用简写的那种形式执行get请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });上面的请求也可以这样写axios.get('/user', { params: { ID: 12345 } }) .then(f
2020-05-13 00:17:38
1719
原创 关于content-type的相关解释
首先content-type是post请求才会有的,axios默认的是application/json,jquery默认的是application/x-www-form-urlencodedx-www-form-urlencoded是表单语法,传参的形式是 url?a=1&b=2&c=3,即a:1 b:2 c:3qs.parse()是将url解析成对象的形式;qs.stringify()是将对象解析成url的形式json字符串形式:‘{“a”:1,“b”:2,“c”:3}’;j.
2020-05-13 00:06:57
135
原创 application/json和application/x-www-form-urlencode之间的区别
两种请求方式对服务器端都没什么影响application/x-www-form-urlencoded方式是比较老的一种方式,这种方式的好处就是浏览器都支持,在请求发送过程中会对数据进行序列化处理,以键值对形式?key1=value1&key2=value2的方式发送到服务器,application/json,随着json规范的越来越流行,并且浏览器支持程度原来越好,许多开发人员易application/json作为请求content-type,告诉服务器请求的主题内容是json格式的字符串,
2020-05-12 23:33:25
1716
原创 iview的常用用法
图标类垃圾桶—<Icon type="ios-trash" size="24" />取消按钮—<Icon type="ios-close" size="24" @click="isShowMask=false" />
2020-05-12 18:32:21
172
原创 Vue路由中多人协作,如何将写的路由合并到一起
路由懒加载的写法方法一:component:import(’…/pages/index.vue’)方法二:const shopIndex = resolve => require([’@/views/02.shopIndex/shopIndex.vue’], resolve);component:shopIndex
2020-05-10 18:36:06
529
原创 replace---document.referrer---localstorage-js keyup和keypress和keydown事件 详解
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法----stringObject.replace(regexp/substr,replacement)regexp/substr-----必需。规定子字符串或要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。replacement----必需。一个字符串值。规定了替换文本或生成替换文本的函数深入理解docume
2020-05-09 17:51:59
230
原创 关于cookie的使用和window的相关知识
## 标题关于cookie的使用当我们涉及到cookie的时候可以用cookie.js这个插件来操纵cookie.用到的方法有。设置某个cookie值=》Cookies.set(“name”,“value”)获取某个cookie值--------Cookies.get(“name”)删除某个cookie值------Cookies.remove(“name”)## 关于window.location.href的相关知识对于h...
2020-05-09 17:35:32
507
原创 vue中怎么将数据导出到excell中
XLSX.utils.json_to_sheet(data) 接收一个对象数组并返回一个基于对象关键字自动生成的“标题”的工作表,默认的列顺序由使用Object.keys的字段的第一次出现确定...
2020-05-08 09:11:53
306
原创 关于js中时间的相关知识
new Date() 获取的是本机时间myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1;myDate.getDate(); //获取当前日(1-31...
2020-05-06 23:38:29
359
原创 关于git常见的几个指令
常用的1 当用git clone之后,可以看到本地只有一个master主干文件,而远程仓库里面dev等其他分支,要想让本地分支也有远程分支执行以下命令。git checkout --track remotes/origin/dev2 git reflog show 分支名 =》可以查看这个分支是从哪个...
2020-05-05 19:36:56
157
原创 关于npm run build和npm run dev的相关运行机制
npm run dev一 首先打出npm run dev这个命令之后,会首先执行图中的意思就是执行build文件夹下的webpack.dev.congfig.js这个文件,这个文件中又会引入webpack.base.config.js这个文件(这个文件相当于是个基础的文件) ,而且会引入confi...
2020-05-03 23:25:58
1549
原创 相对路径和绝对路径之间的区别
1 相对路径:是从当前路径开始的路径,假如当前路径为C:\windows要描述上述路径,只需输入system32\cmd.exe实际上,严格的相对路径写法应为.\system32\cmd.exe其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。2 绝对路径;:是从盘符开始的路径,形如C:\windows\system32\cmd.exe所谓的绝对路径就是完整的路...
2020-05-02 19:08:54
1403
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人