一枚币-CSDN博客

原创父子组件子组件触发事件

父组件向子组件传值通过props子组件则是通过$emit事件给父组件发送消息每个Vue实例都实现了事件接口：使用$on(evntName)监听事件；使用$emit(eventName,optionalPayload)触发事件举个例子：父组件：components/parent.vue<template> <div class="parent">...

2019-12-24 16:32:25 1402

原创 filter() some() every() forEach() map() Object.keys()笔记

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。var ages = [3, 10, 18, 20];ages.filter((age)=>{ return age > 11})some() 方法用于检测数组中的元素是否满足指定条件（函数提供）some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，...

2019-12-24 12:46:00 482

原创导航守卫登录拦截

主要利用beforeEach在router/index.js下import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//引入组件import Home from './../components/home'import Main from './../components/main'i...

2019-12-23 18:04:37 321

原创 vue elementUi邮箱列表选择（全选，已读，未读，删除）功能

基于vue + elementUI写的邮箱列表，包括全选，已读，未读，上次一次点击记录以及删除的操作列表组件如下：<template> <div style="height: 100vh; background-color: #f6f8fb; min-width: 1440px;"> <ai-header></ai-header&gt...

2019-12-07 16:02:48 4066

原创 vue 搜索结果高亮

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-11-26 16:12:30 207

原创 js冒泡排序

它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果他们的顺序（如从大到小、首字母从A到Z）错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。<script> function sortarr(arr) { for(let i=0;i<arr.length;i++){ ...

2019-08-30 12:10:49 103

原创 css左边固定宽度，右边自适应

<div class="container"> <div class="left"></div> <div class="right"></div> <div class="clear"></div></div>第一种：使用float可以达到效果。注意使用float会脱离...

2019-08-29 12:40:52 105

原创深拷贝浅拷贝,合并数组,数组去重,数组排序,数组乱序随机产生

//------------深拷贝浅拷贝------------// 对象浅拷贝指的是指针的拷贝他们任然指向同一个内存空间所以他们只要有一个变化另一个也会跟这变// 对象深拷贝指的是指针和内存空间的拷贝由于拷贝出了新的内存空间所以原来对象和新拷贝的对象之间不会影响//浅拷贝直接复值let arr = {name:'li',age:25}let crr = arr;...

2019-08-28 16:12:44 244

原创去掉字符串空格 , 字符串转化成数组

一:去掉字符串空格var kong = ' hel lo '//正则表达式var newKong = kong.replace(/\s/g,'');console.log('正则表达式:'+newKong);//str.trim() 去掉前后空格var newKong3 = kong.trim();console.log('trim()方法:'+newKong...

2019-01-13 00:16:46 1852

原创 js数组乱序,数组随机排序

一.splice var list = [1,2,3,4,5,6,7,8,9,10]; var newlist = []; for(var i=0;i<10;i++){ console.log(i) var num = Math.floor(Math.random()*(list.length-1)) ; newl...

2019-01-12 16:40:00 3873 1

原创 random() 给定范围取整

整数 = Math.floor( Math.random()*(end-start)+start ) //end是范围中最后一个数 start是范围中第一个数 eg: 3-8Math.floor( Math.random()*(8-3)+3 )

2019-01-12 16:35:04 2826

原创高度塌陷解决方案

2019-01-08 11:18:30 228

原创 js中把new Date().getTime()时间戳转化成日期类型求现在时间之前时间

//如果小于10 则返回'0'+mfunction add(m){return m<10?'0'+m:m}//将时间戳转为普通格式function fortime(shijianchuo){ var time = new Date(shijianchuo); var y = time.getFullYear(); var m = time.getMonth()...

2018-12-18 18:37:11 6999 1

原创字符串转数组方式数组加密

function secret(){let phone='13381163835';let phoneArr=[...phone]; //["1", "3", "3", "8", "1", "1", "6", "3", "8", "3", "5"] 延展操作符将字符串转为数组. /

2018-12-07 17:39:13 632

原创 js中for in , forEach , for of的使用与区别

1 . for in 循环返回可枚举的属性语句: for(var obj in objs){ ... } 来用for in遍历一个对象var objs = {a: 1, b: 2};for (var obj in objs) { console.log("key:" + obj + ", value:" + objs[obj]); } //key:a, v...

2018-12-07 14:20:33 719

转载 vue-cli 引入jq bootstrap

vue-cli脚手架快速构建项目-------默认了有已经安装了node-------生成项目步骤:一: npm install vue -g //安装vue二: npm install vue-cli -g //安装vue-cli三: vue init webpack demo //创建项目(demo) 生成项目名为demo的的项目模板...

2018-11-27 12:36:36 210

原创 div适应屏幕垂直居中的多种解决方案

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;font-size: 20px} /*...

2018-07-13 11:36:29 2830

qq_41063734的博客