- 博客(45)
- 收藏
- 关注
原创 vue导出(数据量大时)
<el-buttontype="warning"@click="exportToExcel()":disabled="isdisabledFn">导出</el-button>exportToExcel(){this.isdisabledFn=true;vardata={export:1...
2020-03-23 15:54:56 2145
原创 elementUI el-select怎么获取多个属性值
<el-selectv-model="Performance"placeholder="请选择"@change="handleChange"><!--value-key="ddeta"--><el-optionv-for="itemindataArr":key="it...
2020-03-17 11:02:11 5013
原创 vue 中html不能写入的内容
basic.other_photo是一个数组<h4v-if="basic.other_photo.length != 0">附加资料</h4>结果报错改成这种就不报错<h4v-if="basic.other_photo!==undefined&&basic.other_photo.length>0">附...
2020-03-10 15:39:43 396
原创 vue+elementui 怎么实现 el-table 有排序功能
<el-table v-loading="loading" :data="tableData" border stripe @sort-change="changeTableSort"><el-table-column align="center" prop="service_calc_overdays" label="逾期天数" :sortable="'...
2020-03-05 11:42:14 2943
原创 vue 使用Viewer实现查看大图功能
下载npm install v-viewer --savemain.jsimportViewerfrom'v-viewer'//查看大图import'viewerjs/dist/viewer.css'//查看大图Vue.use(Viewer)//查看大图Viewer.setDefaults({//查看大图Options:{'inl...
2020-03-05 11:12:21 860
原创 jq写根据年月查询当月的第一天和最后一天
显示本月 <select name="" id="sle"> <option value="">历史绩效</option> </select> <button class="btn">查询</button> var dataArr =...
2020-03-05 10:53:37 820
原创 js写导出(导数万条数据的时候)
<buttonclass="btnbtn-warning"id="exportEx" >导出Excel</button><ahref=""download="excel.xlsx"id="hf_active"></a>$('#exportEx').click(function(){$('#expor...
2020-01-21 11:01:23 352
原创 portrait.vue 传email到 ballG.vue
1、state.js:const state = { myEmail:"" }2、mutations: const mutations = { SET_EMAIL (state,date){ state.myEmail = date } } (SET_EMAIL随意命名)3、getters:const getters = { getEmails: state => state.my...
2020-01-10 17:18:27 136
原创 从接口返回的值确定radio默认选中
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"><...
2020-01-06 17:26:20 438
原创 vue子组件往父组件传多个值
子组件<button @click="emitGetList" type="info">搜索</button>emitGetList(){ this.$emit('moreData',this.myValue,this.myamount);},父组件<Child @moreData= 'getDate' ><...
2019-12-13 14:47:22 1165
原创 根据接口返回数据让radio默认选中
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../picture/jquery-2.0.3.min.js"></script>...
2019-12-11 18:41:03 889
原创 table表格可以设置的样式
<div class="table"><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tbody></div>...
2019-12-09 18:30:53 363
原创 报错如何解决
1、分析1:引入js文件不全2、分析2:修改vue项目index.js文件修改这个路径这样改,然后再打包上传https://blog.csdn.net/qq_30455841/article/details/81240290...
2019-12-07 15:40:04 155
原创 js写导出
<buttontype="button"class="btnbtn-primary"id="exportEx">导出</button>//导出functionexportTable(data,str){$.ajax({type:"post",url:"/Alex/Review/kpiManage...
2019-12-05 17:00:01 155
原创 总结
Jquery、js获取地址栏的参数封装方法:functiongetlocation(res){//?uid=461&mid=102&apply_detail_id=240varurl=location.search;vartheRequest=newObject();if(ur...
2019-11-27 20:52:00 157
原创 elementui分页
1、html<divclass="pagination"style="margin-top:20px;"><el-paginationbackgroundalign="center"@size-change="handleSizeChange"@curre...
2019-11-22 19:59:22 143
转载 eval 是做什么的?
一、eval()的作用把字符串参数解析成JS代码并运行,并返回执行的结果;例如: 1、eval("2+3");//执行加运算,并返回运算值。 2、eval("varage=10");//声明一个age变量二、eval的作用域在它所有的范围内容有效例如1:functiona(){ eval("var x=1"); //等效于 var x=1; ...
2018-08-21 16:22:05 6615
转载 nodejs了解吗?
一、概念 1. Node.js是一个基于Chrome V8引擎的javascipt的运行环境。 2. Node.js使用了一个事件驱动、非阻塞I/O的模型, 3. Node.js轻量又高效,能够使我们在本地运行javascript二、NodeJS能做什么?1、提供数据给浏览器展示2、保存用户提交过来的数据3、数据统计与分析 三、NodeJS中五大核...
2018-08-21 10:00:56 322
转载 滑动时固定在头部的一部分会变色(向下滑会变红)
componentDidMount(){ //console.log(document.getElementsByClassName("header")[0]) //当页面滚动的时候执行变色 document.getElementsByClassName("main")[0].onscroll=function(e){ c...
2018-08-19 20:00:05 1603
转载 promise
1、概念: Promise 是异步编程的一种解决方案: 从语法上讲,promise是一个对象,从它可以获取异步操作的消息; 从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。 promise有三种状态:pending(等待态),fulfiled(成功态),rejected(失败态);状态一旦改变,就不会再变。创造promise...
2018-08-17 09:40:44 140
转载 h5及c3新增的一些内容有哪些?
1.h5新增语义化标签标签语义化:在合适的地方放合适的标签 利于seo优化<header>头部</header> <nav>导航</nav> <section> <aside>侧边栏</aside> <article>文章</article>
2018-08-16 09:40:52 3651 1
转载 谈谈对this 对象的理解
可以先回答this在不同的场合指向的是什么,在来回答什么时候用到thisthis的指向this表示当前对象,this的指向是根据调用的上下文来决定的,默认指向window对象,指向window对象时可以省略不写,例如: this.alert() <=> window.alert()<=> alert(); 1、调用的上下文环境包括全局和局部 ...
2018-08-16 09:28:41 10474 1
转载 js中的继承方法?
一、原型继承 核心( 将父类的实例作为子类的原型)特点:非常纯粹的继承关系,实例是子类的实例,也是父类的实例 父类新增原型方法/原型属性,子类都能访问到 简单,易于实现缺点:要想为子类新增属性和方法,必须要在new Animal()这样的语句之后执行,不能放到构造器中 无法实现多继承 来自原型对象的引用属性是所有实例共享的(详细请看附录代码: 示例1) 创建子类实例时,无法...
2018-08-14 13:55:13 129
转载 对webpack的理解
一、什么是webpack: webpack是一款模块加载兼打包工具,它可以将js、jsx、coffee、样式sass、less,图片等作为模块来使用和处理。二、优势: 1、以commonJS的形式来书写脚本,对AMD、CMD的支持也很全面,方便旧项目的迁移。 2、能被模块化的不止是JS了。 3、能替代部分gru...
2018-08-14 13:48:19 1108
转载 jquery的优化方法
1.使用#id去寻找element2. 缓存jq对象3. 限制直接对DOM操作4. 采用jQuery内部函数data()来存储状态。 存储:$("#home").data("name","value"); 调用:$("#home").data("name");5. 在class前面使用tag6. 更好的利用链式结构...
2018-08-13 17:09:21 210
转载 关于vuex
1.概念:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化2. 什么情况下使用vuex?需要构建是一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。3. vuex的核心: Vuex 应用的核心就是 store(仓库)。"sto...
2018-08-10 14:10:09 208
转载 CSS3新增伪类举例
1. 伪类与伪元素CSS伪类:用于向某些选择器添加特殊的效果。 CSS伪元素:用于将特殊的效果添加到某些选择器。伪元素代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。 伪元素 作用 ::first-letter 将样式添加到文本的首字母 ::first-line 将样式添加到文本的首行 ::before 在某元...
2018-08-09 10:07:30 6232
转载 请说出三种减低页面加载时间的方法?
1、减少http请求(合并文件、合并图片)2、优化图片文件,减小其尺寸,特别是缩略图,一定要按尺寸生成缩略图然后调用,不要在网页中用resize方法实现,虽然这样看到的图片外形小了,但是其加载的数据量一点也没减少。曾经见过有人在网页中加载的缩略图,其真实尺寸有10M之巨…普通图像、icon也要尽可能压缩后,可以采用web图像保存、减少颜色数等等方法实现。3、图像格式的选择(GIF:提供的颜...
2018-08-07 17:15:11 425
转载 同步异步的区别以及对异步的阐述
1. 同步:就是所有操作都完成之后才会给用户返回结果2. 异步:就是不需要等所有操作都完成,就去请求数据,然后返回结果对异步加载阐述:1. 异步加载又被称为非阻塞式IO,不需要关心其他的进程,后面的程序不会像同步那样等上一个加载完事之后再进行加载,异步加载会继续加载。优点:可以提高浏览器的加载速度 异步能改善用户体验 缺点:滥用异步,会影响性能 ...
2018-08-07 14:03:05 170
转载 什么是闭包(closure),为什么要用它?在开发项目时什么地方用闭包?以及优点和缺点
1. 闭包概念:即通过函数嵌套函数,内部函数引用局部变量实现变量不释放。广泛来讲,所有函数访问另一个函数内部变量的过程都可以称之为闭包2. 优点:局部变量不释放 缺点:内存泄漏、内存占用3. 闭包的实现基于以下三点: 函数可以创建独立作用域(因此闭包的实现依赖于函数); 自由变量跨作用域取值,要去创建该函数的作用域中取值; 变量被函数引用时不会被释放...
2018-08-06 19:57:32 4812
转载 vue2.0的三种常用传值方式,并且如何实现?
通讯:1. 为什么要传值:组件是独立的,封装重用 传什么展现什么2. 父传子--自定义属性 在父组件定义一个自定义属性 在子组件中使用props接收3. 子传父--自定义方法 $emit触发自定义的事件处理函数 $on监听接收4. 非父子--中间人模式+状态管理工具 localstorage : sessionstorage co...
2018-08-05 15:16:48 809
转载 说出至少4种vue当中的指令和它的用法?
v-if 判断是否隐藏 v-show 控制的隐藏出现,只是将css属性设为了display:none 或block; v-if 当值为 true时,显示div ,当值为false时,改元素消失,代码也会消失,相当于将代码删除了v-for 进行列表和表格的渲染 v-bind 绑定属性,使用:替代 有三个...
2018-08-03 15:23:50 4105
转载 ajax和fetch有什么区别?
1. ajax和fetch的区别 :(1)、ajax是针对MVC的编程,不符合现在前端MVVM的浪潮(2)、ajax基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案(3)、fetch比较与ajax有着更好更方便的写法(4)、fetch只对网络请求报错,对400,500都当做成功的请求,需要封装去处理(5)、fetch没有办法原生监测请求的进度,而XHR...
2018-08-03 15:21:13 2657
转载 解释 jsonp 的原理,以及为什么不是真正的 ajax?
1. jsonp的原理:就是利用浏览器可以动态地插入一段js并执行的特点完成的。2.为什么不是真正的 ajax? ajax的核心是 : 通过XmlHttpRequest获取非本页内容, jsonp的核心 : 动态添加<script>标签来调用服务器提供的js脚本。3..ajax和jsonp的调用方式很像,目的一样,都是请求url,然后把服务器返回的数...
2018-08-03 11:29:09 6461 1
转载 Ajax最大的特点是什么?
1. ajax的最大的优点就是实现动态不刷新,通过异步方式,来提升用户的体验,同时优化了浏览器和服务器之间的传输2. 可以把一部分以前由服务器负担的工作转移到客户端,利用客户端闲置的资源进行处理,减轻服务器和带宽的负担,节约空间和成本。3. 基于Web标准,使用文档对象模板(Document Object Model)作动态显示和交互;使用XML和XSLT进行数据交换及相关操作;使用XM...
2018-08-02 19:53:33 6487
转载 什么是 Ajax 和 JSON,它们的优缺点?
ajax的概念:ajax是一种通过后台与服务器进行少量的数据交换,使页面实现异步更新 是一种创建交互式网页应用的网页开发技术。json的概念:json是一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性ajax的优缺点优点:异步请求响应快,用户体验好;页面无刷新、数据局部更新;按需取数据,减少了冗余请求和服务器的负担;缺点:异步回调问...
2018-08-02 19:44:29 5597 2
转载 ajax 请求的时候 get 和 post 方式的区别?
get: 1. GET请求会将参数跟在URL后进行传递,也就是会在url中显示 2. GET请求有数据长度限制,一般在2000个字符,而POST没有。 3. GET方式请求的数据会被浏览器缓存起来,POST没有 4. GET在某些情况下会有安全问题,POST没有。 5. 在客户端使用get请求...
2018-08-02 19:32:47 400
转载 ajax 请求时,如何解释 json数据?
1. 直接定义返回数据类型为json, $.ajax({ url:"", dataType:"json" }); 然然后请求成功后返回的数据就是json数据, 或者打他data=eval("("+data+")");,这时候的data就转换成了json数据2. jquery设置返回的数据类型(dataType)为json...
2018-08-02 19:20:08 1228
转载 原生ajax的步骤
1. 创建一个实例化对象XMLHttpRequest2. 监听事件:使用onreadystatechange来监听,在里面有一个if判断,当readystate==4时,表示解析完毕,并且当state==200时,表示请求成功。另外从数据库传递过来的是以responseText来接收的,但它本身是一种json形式,我们要把它转换成json对象格式3. 建立连接,使用open形式,open里面有...
2018-08-02 19:11:49 530
转载 数组排序有哪些方式?
1、一般有四种,冒泡排序法、快速排序法、选择排序法、插入排序法;冒泡排序法:比较相邻的元素 如果第一个比第二个大 就交换它们俩位置下标 对每一个相邻元素作同样的工作,从开始第一对到结尾的最后一对。 针对除了最后一个元素以外所有的元素重复以上的步骤。直到没有任何一对数组需要比较。快速排序法是Arrays类的一个sort()方法。选择排序法是先选择一个数作为最大或者最小数,来比较确定数组...
2018-08-01 21:42:44 464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人