- 博客(30)
- 收藏
- 关注
原创 elementui table分页中保存每一页选中的数据,并且初始默认选中数据功能
这四个函数都要定义好此函数在mounted中直接调用,参数为初始默认需要选中的数据
2020-04-14 10:37:38
1713
转载 深入理解vue中的slot与slot-scope
vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,先让还没接触过插槽的同学对什么...
2019-09-17 10:23:09
232
原创 vue+vonic项目创建
1.创建空文件夹,npm i vue-cli2.vue init wangdahoo/vonic-template vonicapp vonicapp可以随意命名3.根据提示操作4.最后如图所示:
2019-09-16 14:29:25
1747
原创 vue项目常用的ui框架
基于vue的移动端UI框架1.vonic >>>>>>>>>基于 vue.js 和 ionic 样式的 UI 框架2.vux >>>>>>>>>基于WeUI和Vue(2.x)开发的移动端UI组件库3.Mint UI >>>>&...
2019-09-16 09:54:12
1906
原创 jq实现图片拖动滑块验证码
创建项目如下:index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewp...
2019-09-11 13:52:22
2092
1
原创 vue项目中将px转化为rem来实现移动端的适配
1.需要安装两个插件1-1:npm i lib-flexible --save1-2:npm install px2rem-loader2.安装后在index.html中加上 <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" conten...
2019-09-09 09:44:13
607
原创 setTimeout和setInterval的区别和清除
setTimeout只执行一次setInterval在指定的延时间隔重复执行清除:var ctime = setTimeout(“xxxxx”,30000);clearTimeout(ctime);var begin = setInterval(“xxxxx”,30000);clearInterval(begin);...
2019-09-06 14:16:15
949
原创 前端--了解闭包及扩展
闭包就是能够读取其他函数内部变量的函数。闭包的用途:(1)可以读取函数内部的变量;(2)让变量的值始终保存在内部中。注意点:闭包会导致函数中的变量保存在内存中,内存消耗很大。解决办法是:退出函数之前,将不使用的函数局部变量删除。点击查看更多...
2019-09-06 13:43:11
195
原创 前端css清除浮动的方法
首先,清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题。解决方法:1…额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear:both;)<div class="fahter"> <div class="big">big</div> <div class="small">small</di...
2019-09-06 10:08:04
200
原创 利用JS判断数据类型的方法
1.typeof语法:typeof …typeof对于基本数据类型判断是没有问题的,但是遇到引用数据类型(如:Array)是不起作用的2.instanceof语法:object instanceof constructor (object—要检测的对象;constructor—某个构造函数)instanceof 运算符用来检测 constructor.prototype 是否存在...
2019-09-06 09:57:30
106
原创 了解https和http的区别
一、HTTP和HTTPS的基本概念HTTP:是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。HTTPS:是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。HTTPS协议...
2019-09-05 16:59:51
495
原创 HTML中a标签的伪类
a:link,定义正常链接的样式;a:visited,定义已访问过链接的样式;a:hover,定义鼠标悬浮在链接上时的样式;a:active,定义鼠标点击链接时的样式。
2019-09-05 16:52:38
1568
原创 http请求的几种方法
1.GET 发送请求来获得服务器上的资源,请求体中不会包含请求数据,请求数据放在协议头中。另外get支持快取、缓存、可保留书签等。幂等2.POST 和get一样很常见,向服务器提交资源让服务器处理,比如提交表单、上传文件等,可能导致建立新的资源或者对原有资源的修改。提交的资源放在请求体中。不支持快取。非幂等3.HEAD 本质和get一样,但是响应中没有呈现数据,而是http的头信息,主...
2019-09-05 16:43:55
1030
原创 .vue文件编写
什么是Vue.js?Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。.vue文件分为三部分:template、script、style。template部分...
2019-09-03 09:50:54
3057
1
原创 前端---vue项目搭建
1.安装node1-1 访问nodejs.org,下载node,可以选择稳定版下载,根据提示一直点击Next,直到finish完成。window+R打开控制命令行程序,键入node -v 和 npm -v 即可查看node和npm版本。1-2 淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 安...
2019-09-02 16:36:18
122
原创 Session和Cookie、localstorage和sessionstorage的区别
一 Session和Cookie的区别1.cookie数据存放在客户的浏览器上,session数据放在服务器上。2.cookie不是很安全,别人可以分析存放在本地的cookie并进行cookie欺骗。3.session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能。4.单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie。...
2019-09-02 14:54:46
625
原创 vue项目中使用MD5加密
1.安装npm install --save blueimp-md52.在mian.js中引入import md5 from 'js-md5';3.设置成全局属性,方便每个页面使用Vue.prototype.$md5 = md5;4.在需要的页面中调用this.$md5('原始密码');...
2019-09-02 11:32:05
704
原创 base64转Blob方法
base64ToBlob(urlData, type) { let arr = urlData.split(','); let mime = arr[0].match(/:(.*?);/)[1] || type; // 去掉url的头,并转化为byte let bytes = window.atob(arr[1]); // 处理异常,将ascii码小于0的转换为大于0 let ab =...
2019-09-02 11:23:02
9999
1
原创 vue+element-ui中分页功能封装
公用的page组件 pagination.vue:<template> <el-pagination background @current-change="handleCurrentChange" :current-page="currentpage" :page-size="pagesize" :layout="layout" ...
2019-08-23 09:32:43
672
原创 vue+element-ui 中transfer穿梭框功能
下拉框选择搜索html<div class="widget box"> <div class="widget-header"> <h4><i class="el-icon-tickets"></i>学生批量调班</h4> </div> <el-select v-model="dCV...
2019-08-22 13:55:08
9982
1
原创 vue导入Excel
点击导入,使用input创建导入按钮<input type="file" name="file" id="file" :value="value" @change="importf(this)" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.m...
2019-08-22 13:48:04
1026
原创 vue项目表格导出excel
<el-button class="yellow fl" @click="exportExcel">导出</el-button>import FileSaver from 'file-saver'import XLSX from 'xlsx'exportExcel() { /* generate workbook object from tabl...
2019-08-16 16:21:25
240
原创 element-ui框架中可拖拽对话框封装
单独封装一个对话框,方便每个文件引入使用。import Vue from 'vue';// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__...
2019-08-16 16:07:39
1288
1
原创 前端项目 视频直播功能 遇到跨域问题
用了好多款视频播放插件,却存在跨域问题,最后选择了ckplayer。crossdomain.xml可以解决跨域问题,如图配置
2019-08-15 16:46:46
6105
原创 Vue项目中,使用反向代理解决跨域问题
config --> index.js文件中配置总接口文件中配置生产模式下和开发模式下的域名,根据开发需要自行调整。最后在接口内调用即可。
2019-08-15 16:28:33
2383
原创 Webpack打包文件,删除所有的console.log
var c = document.getElementById(‘canvas’);var ctx = c.getContext(‘2d’);ctx.lineWidth = 1;ctx.strokeRect(1,1,1,1);ctx.fillStyle = “#fff”
2019-08-15 16:13:47
2216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人