自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 js动态修改网站的favicon

//页面设置faviconvarfaviconurl="https://....." ;//这里可以是动态的获取的favicon的地址 varlink=document.querySelector("link[rel*='icon']")||document.createElement('link');link.type='image/x-icon';...

2020-08-11 16:56:26 6

原创 element-ui el-autocomplete怎么使用以及怎么控制只能输入数字

el-autocomplete实现的效果是输入内容下面给提示.然后选择一条就填写到了相应的位置<el-autocompleteclass="w300"popper-class="searchUser" v-model="addSForm.mobile":fetch-suggestions="querySearch"v-numberonlysplaceholder="请输入内容"@select="usernameSelect"clearable...

2020-08-07 10:08:38 50

原创 js动态获取当前时间前后的2年时间

//获取当前年份的前后num年function getYearsList(num){letcur=newDate().getFullYear();letcur1,cur2;letbefore=[];letafter=[];for(leti=0;i<num;i++){cur1=cur-1;cur2=cur+1;...

2020-08-07 10:01:57 39

原创 一条代码获取当前的时间戳

var nowdate=new Date() - 0;

2020-08-05 16:27:09 26

原创 怎么判断一个对象是空的

1,使用JSON.stringify()。把json对象转成json字符串再去判断if(JSON.stringify(c)=='{}'){ console.log(''空)}2,Object.keys();这是获取对象的键的方法。如果对象是空的也就没有键啦if(Object.keys(obj).length==0){ console.log('空对象')}else{ console.log('非空对象')}...

2020-07-29 17:26:28 52

原创 vue项目中使用axios上传文件显示进度

<h4>上传文件:</h4><pclass="input-zone"><spanv-if="filename">{{filename}}</span><spanv-else>+请选择文件上传+</span><inputtype="file"name="file"valu...

2020-07-29 11:53:13 41

原创 eval()函数把含有转义字符的字符串转换成Object对象的方法

var page = eval("("+data+")");上面红色框是data。里面含有转义字符。下面框的紫色是eval以后的对象数据

2020-07-28 16:01:20 33

原创 给element表格添加必填*星号的方法

1,利用rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"&g...

2020-07-23 11:12:35 214

原创 element-ui的prompt如何在输入内容以后点击了确定事关闭弹窗

