- 博客(50)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue中结合iview 的上传组件结合xlsx对上传的excel 表格数据进行处理
1.下载 iviewiview 官网2.下载xlsx npm install xlsx --save3.创建excel.js 工具文件 （在utils 文件夹下）import XLSX from 'xlsx';function auto_width(ws, data){ /*set worksheet max width per col*/ const colWidth = data.map(row => row.map(val => { /*i
2020-09-12 17:43:18
871
原创 vue-cli3 使用全局定义的sass
1.新建sass 文件2.在vue.config.js 设置注： 新版 sass-loader prependData 旧版data3.页面引入使用
2020-05-26 16:02:11
455
原创 vue实现购物车飞入动画。
用的是vue+iview<template> <div> <div style="width: 80%;margin: 20px auto 0"> <Row :gutter="20"> <Col span="24"> ...
2020-04-11 21:47:56
2490
原创 Vue和Element-ui实现分页,刷新时数据保持选中的状态不会恢复成默认。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!--引入远程element-ui的样式--> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib...
2020-01-07 18:30:35
1652
原创 js实现把输入文本中的值通过换行或者回车把多行内容分割成数组，并且去掉数组中空的值。
1.定义一个字符串,和一个空数组let sr = 'abghrtyebnsf'；let srArray:[];2.定一个remove 删除函数，数组中没有remove方法Array.prototype.remove = function (val) { let index = this.indexOf(val); if (index > -1) { ...
2020-01-06 17:07:22
2065
原创 uni-app中vue组件父子值传递
一、父组件向子组件传递数据(props)1.parent<template> <view> <child :parentData="parentData"></child> </view></template><script> import child from "@/components/exa...
2020-01-03 18:10:09
204
原创 uni-app 页面通信
示例传值页面<template> <view> <text @click="communication"> uni-app页面通讯 </text> </view></template><script> export default{ data(){ return{ ...
2020-01-03 15:42:03
857
原创 elementUI,点击表格展开，刷新的时候也展开点击过的表格。点击箭头，或者表格这一行都可以。
<template> <el-table :data="dataList" style="width: 100%" ref="refTable" row-key="id" :expand-row-keys="expands" @row-click="rowClick" @expand-change="expandChange"> ...
2019-12-30 18:25:12
2368
原创 uni-app页面传值传递对象类型的数据
在pages.json 里面的pages注册这两个页面1.传值页面<template> <view @click="navBar()"> 传递信息 </view></template><script> export default { data() { return {} }, methods: { ...
2019-12-28 11:55:03
11289
2
原创 uni-app 使用uCharts图表插件
1.下载：https://ext.dcloud.net.cn/plugin?id=2712.使用实例<template> <view class="qiun-columns"> <view class="qiun-charts" > <canvas canvas-id="canvasLineA" id="canvasLineA" class...
2019-12-24 18:01:59
23178
12
转载 uni-app 通过本地经纬度获取详细地理位置
uni.getLocation({ type: 'wgs84', success: function(res) { console.log('当前位置的经度：' + res.longitude); console.log('当前位置的纬度：' + res.latitude); var point = new plus.maps.Point(res.lo...
2019-12-24 13:38:05
6039
2
原创 less与sass的区别和了解
一、Less、Sass/Scss是什么?1、Less：是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量、继承、运算、函数。Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行。2、Sass：是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更...
2019-12-20 18:32:14
288
原创 vue版，类似于翻比分牌效果。
<template> <div :class="'bodyStyle '+(isPlay?'play':'')"> <div class="container"> <ul class="flip secondPlay" v-for="p in [0,1,2,3,4,5]" :key="p"> ...
2019-12-20 18:20:25
1041
2
原创 根据窗口的大小，自动改变字体大小，使用rem。
1.320尺寸2.414尺寸3.768尺寸<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=...
2019-12-20 18:10:07
2284
原创 js获取设备屏幕的宽高。
Javascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrol...
2019-12-20 14:59:46
414
原创 前端页面常用的css初始化代码
淘宝的css初始化代码body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, ...
2019-12-19 11:11:47
466
原创 css实现超出部分显示省略号
/* 显示一行，省略号 */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;/* 显示两行，省略号 */text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;di...
2019-12-13 15:02:53
164
原创 vue，根据输入框输入的值动态显示不同的价格区间比例值
<template> <div> <div class="payTotal"> <div class="pay"> <div class="pay-top"> <div class="pay-price" styl...
2019-12-09 13:48:09
1527
1
原创 js中数组去重
数组去重js中的数组去重1.创建一个新数组，把数组中的每一个元素插入到新数组中2.遍历原数组中每一个元素分别和新数组中的每一个元素进行比较1.对一个数组去重处理第一种去重方法<script> //原数组 var arr = [1,2,5,41,1,2,1,4,5,8,10] //新数组 var t = []; t[0] = arr[0]; //arr中的每一个元...
2019-10-16 10:31:26
194
原创 JS获取数组中的最大值与最小值
1.声明一个数组 var arr = [1,3,4,54,6,4,23,674,4,2,1,2,3];2.Es6中的拓展运算符 let max = Math.max(...arr); let min = Math.min(...arr); console.log('获取数组中最大的值Es6',max); console.log('获取数组中最小的值Es6',min);3...
2019-10-15 11:01:56
1383
原创 js中数组常用的排序
1.常用的排序函数var arr = [1,2,9,4,3,6,5,7,8]** 随机排序**var a = arr.sort(()=> Math.random()-0.5) ; 倒序 从大到小进行排序var b = arr.sort((X,Y) =>(Y-X)); //结果 [9,8,7,6,5,4,3,2,1]正序 从小到大排序var c = a...
2019-10-14 14:31:03
170
原创 将字符串进行驼峰命名
<script> //骆驼式命名法就是当变量名或函数名是由一个或多个单词连结在一起，而构成的唯一识别字时，第一个单词以小写字母开始；从第二个单词开始以后的每个单词的首字母都采用大写字母 /** *小驼峰法 变量一般用小驼峰法标识。驼峰法的意思是：除第一个单词之外，其他单词首字母大写。譬如 int myStudentCount; 变量myStudentCount第一个...
2019-10-14 11:42:47
867
原创 vue中的$router与$route的区别分析
一.router和router和router和route的区别**$router:是路由操作对象，包含路由跳转的方法，钩子函数等(只写对象)** 例如：history对象 this.$router.push会往history中添加一个新的记录 跳转用的链接就可以使用this.$router.push ,与router-link 跳转一样**$route 相当于当前正在跳转的路由对象，可以...
2019-10-09 15:07:29
268
原创 vue中使用Highcharts
1.先全局安装highchartsnpm install highcharts --save 2.在main.js引入使用配置import HighCharts from 'highcharts'Vue.prototype.$HighCharts = HighCharts;3.使用1.定义图表容器id<template> <div> <div ...
2019-10-09 11:50:47
601
转载 new Date() 日期格式的转换
let date = new Date(); date.getFullYear(); // 获取年份 格式1970年 date.getMonth(); //获取当前年的月份 月份要 + 1 （0代表1月）date.getMonth() + 1 date.getDate(); //获取当前日（...
2019-10-08 15:03:38
8458
原创 JSON.parse()与JSON.stringify()的区别
JSON.parse()与JSON.stringify()的区别1.JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data=’{“name”:“gohome”}’//解析对象JSON.parse(data)结果是：name:“gohome”2.JSON.stringify()【从一个对象中解析出字符串】var data={na...
2019-09-26 18:45:41
81
原创 vue中父组件获取子组件的数据与方法，子组件获取父组件中的数据与方法
父组件获取子组件中的数据与方法1.调用子组件的时候，通过设置ref<Child ref="child"></Child>2.在父组件中通过this.$refs.child.属性 //this.$refs 获取子组件中的内容this.$refs.child.方法父组件<template> <div id="father"&...
2019-09-26 18:32:50
3886
原创 vue 通过绑定事件获取table 当前行中的id
<template> <div class="search" style="width: 500px;margin: 0 auto;text-align: center"> <table style="width: 100%"> <tr> <th>序号</th> ...
2019-09-06 17:56:34
6650
3
原创 MongoDB必要知识点
1. 创建数据库use DataBase 如果数据库不存在，则创建数据库，否则切换到指定数据库。查看所有的数据库 "show dbs" 查看所有的集合 "show tables"2.数据库的基本操作insert 插入数据db.database.insert({"key":"value"})find 查询数据db.database.find(query,fields)...
2019-09-03 17:03:41
241
原创 vue路由懒加载
一、当打包构建应用时，Javascript包会变得很大，影响页面加载。二、懒加载就是将不同路由对应的组件分隔成不同的代码块，然后当路由被访问时，才加载对应的组件，这样就更高效了。三、常用的加载方式有两种：vue异步组件、ES6中的import1.没有使用懒加载，vue中的路由配置如下 import Vue from 'vue' import Rou...
2019-08-27 14:34:50
172
原创 如何用vue+element-ui生成二维码
1.安装qrcodeelement-ui 的使用官网添加链接描述npm install qrcodejs2 --save2.页面引入<template> <div> <el-button type="primary" @click="qrCode()" style="margin-left: 20px">生成二维码</el-butto...
2019-08-23 17:26:17
7354
6
原创 this的指向，通俗易懂。
在javaScript中this的指向不是固定不变的，相反它会随着指向环境的改变而改变。1.方法中的this在对象方法中，this指向调用它所在的方法的对象。var person = { firstName: "John", lastName : "Doe", fullName : function() { return this.firstName + " " + th...
2019-08-22 17:11:24
279
原创 JavaScript 正则表达式
正则表达式（英语：Regular Expression, 在代码中常简写为regex、regexp或RE）使用单个字符串描述、匹配一系列符合摸个语法规则的字符串搜索模式。搜索模式可以用于文本搜索和文本替换一.什么是正则表达式？正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索查询数据时，你可以使用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式...
2019-08-22 14:56:25
235
原创 vue+element-ui实现显示隐藏密码
1.第一种方法通过控制样式，还有vue的v-if 条件渲染来实现。代码如下：<template><div> <el-form> <el-form-item v-if="visible" label="密码"> <el-input type="password" v-model="formPasswo...
2019-08-22 11:26:18
6180
1
原创 基于vue监听事件实现一个简单的购物车
代码如下。详情看vue菜鸟教程监听事件https://www.runoob.com/vue2/vue-watch.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简单购物车</title> <style> #app...
2019-08-12 18:30:52
1155
原创 idea中HTML格式化时标签缩进问题
在IntelliJ Idea中HTML格式化时，默认以及下的以及标签都不会缩进。（代码格式化快捷键为Ctrl+Alt+L）1.找到File>Settings2.找到Settings>Editor>HTML3.找到HTML>Other>Do not indent children on4.把html、body、head删除掉即可，点击ok即可。...
2019-08-12 17:11:22
10093
5
原创 vue中用async/await 来处理异步
**用async/await ** 来处理异步先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数async function timeout() { return 'hello world';}timeout();console.log('虽...
2019-08-12 13:26:55
3937
原创 java的进制换算
1.进制 进制是一种记数方式 ，可以用有限的数字符号代表所有的数值。由特定的数值组成。2.进制的表现形式 二进制： 由0和1两个数字组成。 八进制： 由0-7数字组成，为了区分与其他进制的数字区别，开头都是以0开始。 十进制： 都是以0-9这九个数字组成，不能以0开头。 十六进制：由0-9和A-F组成。为了区分于其他数字的区别，开头都是以0x或0X开始。3.进制之间的转...
2019-08-08 16:59:40
325
原创 MongoDB 安装教程
安装，mongodb-win32-x86_64-2008plus-ssl-3.6.3-signed 在其中选项选择第一个，complete 下一步，默认选中Install MongoDB Compass 不选中，接着下一步，直到安装完成，安装MongoDBCompass.exe在D盘根目录下创建data文件夹 D:\data 进入创建db文件夹（任意选盘符）进入mongodb安装目录...
2019-08-07 20:20:57
244
原创 css3样式选择器
/* 通过标签名直接查找 找到整个html中所有的h1标签 */ h1{ color: #00FFFF; } /* 通过class值查找标签 */ .content{ text-indent: 2em; } .red{ color: blue; } /* 通过id查找标签 #id值 */ #author{ ...
2019-08-07 20:18:04
352
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人