前端学习笔记
一枚币
这个作者很懒,什么都没留下…
展开
-
父子组件 子组件触发事件
父组件向子组件传值通过props子组件则是通过$emit事件给父组件发送消息每个Vue实例都实现了事件接口:使用$on(evntName)监听事件;使用$emit(eventName,optionalPayload)触发事件举个例子:父组件:components/parent.vue<template> <div class="parent">...原创 2019-12-24 16:32:25 · 1398 阅读 · 0 评论 -
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 · 454 阅读 · 0 评论 -
导航守卫 登录拦截
主要利用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 阅读 · 0 评论 -
vue elementUi邮箱列表选择(全选,已读,未读,删除)功能
基于vue + elementUI写的邮箱列表,包括全选,已读,未读,上次一次点击记录以及删除的操作列表组件如下:<template> <div style="height: 100vh; background-color: #f6f8fb; min-width: 1440px;"> <ai-header></ai-header>...原创 2019-12-07 16:02:48 · 4023 阅读 · 0 评论 -
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 · 201 阅读 · 0 评论 -
js冒泡排序
它重复地走访过要排序的元素列,依次比较两个相邻的元素,如果他们的顺序(如从大到小、首字母从A到Z)错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换,也就是说该元素列已经排序完成。<script> function sortarr(arr) { for(let i=0;i<arr.length;i++){ ...原创 2019-08-30 12:10:49 · 99 阅读 · 0 评论 -
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 · 102 阅读 · 0 评论 -
深拷贝浅拷贝,合并数组,数组去重,数组排序,数组乱序 随机产生
//------------深拷贝浅拷贝------------// 对象浅拷贝指的是指针的拷贝 他们任然指向同一个内存空间 所以他们只要有一个变化另一个也会跟这变// 对象深拷贝指的是指针和内存空间的拷贝 由于拷贝出了新的内存空间 所以原来对象和新拷贝的对象之间不会影响//浅拷贝 直接复值let arr = {name:'li',age:25}let crr = arr;...原创 2019-08-28 16:12:44 · 238 阅读 · 0 评论 -
高度塌陷解决方案
<style>#box1{border: 3px solid red;/* 1.解决办法(1) 开启BFC*//* overflow: hidden; */}#box2{width: 200px;height: 200px;background: #cccccc;/*添加一个浮动产生高度塌陷*/float: left;}#box3{...原创 2019-01-08 11:18:30 · 198 阅读 · 0 评论