- 博客(30)
- 收藏
- 关注
RSS订阅原创 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关注的人