cancelAudit(){var_this=this;this.$prompt("撤销审核的原因:","提示",{confirmButtonText:"确定",cancelButtonText:"取消",inputValidator:(value)=>{ if(!value){//对输入内容校验 return'撤销...

2020-07-22 11:46:06 200

原创 查找某个字符串是否是另一个子集。使用indexOf存在问题。

var arr=["/lessonplanmgt", "/lessonplan/lessonplanpackage/teacher/audit", ""];里面查找是否有"/lessonplan/lessonplanpackage/teacher"首先想到的是使用indexOf查找字符串。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。首先用toString()把数组转为字符串。然后在用indexOf去查找。看上面的例子。子字符串分明不在里面但是判断他是不是不存在的..

2020-07-16 17:50:22 26

原创 mathJax报错:Cannot read property ‘Hub‘ of undefined。cdn过期不生效啦。cdn地址时好时坏

我写过一篇一样的报错,看这里:MathJax.js使用时报错那个里面不是在vue项目里写的所以在script里面加个type="text/x-mathjax-config"就可以了。但是如果再vue项目的js里面写配置没有办法去加这个设置。我的插件我引入的这个 :<scriptsrc='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML'></script&..

2020-07-16 17:41:24 37

原创 通过style.display来写元素的显示隐藏效果。第一次点击希望它显示竟然没有效果。需要点2次的原因

点击按钮来显示隐藏上面的aaaaaaa。初始状态他是隐藏的。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style> #div{display:none}</style></head><body>...

2020-07-07 16:12:36 46

原创 收藏的有用的网站

迅捷在线转换器:https://app.xunjiepdf.com/在线正则表达式测试https://tool.oschina.net/regex/各类软件免费下载。有办公的word之类的还有ps。。。等等。 http://www.zhanshaoyi.com/rjxz.html阿里巴巴矢量图标库:https://www.iconfont.cn/在线图片压缩:https://tinypn...

2020-07-07 11:53:50 35

原创 vue component组件内部自己引用自己

我曾经写过的一篇文章用过子组件里面自己引用自己element-ui的表格。表头和表格数据都是接口动态给的。多级表头。如何写呢? MyColumn.vue<template> <el-table-column :prop="titledata.values" :label="titledata.label" align="left"> <template v-if="titledata.children.length">...

2020-07-02 15:58:30 118

原创 组件名命名方式。为什么有点用_短横线有的是大小写?

定义组件名的方式有两种:1.短横线分隔命名<my-component-name>引入的时候components: { 'my-component-name':resolve=>{ require(["@/components/classes/my-component-name"].resolve)} },2.首字母大写命名<MyComponentName>引入的时候components: { 'MyComponentName':...

2020-07-02 15:34:23 150

原创 vue+elementui 项目中输入手机号,要求必须是数字限制最长11位 。type=“number“ 中maxlength失效

这样的需求是经常用到的。但是我们在用的时候却发现了一些问题:<el-inputv-model="mobile" placeholder="手机号" type="number" maxlength="11"></el-input>只能输入数字:type="number"最长11位 : maxlength="11"如果写type="number" maxlength="11"。的确只能输入数字但是maxlength="11"的长度限制却失效了。如果不写...

2020-07-01 16:55:15 379

原创 vue+elementui的table合并行

一个班级下面可以有多个试卷。这时候我们要根据班级的id来确定合并的行数。班级id一样的要合并。 tableData: [ { classname: '2018年暑假班一年级语文小班兴趣', clsid: '123', title: '2020/06/18 20:21:12 测试 (4)题', }, { classname: '2018年暑假班一年级语文小班兴趣', clsid: '...

2020-06-23 16:59:15 160

原创 echart设置了legend.data图例不见了

有时候图例需要自定义。像下面这个例子写了很多内容。但是当我们定义好了需要的图例的数据却发现图例不见了这是因为legend的data与series的name 两者必须同时存在,且数量和文字内容必须一致。...

2020-06-12 17:28:27 169

原创 使用render+JSX

package.jsondependencies: { "babel-helper-vue-jsx-merge-props": "2.0.3", "babel-plugin-syntax-jsx": "6.18.0", "babel-plugin-transform-vue-jsx": "3.7.0"}.babelrc{ "presets": [ ["env", { "modules": false, "targets"...

2020-06-11 16:52:23 68

原创 element-ui的表格。表头和表格数据都是接口动态给的。多级表头。如何写呢?

就像上面这样的表格数据。他的表头是两级的。表头和数据都是接口给我的。上面是接口传来的数据。titledata是表头的数据。children如果长度大于0.children就是他的2级表头。tablebase是表格内容。表头的value值对应表格数据的键值。如果tablebase作为表格一级表头的表格。键是表头,那么我们即使不知道长度也可以通过循环来写的。参考这篇文章https://blog.csdn.net/qq_33769914/article/details/106547680。但是..

2020-06-11 10:56:52 273 1

原创 vue+element-ui实现多选框绑定数组对象。为什么不能回显

本来的逻辑是点全选获取全部单选的绑定值的数组。就可以让下面所有的选中。但是如果下面单选绑定的不是一个值。而是一个对象的话。即使点击全选获取所有单选对象组成的数组也不能回显。直接按照官网的例子修改一下.让他绑定的值是对象。发现你写了checkedCities选中的对象内容,但是并没有回显<template><div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change..

2020-06-10 18:12:29 560 1

原创 vue全选在循环中。选中一个竟然全部都选中了

<div v-for="(item,index) in list"> <input type="checkbox" :id="index" :value="item.id" v-model="checkedItem"></div>注意写value值

2020-06-06 17:24:23 337 3

原创 vue-baidu-map根据标注点坐标范围计算显示缩放级别zoom自适应显示地

我知道一个后端给的地址的经纬度要显示在地图上。但是如果我不知道zoom就不知道 应该缩放多少啊。我们可以在map的@ready事件中获取他的zoom<template> <div> <baidu-map class="bm-view" :center="center" :zoom="zoom" @ready="handler" :scro...

2020-06-05 11:39:10 518

原创 input只允许输入数字。小数只能有3位小数

<inputclass="el-input__inner"type="number" oninput="this.value=this.value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')" >

2020-06-04 17:44:54 108

原创 vue input值既要绑定一个值又要显示接口给的值。

如果input是一个的话我们之间可以命名<input type="text" v-model="item" readonly="readonly"/>然后data定义item。初始化的时候让他等于接口给的那个值就可以啦。但是如果input用在循环里面。<spanv-for="(item1,key)in children":key="key" > <inputclass="el-input__inner" type="num...

2020-06-04 17:43:24 52

原创 数组对象去重

//arr1数组对象去重。这个例子是把所有的diccode一样的去重。根据什么去重就把下面的diccode换成什么值var arr1=[{diccode:1,name:"lalala"},{diccode:1,name:"lalala"},{diccode:2,name:"dddddd"}]lethash={};arr1=arr1.reduce((preVal,curVal)=>{hash[curVal.diccode]?'':hash...

2020-06-04 15:50:19 93

原创 element-ui动态生成表格。表头的名字不一样

官网的是这样的。接口数据是已知的:日期,姓名,地址所以可以直接写label。prop的写死如果表头数据是动态的不一定的。我们应该怎么写呢?下面是接口给的表格的数据可以观察看出来我们如果使用循环。就是循环el-table-column<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date"...

2020-06-04 15:41:15 161

原创 git的基本用法总结

下载项目 git clone 阿里云地址更新本地代码git pull origin master如果使用git pull origin master没办法拉取远程代码。可以使用下面的方法拉取远程的某个文件git checkout pages/kykpage/markpapercheck.htmlgit status –s 可以看到本地修改了远程的哪些代码。比较本地代码和服务器代码,具体的文件修改了哪些部分。git diff 文件路径上传代码步骤:一张...

2020-06-02 09:39:38 49

原创 Canvas 和 SVG 的区别:

SVG    SVG 是一种使用 XML 描述 2D 图形的语言。    SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。    在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。    特点:       不依赖分辨率       支持事件处理器       最适合带有大型渲染区域的应用程序(比如谷歌地图)       复杂度高会减慢渲染速度(任何过度使

2020-05-28 17:45:50 56

原创 css渐变

从左往右渐变background:#74F195; background:-webkit-linear-gradient(left,#74F195,#C8FF9A); background:-o-linear-gradient(right,#74F195,#C8FF9A); background:-moz-linear-gradient(right,#74F195,#C8FF9A); background:linear-gradient(to right,#74F195...

2020-05-23 18:08:49 43

原创 两种图片格式png和jpg的区别

1.jpg是有损压缩。压缩的牺牲了图片的质量,占用的内存小。 png是无损压缩。是一种位图格式,因此占用的内存也多2.jpg会有一个白色的背景。和png的图片是透明的背景

2020-05-22 17:01:35 162

原创 移动端自适应屏幕的方法,使用vh和vw

vh是相对设备的高度 1vh=视窗高度1%;如果视窗高度是520px.你的2vh就是520px*2%=10.4px;实际上他的高度是10.4px。如果知道设计图的px尺寸和视窗px尺寸,如何求他的vh高度呢?vh=100*设计图的px尺寸/视窗px尺寸vw相对于设备的宽度 1vw=视窗宽度的1%因此我们可以写个编辑器来计算你想要换算的vh和vw吧标识的<!DOCTYPE html><html><head> <me...

2020-05-22 16:52:35 125

原创 什么是页面重构?

页面重构包括设计稿的重构,过时页面的重构,功能不全页面的重构,代码重构。设计稿的重构:设计师的设计稿可能不是特别符合页面效果,当拿到设计稿时需要通过二次重构和修改达到预期效果。 功能不全页面的重构:页面功能不符合用户体验、用户交互。 过时页面的重构:使用的是过时的代码和标签,跟不上时代的发展。 代码重构:代码质量、SEO优化、页面性能、更好的语义化、浏览器兼容、CSS优化。...

2020-05-22 15:18:34 52

原创 webpack跨域代理。一个例子和可以下载的文档

可以在这里下载首先我新建了一个config.js的文件把域名写在这个文件里。这样所有页面想用的时候直接引入这个文件就可以拿到。当前修改的时候只要修改这个文件就好了。不用到处定义导致的修改时到处找使用到域名的地方。要在config-index.js引入这个域名import cf from 'config的相对位置' //下面就可以使用cf.apiurl当做域名啦。下面截图我用的config作为文件重命名的。所以也就直接通过config.apiurl然后再dev下面添加pro...

2020-05-21 17:59:08 61

原创 一些算法的总结

各种排序算法插入排序(直接插入排序):左边都是排好序的,右边的依次和左边的比较,插入到左边合适的位置。它的基本思想是将一个记录插入到已经排好序的有序表中。当待排序数组是有序时,是最优的情况,只需当前数跟前一个数比较一下就可以了最坏的情况是待排序数组是逆序。归并排序(二路归并):将序列每相邻两个数字进行归并操作。开始2个一组排好序。再把排好序的这两个和另外两个合成一组排序。这样的排序方法经常用于多个有序的数据文件归并成一个有序的数据文...

2020-05-21 10:03:36 50

原创 怎么写一个下面有三个tab标签的移动端的框架。点击底部跳转到指定页。底部是固定的

app.vue<template><divid="app"><router-viewclass="page"></router-view><van-tabbarv-model="active"> //我这里用的vant的框架注意要在main.js里面引入<van-tabbar-itemicon="home-o">标签1</van-tabbar-item...

2020-05-20 18:09:19 66

原创 vue中router和route的区别

1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。跳转路由$router.push({path:'home'});$router.replace({path:'home'});//替换路由,没有历史记录2.route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取对应的name,path,p

2020-05-20 17:43:02 69

原创 -ms-,-moz-,-webkit-,-o-含义及各浏览器内核整理

transform:rotate(30deg); //统一标识语句-ms-transform:rotate(30deg);     //-ms代表ie内核识别码-moz-transform:rotate(30deg);    //-moz代表火狐内核识别码-webkit-transform:rotate(30deg);    //-webkit代表苹果的Safari浏览器及谷歌内核识别码-o-transform:rotate(...

2020-05-20 15:52:34 55

原创 div上下左右居中.全面总结

以前写过这个使用line-height+inline-block做多行文字的垂直居中。还有这个css 多列等高等宽布局今天介绍display:flex这个属性。在未知div宽高时,用这种方法比较方便。

2020-05-20 15:38:30 45

原创 cookie和localStorage以及sessionStorage的区别

cookie:存储的数据量比较小,4kb左右,cookie在浏览器和服务器间来回传递。在与服务器通信时,携带在http请求头中,可以在同源的页面之间共享,有失效日期。sessionStorage:只在当前会话窗口有效,窗口关闭sessionStorage清除,保存在客户端不与服务器进行通信。在不同浏览器的相同窗口也不会共享。localStorage :保存在客户端,不与服务器进行通信。只要不手动删除,长期有效。存储的数据量为5Mb或者是更大,可以在同源的页面之间共享。为什么cookie.

2020-05-19 18:03:17 32

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