- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 动态修改css样式
HTML <div id="edit-map" class="map" />jsvar obj = document.getElementById('edit-map')obj.style.cssText = 'z-index:1;'
2021-05-24 19:05:20
680
原创 eCharts好看的 响应式 圆环饼图 及文字 附vue源码代码
先看一下echarts图表效果图表只要resize就会随着页面比例的变化而变化，但是图表中的标识字不可以哦，官方api不接受rem，vh，vw来调整字体大小。有两种解决办法，第一种是监听页面元素，根据屏幕大小来调整文字的大小，在resize里面重绘。第二种办法就是我下面代码里面的方法，通过把fontsize设置成百分比的样式来等比例调整图表。<template> <div class="contain"> <el-row> <el-c
2021-03-10 16:02:32
1253
原创 a标签下载、blob下载、两种方法实现下载导出功能
html代码~ <div v-if="idx==0"> <el-button @click="uploadUser" ><a :href='`http://192.168.2.151:8000/download?batchNumber=${this.formLabelAlign.batchNumber}`'>导出</a></el-button> </div>methods方法 /** *
2021-02-01 10:36:02
1532
原创 css表格改透明，修改样式，使用/deep/时候报错Module build failed : SassError: expected selector.
css修改样式时候报错如下Module build failed : SassError: expected selector.原因是：某些预处理器（例如Sass）可能无法正确解析。解决办法是：使用::v-deep代替/deep/例如把elementui表格改透明 //透明化整体 .table-wrapper ::v-deep .el-table, .el-table__expanded-cell { background-color: transparent !importa
2020-11-23 17:15:19
2267
原创 vue cli3.0中使用高德地图超详细版
1.下载安装包npm install vue-amap --save2.在html中引入高德地图路径地址public=>index.html 不在src里面喔～ <script src="https://webapi.amap.com/maps?v=2.0&key=你的key"></script> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&
2020-08-12 15:36:55
2387
原创 剑指offer刷题 JavaScript版 代码及思路分析（二）
6.把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。 输入一个非减排序的数组的一个旋转，输出旋转数组的最小元素。 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转，该数组的最小值为1。 NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。function findminnumber(rotateArray) { if(rotateArray[0]==0){ return 0 } else{ for(var
2020-08-11 18:18:57
164
原创 vue-element-admin 搭建项目 前后端交互
首先进行开发的一定不要直接用vue-element-admin，这个冗余内容很多，不适合二次开发，二次开发的话选择 vue-admin-template！！！template就容易上手多了1.然后就是改前端布局，css什么的，在当前它的index.vue里面改它的布局样式就好啦2.页面布局完成后需要前后端交互了，这时候需要删掉一些mock的数据，，否则就会出现双层接口地址，就像下面这样3.需要删除的部分有：4.将原项目的前后端交互数据删除之后，需要将baseUrl改成自己的位置在.e
2020-08-06 10:47:46
2369
原创 剑指offer刷题 JavaScript版 代码及思路分析（一）
1.在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。 请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。var array = [ [1, 2, 3, 4, 5], [2, 3, 4, 5, 6], [3, 4, 5, 6, 7], [4, 5, 6, 7, 8], [5, 6, 7, 8, 9]]function Find(array,num){ for (var
2020-08-05 14:24:52
147
原创 前端原生项目 动态获取表格数据 高德地图画轨迹
很久没有写原生项目了，因为是个两个需求的小项目，就写了原生，也顺便回顾一下。代码全都贴在下面了，有需要的可以参考一下，或者欢迎给我提建议吖～效果图：表格页是动态获取数据进行填充的，原生没有vue的v-for之类的，所以渲染表格会稍微麻烦一点点击查看详情，筛选时间查看行车轨迹，轨迹是由经纬度坐标点组成的目录代码如下home.html:<!DOCTYPE html><html lang="en"><head> <meta charset=
2020-07-29 16:45:26
870
原创 git 提交报错 --＞回退版本并强制提交的办法
思路就是先查看提交代码的版本号，然后回退后，强制提交1.查看历史版本git log --pretty=oneline2.回退版本git reset --hard 版本号3.强制提交git push -f
2020-07-29 16:14:18
1223
原创 Vue使用is动态组件切换
一共需要三步就ok啦1.在组件里面声明components:{ 'AddType':AddType, 'Change':Change, 'MarketLook':MarketLook, 'MarketApproval':MarketApproval },2.在watch里面监听watch:{ titel(val){ if(val=='新增')
2020-05-20 09:19:35
257
1
原创 code ELIFECYCLE npm ERR! errno 126 Exit status 126
报错如下sh: /workspace/web/smart-admin-web/node_modules/.bin/vue-cli-service: Permission deniednpm ERR! code ELIFECYCLEnpm ERR! errno 126npm ERR! [email protected] dev: `vue-cli-service serve --open`npm ERR! Exit status 126npm ERR! npm ERR! Failed at th
2020-05-13 09:25:40
1861
原创 页面新增iconfont图标，超详细版
需求：项目原先有个字体图标库，需要新增一些字体图标1.首先打开iconfont字体图标库网址：https://www.iconfont.cn/2.可以在右上角框框里面搜索想要的图标搜索之后可以看到有282个关于“应用”的字体图标，选择想要的加到购物车里3.点击购物车里面的下载至本地，会下载一个包，文件目录如下：有用的是这四个4.为了防止与源文件冲突，将这四个文件重新命名一下，再导入到项目中命名之后：项目原先的配置及新加的配置5.最后一步，将iconfont.css文件夹里面的@
2020-05-12 10:48:51
533
原创 Elementui Tooltip 文字提示 动态赋值
看了官网的介绍，可以在多个位置加提示。我是在右面加的文字提示，鼠标移入移出会有动画效果。后端返回的数据结构如下tableData: [ { corsName: '', status: '', corsCode: '', messageInformation:'' } ]...
2020-04-22 10:33:55
7189
原创 element 去掉表格底部白线
使用elementui 的表格，底部会出现一条白线，想要取消，可以在表格的伪类里面修改代码如下.el-table::before { height: 0px; }
2020-04-17 09:44:09
5125
6
原创 element-ui取消横向滚动条
想要穿梭框数据多的时候可以纵向着滚动，但是有时候会出现很丑的横线滚动。实现代码如下.el-checkbox-group { width: 100%; position: relative; overflow: auto; overflow-x: hidden;}...
2020-04-17 09:36:00
4819
2
原创 Vue深入式响应原理MVVM
vue官方文档里面说当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。那么shim...
2020-04-15 16:16:27
142
原创 vue将后端传过来的数字 在前端页面显示为文字
首先看一下接口文档是这样的在vue获取列表的方法里面这样写代码如下，可直接复制 this.tableData.map(function (val) { if (val.auditStatus == 0) { val.auditStatus = '未审核' } else if (val.auditS...
2020-03-24 16:50:50
8455
3
原创 vue同时query，param传参
封装的apihttp.js/** * 导入 * @param {*} url 接口地址 * @param {*} formData 本地导入的文件 */export function postFormData(url, formData) { url = baseUrl1 + url return new Promise((resolve, reject) => {...
2020-03-20 13:09:20
1079
原创 时间转化前台将2020-07-17T03:07:02.000+0000转化为2020-07-17 11:07:02传参
用elementui的时间日期选择器，会自动设置为时间格式2020-07-17T03:07:02.000+0000但是后端的传参需要我传2020-07-17 11:07:02这种。有两种解决方法：1. 方法一，当你不是用elementui时，将如下代码直接复制到你的methods方法里，传参之前格式化一下就好了。 /** * 时间格式化，将时间格式转成字符串 */...
2020-03-17 11:24:25
7462
原创 背景铺满整个屏幕
css样式如下：.d-main-content { width: 96%; margin: 0 auto; height: 8rem; background: url('../../assets/tuodi.png') no-repeat ; background-position: center top; background-size: 100% 100%; o...
2020-03-10 09:23:21
153
原创 vue3.0引入字体样式ttf文件
vue3.0之后，就把build目录隐藏掉了，所以想要配置配置webpack.base.conf.js 文件很麻烦。具体做法是：1.下载ttf字体包，把包放在common下2.在common文件夹下新建font.css文件，在其中引用字体文件并进行配置：@font-face { font-family: 'FZCYJ'; src: url('FZCYJ.ttf'); ...
2020-03-09 17:55:41
5993
1
转载 vue.js数组追加合并与对象追加合并
今天在做懒加载的时候遇到的问题，在网上搜索找到的答案不是很清晰，就来写一下，方便以后使用。直接上图吧官方连接:https://cn.vuejs.org/v2/guide/reactivity.html...
2020-03-03 11:44:39
566
原创 重绘与重排
重绘-是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。-触发重绘的条件：改变元素外观属性。如：color，background-color等。 重排（重构/回流/reflow）-当渲染树中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建, 这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时...
2020-02-27 10:52:56
132
原创 vue项目+elementui报错 [Vue warn]: Invalid prop: type check failed for prop "index".
使用element-ui在vue项目中，使用NavMenu 导航菜单加入循环会有如下警告代码如下:<el-submenu v-for="(item, index) in hasChild" :index="index" :key="index"> <template slot="title"> <i :class="'el-icon-'...
2020-01-17 09:35:25
1031
原创 报错These relative modules were not found:
当你出现这种报错报错的时候These relative modules were not found:* ../http/api in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--...
2020-01-16 09:55:13
14565
原创 ES6字符串拓展方法
ES6字符串的扩展方法及模版字符串ES6加强了对unicode的支持示例总结字符串扩展api1.判断字符串是否包含指定字符串的几个方法2.字符串补全的方法3.模版字符串ES6加强了对unicode的支持ES5中js允许采用/uXXXX的形式表示一个字符，XXXX表示字符的unicode码点。这种码点只限于\uXXXX~\uFFFF之间的字符。超过这个范围，必须使用双字节的形式表示，但是ES5...
2020-01-10 13:30:07
237
1
原创 vue css实现漂亮的滚动条
vue css实现漂亮的滚动条效果图HTML代码CSS样式效果图HTML代码 <el-col :span="8" class="rg-table"> <div class="eps-header"> <span class="add_title">基本信息</span> </div> <...
2020-01-09 11:24:09
1716
vehicle.zip
2020-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人