- 博客(26)
- 收藏
- 关注
原创 UnicodeDecodeError: ‘utf-8‘ codec can‘t decode byte 0xff in position 0: invalid start byte
python转码问题解决方案
2022-09-08 09:17:43
574
原创 地址跳转路由传参的两种方式 页面之间的传值方式
1.在地址显示内容的传参方式:this.$route.query首先跳转的地方写入要跳转的路由以及要传的参数this.$router.push({ path: '路由地址', query: { data1: '参数string', data2: { data21: '', data22: {} }
2022-04-24 16:04:20
1213
2
原创 vue使用 v-html加载不出页面解决方法
显然使用v-html有很多弊端,比如安全性问题等,我遇到了页面加载不出来且不能监听刷新的问题我们的需求是实现接口返回富文本数据前端进行显示不正确用法:<div v-html="content" />正确用法<div id="content" />方法里面:document.getElementById('content').innerHTML = res.data;我在使用过程中总是出现html加载不出来数据的情况,试了很多方法都不.
2022-04-24 14:24:12
5062
转载 VM655:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
很有意思的一篇文章https://blog.youkuaiyun.com/bmw601055/article/details/77414855,大概情况就不多说了我遇到的更有意思,前后代码都是一致的,只有一个字段定义为 -1,编辑就失败了,看到上述文章我恍然大悟,JSON将对象转换为字符串的严格要求,就是非法字符问题影响了他的解析,emmmm,搬砖需谨慎。代码报错时没有一行代码是无辜的!...
2019-12-10 10:46:19
2122
原创 前端解决js、css等浏览器缓存问题
前景:近期公司做了一款针对IE8的产品,这就要求使用原生HTML+jQuery1.9。测试过程中发现每次发版都要清理浏览器缓存才能访问最新代码,这跟浏览器机制有关。我们没办法要求用户每次更新版本之后清理浏览器缓存,所以要做的就是不使用浏览器缓存。1.关于js、css在每次引用之后添加版本号,使其能区分版本:<link rel="stylesheet" type="text/css...
2019-06-03 14:01:38
4199
原创 Element-UI中table表头错位问题
可以全局添加样式body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;}
2019-05-06 13:12:13
1416
原创 vue项目中定义全局变量
前言:项目中经常用到用户登录后的token、用户名、用户Id等等,这个时候就需要全局变量或者函数了,这里就简单说一下全局变量。首先定义全局变量模块文件:Modular.vueconst userName='xiaoming;const token='12345678'; export default { userName,//用户名字 token,//用户...
2019-04-25 10:19:40
2762
1
原创 tab中同一位置使用echarts,解决大小自适应问题:第二个开始大小不能自适应
今天使用echarts时遇到一个问题,同样的代码同一位置我点击存放了多个echarts图,大小有问题,案例如下:解决方案如下:因为我用到的是element的tab组件,查看文档后发现,该组件不会刷新生命周期钩子。也就是说不会触发echarts组建中的销毁初始化等,这几个tab中的echarts是同时加载的,解决方案就是加入v-if......是不是很坑爹 ...
2019-04-23 13:19:37
1387
原创 git 对版本进行管理
我们知道当一个项目中多个人管理或者项目比较大时,每次提交修改线上文件时,对版本的管理尤其重要,今天记录一下常用的几个命令以及步骤。我们可以打包上线后在进行版本的更新或者进行版本更新然后打包上线,都是可以的。1.拉取当前项目版本信息:# git fetch --all2.修改项目中关于版本的描述:3.把修改的两个文件内容提交到远程分支并合并:# git add ....
2019-03-25 10:31:09
280
原创 前端之vue轮播图效果-----引用Element走马灯效果
话不多说,先上效果图:1.首先要引用到element走马灯插件:下载element之后,在main.js中引入:import {Carousel, CarouselItem} from 'element-ui'Vue.use(Carousel)Vue.use(CarouselItem)2.在要使用的组件里引用标签: <el-carousel :...
2019-03-20 09:28:53
7299
1
原创 p标签在div中垂直居中且文本左对齐
父元素div设置:text-align: center;p元素设置:display: inline-block;vertical-align: middle;text-align: left
2019-03-20 09:25:26
18566
1
原创 关于移动端、浏览器适配解决方案优缺点对比
以下仅供自己学习记录!一. 移动端适配问题1、使用rem进行浏览器适配:比较常用rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem一定会想起em单位,em(fontsizeoftheelement)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是...
2019-03-06 16:11:09
2990
原创 Element TimePicker 时间选择器 回显问题Invalid data
今天使用element ui中回显时一直2-01-01类似于这种无效的时间,后来发现是因为使用new Data处理后端返回过来的数据的时候:如果字符串为空,就会出现Invalid data。在不能保证时间一定有值的情况下,前端就需要对接收过来的数据进行处理。因为用的地方比较多我就把它封装到了一个文件中,所有的组件用到的直接引用方法即可:/** * 处理时间 * @param ...
2019-03-04 16:44:16
9997
原创 Echarts 提示内容自定义 y轴显示中文
提示信息:只需要重写tooltip中的formatter方法,然后按照函数进行数据处理,并返回要显示的数据即可。 tooltip: { formatter: function(params) { var res = params[0].name + '<br/>水质等级为:' var texts = '' ...
2019-01-14 15:16:35
13159
3
原创 vue中this.$router.push路由传参方法
在vue项目中通过this.$router.push路由跳转页面传递参数的方式经常用到,一般有两种方式:1.name+params传参方式:[name为要跳转的路由名,params为要传递的参数]this.$router.push({name:'success',params:{username:'tom',value:'04652'}}); 注意:如果要传递多个参数,可以先封装成对...
2018-12-29 11:19:06
1889
原创 css padding margin的百分比
padding和margin都可以使用百分比来定义大小,注意参考的百分比是宽度,而不是高度。利用这个特性,可以按照比例固定盒子的大小,可以解决如:轮播图所在盒子大小固定比例,防止图片未加载时的样式问题 // 盒子大小width:100%height:0overflow: hiddenpadding-bottom: 50%// 图片比例宽高2:1 完美解决问题。...
2018-12-26 09:19:01
291
原创 fork项目的步骤:本地分支同步远程分支
1. fork项目到本地项目,clone到本地$ git clone https://github.com/yourname/project.git2. 更新代码至本地,与源码保持一致:默认本地为origin,一般远程为upstream$ git remote add upstream https://github.com/sourcename/project.git3...
2018-12-05 10:30:09
4106
原创 FileZilla Client的使用:项目打包构建更新步骤
作为一个刚转前端的小白,日常记录新学到的知识。'硬性要求':在学会操作步骤之前,一直都是项目里面的其他人来负责打包更新构建,但是偶有一天需要自己构建时一脸懵... 所以凡事能用到的,自己都要掌握,不要偷懒哟。废话少说,直接上步骤:1. 首先要下载FileZilla Client,这个就不用多说了,不会的可以自己搜一下。2.下载完毕后,打开界面该位置的站点管理器,如下:3....
2018-11-27 15:16:15
1641
原创 echarts使用:X轴不从0开始
只需要设置xAxis中的boundaryGap属性,设置为false代表是零刻度开始,设置为true代表离零刻度间隔一段距离... xAxis: { type: 'category', boundaryGap: false, data: dateList },... ...
2018-11-23 11:02:47
22524
2
原创 vue项目修改浏览器图标名称
首先打开项目目录:找到index.html:这个y就是浏览器显示名称,如果想要添加项目图标,在index.html的head中:<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">完成!...
2018-11-23 10:32:56
11374
原创 vue中如何实现样式之间的动态切换
在原生或者jQuery中,通过直接操作DOM来进行样式的渲染。那么在Vue中也要获取dom节点进行操作吗?!当然不需要!我们可以很方便的通过动态css判断进行渲染,下面是一个案例:<template> <div class="hello"> <ul> <li v-for="(list, index) in...
2018-11-21 09:32:27
2119
原创 Angular2入门之双向绑定时[(ngModel)]不能使用的问题
angular2在双向绑定数据时一直报:Can't bind to 'ngModel' since it isn't a known property of 'input'这个错误,经过查阅才知道是因为我的根模块app.component.ts没有引入FormsModule,需要在文件中引入ngModel正确做法是: 在app.component.ts中添加两行代码: im...
2018-01-30 20:56:21
2084
1
原创 Java常用类简单概括
1.在使用浮点数float和double时存在精度错误问题,因为计算机是二进制的,而浮点数并不能进行二进制运算。2.Math.random(); -->随机数 Math.PI; -->π的值 Math.abs(),-->求绝对值 Math.ceil(); -->向上取整 Math.floor(); -->向下取整 Math.roun
2017-10-17 21:48:04
405
原创 Java中String类转换为Date日期显示
Date类的案例:-->获取你输入的年月日,注意输入格式要与格式化内容一致。1) 接收String类型的输入Scanner s=new Scanner(System.in);System.out.println("请输入格式为:日/月/年 的日期");String datestr=s.next();2) 简单日期格式化SimpleDateFormat sdf=new Sim
2017-10-17 21:31:14
818
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人