自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 数据处理(数组、对象、字符串计算等)

字符串数组对象一、判断两个数组/对象的值是否相等在对表格顺序排序保存时,要先判断此时的数据顺序是否等于刚开始的顺序,此时需要进行值的判断。1、数组和对象是引用值类型,直接===判断的是引用地址(只要是New出来都会不一样)2、解决方法:1)判断顺序+值是否相等:(转换成字符串进行判断)[1, 2, 3].toString() === [1, 2, 3].toString()[1, 2, 3].split(",") === [1, 2, 3].split(",")##如果是对象数

2021-01-25 11:26:33 21 1

原创 swiper轮播图(旋转木马,异形swiper)

参考链接:添加链接描述-----查看源代码看使用swiper轮播图组件库,查看vue中使用的文档和API文档(swiper6优缺点,滑动会跳动一下)在.vue文件中具体如何使用参考文档**loop:true循环时的一些坑:1、前后复制的slide中图片是src是空的// 图片src是动态获取的,在src数据还没从后台获取到,swiper就完成了复制操作,此时src都是空的2、前后复制的slide点击跳转事件不生效// swiper只前后复制dom,并不会复制事件解决:1、让swiper组件在获

2020-12-01 17:40:47 2714

原创 地图(pc和移动端)

PC端移动端:唤醒高德地图(移动端微信调用wx.openLocation)(h5判断android还是ios--跳转到对应的链接接口,如果没有对应App就不会唤醒,就不在当前浏览器,此时地址进入应用宝下载) goMap() { const u = navigator.userAgent const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 const isIO

2020-11-05 16:29:31 579

原创 导入、导出+复制粘贴文本

导入导出1、导入:upload组件上传到阿里云服务器获取到地址,地址传给后台2、导出:3、下载模板:页面动态添加a标签,href属性:下载文件地址,downLoad属性:文件名称(a点击事件触发,完成之后删除a标签)// 获取文件路径名称(path为下载地址)export function getLastNameLocation(path) { if (path.lastIndexOf('\\') >= 0) { const reg = new RegExp('\\\\',

2020-08-21 13:50:33 358

原创 项目难点(封装组件难点)

1、已获取当前账号的操作配置权限(arr),在每个页面中有对应的效果1)可以通过自定义指令,来对相对应的标签进行操作。2)表单操作部分权限逻辑处理在封装的组件中1)按钮等(自定义指令): // 按钮权限指令必须加在dom元素(例如:span),不能加在<template></template>上Vue.directive('btnPermission', { // 当被绑定的元素插入到 DOM 中时…… inserted: function(el, binding

2020-08-19 17:20:25 781

原创 小知识点html

1、word文件转化成html或者VUE文件样式以HTML形式另存,打开文件复制粘贴即可

2020-08-05 17:23:28 88

原创 vuex

vuex官方文档

2020-08-03 17:39:45 99

原创 小知识点css

1、背景图片:background-size:cover 完全覆盖整个盒子(宽高比例不变,图可能不全)

2020-07-25 11:33:52 208

原创 7.17临时小计

1、debugger打断点:第一个:下一步,下一个循环2、会使用&& ||可以取代简单的if// value存在时,执行后面的 attr.value && (vue[item.attrKey][attr.attrKey] = JSON.parse(attr.value))3、JSON数据:处理:JSON,parse()...

2020-07-18 16:49:21 60

原创 kahh项目遇到的坑

一:1、图片在div盒子里面下方有空白缝隙:原因:图片下方和文字的基线对其,所以有缝隙。解决方法:1、将div盒子中文字大小设为0: font-size:02、设置图片: vertical-align:middle/top/bottom2、图片在div盒子里上方有缝隙:原因:代码原因,div和img之间有缝隙解决方法:display:block...

2020-07-03 16:05:49 273

原创 git提交问题

1、代码冲突2、加到本地仓库失败(commit):提交的本地代码格式有问题(例如:引入某个接口没使用等)

2020-07-03 15:03:14 1092

原创 viewer图片预览插件

参考github文档https://github.com/fengyuanchen/viewerjs#options1、下载插件2、引入插件3、参数1:图片外div的dom对象参数2:预览插件配置项new Viewer(document.querySelector('.checkImgBox'), this.viewerOption)4、使用的话:点击图片(图片click就会调用) <div class="checkImgBox"> <img :

2020-07-03 14:24:43 804

转载 有关npm问题

https://github.com/PanJiaChen/vue-element-admin/issues/24

2020-06-11 16:42:53 142

原创 iframe(html标签)

1、去掉滚动条:给外面一个大盒子,设置宽高,对里面的iframe溢出隐藏

2020-06-11 15:16:10 574

原创 a-cascader编辑绑定值数据变化,但页面dom不回显不更新问题($set用法)

使用this.set对引用值类型的数据进行添加或者删除。[为data中的updateForm对象添加一个属性,需要用到this.set对引用值类型的数据进行添加或者删除。[为data中的 updateForm 对象添加一个属性,需要用到this.set对引用值类型的数据进行添加或者删除。[为data中的updateForm对象添加一个属性,需要用到this.set(删除this.$delete)](https://cn.vuejs.org/v2/api/#Vue-set) if (this.$ro

2020-06-09 11:05:32 3375

原创 5.18 nextTick

nextTick()的使用1、this.$nextTick() ==DOM进行更新之后可进行一系列操作所以在create中没作用,因为DOM并没有更新,只是数据初始化了。1)对Dom渲染的组件进行操作(当组件渲染最新数据错误时(缓存原因),可进行重新渲染组件,比如table树形的+号) html: <table v-if="update"></table> js: this.update=false this.nextTick(){.

2020-05-18 15:02:01 81

原创 Less

嵌套默认父子,&代表本身/ 详情页面样式.details {// details-operator &-operator { margin-bottom: 18px; button { margin-right: 8px; } } &-card { .ant-card-body{ padding: 24px 100px; } } &-data { .ant-form-item {

2020-05-12 15:49:38 115

原创 每日一记

5.7 es65.8 es65.9 npm 二次封装组件 二次封装地址https://blog.csdn.net/zhouzhoua123321/article/details/106024435

2020-05-12 11:34:41 90

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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