UnicodeDecodeError: ‘utf-8‘ codec can‘t decode byte 0xff in position 0: invalid start byte python转码问题解决方案
地址跳转路由传参的两种方式 页面之间的传值方式 1.在地址显示内容的传参方式：this.$route.query首先跳转的地方写入要跳转的路由以及要传的参数this.$router.push({ path: '路由地址', query: { data1: '参数string', data2: { data21: '', data22: {} }
vue使用 v-html加载不出页面解决方法 显然使用v-html有很多弊端，比如安全性问题等，我遇到了页面加载不出来且不能监听刷新的问题我们的需求是实现接口返回富文本数据前端进行显示不正确用法：<div v-html="content" />正确用法<div id="content" />方法里面：document.getElementById('content').innerHTML = res.data;我在使用过程中总是出现html加载不出来数据的情况，试了很多方法都不.
VM655:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0 很有意思的一篇文章https://blog.csdn.net/bmw601055/article/details/77414855，大概情况就不多说了我遇到的更有意思，前后代码都是一致的，只有一个字段定义为 -1，编辑就失败了，看到上述文章我恍然大悟，JSON将对象转换为字符串的严格要求，就是非法字符问题影响了他的解析，emmmm，搬砖需谨慎。代码报错时没有一行代码是无辜的！...
前端解决js、css等浏览器缓存问题 前景：近期公司做了一款针对IE8的产品，这就要求使用原生HTML+jQuery1.9。测试过程中发现每次发版都要清理浏览器缓存才能访问最新代码，这跟浏览器机制有关。我们没办法要求用户每次更新版本之后清理浏览器缓存，所以要做的就是不使用浏览器缓存。1.关于js、css在每次引用之后添加版本号，使其能区分版本：<link rel="stylesheet" type="text/css...
Element-UI中table表头错位问题 可以全局添加样式body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;}
vue项目中定义全局变量 前言：项目中经常用到用户登录后的token、用户名、用户Id等等，这个时候就需要全局变量或者函数了，这里就简单说一下全局变量。首先定义全局变量模块文件：Modular.vueconst userName='xiaoming;const token='12345678'; export default { userName,//用户名字 token,//用户...
tab中同一位置使用echarts，解决大小自适应问题：第二个开始大小不能自适应 今天使用echarts时遇到一个问题，同样的代码同一位置我点击存放了多个echarts图，大小有问题，案例如下：解决方案如下：因为我用到的是element的tab组件，查看文档后发现，该组件不会刷新生命周期钩子。也就是说不会触发echarts组建中的销毁初始化等，这几个tab中的echarts是同时加载的，解决方案就是加入v-if......是不是很坑爹 ...
git 对版本进行管理 我们知道当一个项目中多个人管理或者项目比较大时，每次提交修改线上文件时，对版本的管理尤其重要，今天记录一下常用的几个命令以及步骤。我们可以打包上线后在进行版本的更新或者进行版本更新然后打包上线，都是可以的。1.拉取当前项目版本信息：# git fetch --all2.修改项目中关于版本的描述：3.把修改的两个文件内容提交到远程分支并合并：# git add ....
前端之vue轮播图效果-----引用Element走马灯效果 话不多说，先上效果图：1.首先要引用到element走马灯插件：下载element之后，在main.js中引入：import {Carousel, CarouselItem} from 'element-ui'Vue.use(Carousel)Vue.use(CarouselItem)2.在要使用的组件里引用标签： <el-carousel :...
p标签在div中垂直居中且文本左对齐 父元素div设置：text-align: center;p元素设置：display: inline-block;vertical-align: middle;text-align: left
关于移动端、浏览器适配解决方案优缺点对比 以下仅供自己学习记录！一. 移动端适配问题1、使用rem进行浏览器适配：比较常用rem（fontsizeoftherootelement）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem一定会想起em单位，em（fontsizeoftheelement）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是...
Element TimePicker 时间选择器 回显问题Invalid data 今天使用element ui中回显时一直2-01-01类似于这种无效的时间，后来发现是因为使用new Data处理后端返回过来的数据的时候：如果字符串为空，就会出现Invalid data。在不能保证时间一定有值的情况下，前端就需要对接收过来的数据进行处理。因为用的地方比较多我就把它封装到了一个文件中，所有的组件用到的直接引用方法即可：/** * 处理时间 * @param ...
Echarts 提示内容自定义 y轴显示中文 提示信息：只需要重写tooltip中的formatter方法，然后按照函数进行数据处理，并返回要显示的数据即可。 tooltip: { formatter: function(params) { var res = params[0].name + '<br/>水质等级为：' var texts = '' ...
vue中this.$router.push路由传参方法 在vue项目中通过this.$router.push路由跳转页面传递参数的方式经常用到，一般有两种方式：1.name+params传参方式：[name为要跳转的路由名，params为要传递的参数]this.$router.push({name:'success',params:{username:'tom',value:'04652'}}); 注意：如果要传递多个参数，可以先封装成对...
css padding margin的百分比 padding和margin都可以使用百分比来定义大小，注意参考的百分比是宽度，而不是高度。利用这个特性，可以按照比例固定盒子的大小，可以解决如：轮播图所在盒子大小固定比例，防止图片未加载时的样式问题 // 盒子大小width:100%height:0overflow: hiddenpadding-bottom: 50%// 图片比例宽高2:1 完美解决问题。...
fork项目的步骤：本地分支同步远程分支 1. fork项目到本地项目，clone到本地$ git clone https://github.com/yourname/project.git2. 更新代码至本地，与源码保持一致：默认本地为origin，一般远程为upstream$ git remote add upstream https://github.com/sourcename/project.git3...
FileZilla Client的使用：项目打包构建更新步骤 作为一个刚转前端的小白，日常记录新学到的知识。'硬性要求'：在学会操作步骤之前，一直都是项目里面的其他人来负责打包更新构建，但是偶有一天需要自己构建时一脸懵... 所以凡事能用到的，自己都要掌握，不要偷懒哟。废话少说，直接上步骤：1. 首先要下载FileZilla Client，这个就不用多说了，不会的可以自己搜一下。2.下载完毕后，打开界面该位置的站点管理器，如下：3....
关注
